令人愉悅的動效差不多已經成為如今網頁設計的標準配置了，融入動效的交互細節讓現代網頁同以往的設計在根本上區別開來。動效不但可以表現狀態，引導用戶的關注點，幫助用于預測交互的結果，甚至影響用戶的行為。
       一、加載動效：動效常用的一個地方就是進度條。加載進度條的加載動效會改變用戶對于時間的感知，通過轉移注意力的方式讓用戶等待感降低。如果你無法將等待的時長縮短，那么盡量令這個過程有趣。用戶在有趣的動效上投注了越多的注意力，就越容易忽略等待的過程。
       二、界面框架：界面框架會將界面加載之后的大概樣式給展示出來，界面框架會讓用戶產生內容一瞬就加載好了的錯覺。這種動效可以應用在大多數的網頁和APP當中，它會明顯強化用戶的參與感。
       三、視覺反饋：將界面反饋視覺化地呈現給用戶是實用的。良好的交互設計需要視覺反饋來支撐，傳達交互完成后的結果，讓交互可用、可見、可預期。
       四、懸停動效：桌面端交互主要還是借助觸控板和鼠標，光標懸停特效是為這種情況而存在的，同時，它也是常見的動效之一。當用戶不知道某個控件怎用的時候，會很直覺地將光標移動到上面去，這個時候，懸停特效能夠很好的吸引他們的目光。移動端由于交互方式的差異，差不多沒法使用懸停動效。無論是按鈕還是輸入框，當你點擊屏幕的時候就已經觸發控件了，只能在隨后呈現結果，而無法像懸停動效一樣預覽。
       五、吸引注意力：被運動的事物所吸引，是人的生物本能。這也使得動效成為了吸引用戶注意力的良好工具。
       六、導航：從設計趨勢上來說，越來越多的網站開始選擇使用隱藏式的導航菜單，將許多的選項隱藏在漢堡菜單之后。而菜單的打開和關閉中需要動效來降低突兀的過渡，如果設計的精巧，用戶會被吸引住。
       七、平滑的狀態切換：無論是從一個Tab切換到另外一個Tab，還是界面模式的變化，狀態切換是UI界面中常見的情況，動效能夠讓狀態切換平滑。
       八、創意特效：充滿創意的特效總能讓用戶真正難忘懷，它們的價值在于取悅用戶，讓人記住。
       九、長滾動頁面：主屏的設計一直是網頁設計的焦點所在，設計師將注意力集中在這個充滿價值的區域是有道理的。但是頁面余下的部分同樣很重要，因此結合動效的長滾動頁面同樣有用。動畫能夠讓長滾動頁面所承載的故事鮮活有意思，相比于炫酷的動效，微妙的動效給人的感覺不錯。
       結語：動效拓展了界面的視覺維度，它連接交互，讓界面的功能和效果都圓融。