動效常用的一個地方就是進度條。加載進度條的加載動效會改變用戶對于時間的感知，通過轉(zhuǎn)移注意力的方式讓用戶等待感降低。

　　簡單的加載動效其實比復雜的更好。額外的東西，比如聲音效果就沒有存在的必要了。用戶在有趣的動效上投注了越多的注意力，就越容易忽略等待的過程。

　　即使加載時間很短，有趣的動效依然能讓這點時間變得好玩。

　　進度動效

　　動效還可以用來展示交互或者操作的進度。下面的這個加載進度條就是這類動效的代表：

　　界面框架

　　界面框架會將界面加載之后的大概樣式給展示出來，界面框架會讓用戶產(chǎn)生內(nèi)容一瞬間就加載好了的錯覺。這種動效可以應(yīng)用在絕大多數(shù)的網(wǎng)頁和APP當中，它會明顯強化用戶的參與感。

　　視覺反饋

　　將界面反饋視覺化地呈現(xiàn)給用戶是非常實用的.良好的交互設(shè)計需要視覺反饋來支撐，傳達交互完成后的結(jié)果，讓交互可用、可見、可預(yù)期。網(wǎng)站界面中哪些元素可交互如果是不可知的、交互的結(jié)果也不可預(yù)期，混亂就不可避免了。周密的交互設(shè)計可以幫助用戶理解，將這種混亂降到低。

　　懸停動效

　　桌面端交互主要還是借助觸控板和鼠標，光標懸停特效很大程度是為這種情況而存在的，同時，它也是常見的動效之一。

　　當用戶不知道某個控件怎用的時候，會很直覺地將光標移動到上面去，這個時候，懸停特效能夠很好的吸引他們的目光。

　　移動端由于交互方式的差異，幾乎沒法使用懸停動效。無論是按鈕還是輸入框，當你點擊屏幕的時候就已經(jīng)觸發(fā)控件了，只能在隨后呈現(xiàn)結(jié)果，而無法像懸停動效一樣預(yù)覽。

　　長滾動頁面

　　不得不說，屏的設(shè)計一直是網(wǎng)頁設(shè)計的焦點所在，設(shè)計師將注意力集中在這個充滿價值的區(qū)域是有道理的。但是頁面余下的部分同樣很重要，事實上，有個說法是“正常媒體頁面上百分之66%的用戶注意力都在屏之下”，因此結(jié)合了動效的長滾動頁面同樣非常有用。

　　動效讓滾動式的交互充滿了趣味。

　　動畫能夠讓長滾動頁面所承載的故事更加鮮活有意思，相比于炫酷的動效，微妙的動效給人的感覺更加到位。你可以將你的網(wǎng)站設(shè)計成可滾動的“區(qū)塊”，每個區(qū)塊中呈現(xiàn)不同的內(nèi)容，下面的案例就是這么做的：

　　結(jié)語
　　動效拓展了界面的視覺維度，它連接交互，讓界面的功能和效果都更加圓融。