增加趣味性
設計巧妙的動畫常常會給用戶帶來意想不到的驚喜，給網站增加一定的趣味性。Deal in就是一個很好的栗子，這個界面的底部有一個牛皮紙袋，看上去並沒有什麼特別，但當我們挑選好自己心儀的商品將它們添加到袋子中時，某一行的商品像是從紙上被撕下一樣。這種意料不到的操作雖然只是一個小細節，但卻能讓用戶產生興趣，激發他們的探索慾望。我們在自己網站的產品等頁面也可以使用恰當的動畫效果，給用戶提供預期之外的效果，讓他們更愉悅，更願意在網站停駐瀏覽。

增添個性化色彩
動畫效果能夠給網站增添個性化色彩。在網站導航菜單處使用淡入的動畫效果，能給網站營造一種優雅大方的感覺;在網站中使用滑出和傾倒讓屏幕上出現天女散花般的絢麗效果，這會樹立生動活潑的網站形象。不同形式的動畫效果會給用戶留下不一樣的印象，這種個性化色彩是網站的特色所在，能將其與對手網站區別開來。
Optimo's hats 這個網站就使用懸浮的動畫效果做出了很好的效果。當你將鼠標放在每個帽子的圖像上時，它們會微微翹起，下方就會出現每個帽子的名稱，移開時文本就會消失。這種動畫讓整個網站更顯典雅別緻，也讓用戶在瀏覽上更加輕鬆。

引起訪客情感共鳴
在第二點中，小飛談到了動畫效果給網站帶來的個性化特徵。其實網站的個性化特徵從某種程度上彰顯著站長的性格偏好，如果某個網站上使用的動畫效果比較活潑，不難判斷出這個站長平時可能比較外向。對於網站訪客來說，他們能因此更直觀的認識電腦或屏幕背後的那個人。而站長在通過訪客們表達對某種特效的好惡也能對用戶們有一定的了解。這樣一來，我們就能與用戶建立情感上的紐帶，更易引起用戶與網站的互動。而且，如果一些訪客比較欣賞網站上的某個動效，他們可能還會與朋友進行分享，這有利於網站知名度的擴大。

1. 在加載頁面使用
建站早期，頁面在加載時，用戶只能看著空白的屏幕或閃爍的光標乾等著，那時候的用戶還是比較有耐心的。而現在，如果用戶看到加載頁一片空白，會覺得頁面沒有在加載或速度太慢，可能就會直接退出。加載頁是給用戶的第一印象，是溝通用戶與網站內容的橋樑，無趣的加載頁大大降低了網站的流量。而有趣的動畫則能力挽狂瀾，它夠有效轉移用戶的注意力，降低用戶的期待感，進度條式加載動畫還能讓用戶了解目前的進度。如果你無法縮短頁面加載的時間，那就盡量讓這個過程變得有趣吧，讓他們再多停留一小會吧。快在加載頁面使用動畫效果緩解用戶的急切感吧!

2. 在導航菜單欄使用
簡單易操作的導航菜單對確保網站的用戶友好十分重要。恰當的動畫效果可以使菜單欄更簡潔、精煉，更能抓住用戶的眼球。而且，隨著極簡主義的趨勢越來越流行，隱藏式導航菜單也受到越來越多人的歡迎。隱藏在漢堡圖標中的菜單怎樣在點擊或關閉時實現很好的銜接呢?動效的作用不容小覷，現在很多設計師在導航菜單上會使用滑出或彈出的效果，下圖就是一個栗子。網頁右側彈出的動畫讓導航清晰可見，也讓網站整體內容更加豐富。

3. 在主頁上使用
動畫效果還可以用來美化網站的主頁面，突出網站的品牌、圖標，呈現給用戶不一樣的視覺美感。Theory agency這個網站在主頁面就使用了動畫效果，當你打開這個網站時，頁眉會以滑入的動畫效果呈現，這一點小改變會帶來大不同。除了在主頁面上使用動畫效果，網站在其他元素上也使用了動效，按住滾動條向下拖動時各種元素會給用戶一種魚貫而入的感覺，流暢清晰。

除了Theory agency以外，Underbelly在將動畫應用到網站主頁上也是一個比較好的栗子。整個網站佈局簡練大氣，最有趣的莫過於網站上方的圖標了，往下拖動頁面時這個鯨魚圖標會縮小，往上它又會恢復原樣，很是新穎別緻。看了這樣的動畫效果，你還會對這個圖標沒印象嗎?

4. 在焦點區域上使用
人總是很容易為移動著的事物所影響，這是一種生理本能，動畫效果能夠極大的吸引用戶的注意力。如果我們能夠有效的將它用在用戶關注的焦點問題上，可以很好的提升用戶體驗。比如在"回到頂部"上使用動畫，給用戶一個引導，在向下滾動結束後，不用仔細查找即可跳回首頁，這樣能讓用戶覺得很方便。還比如商城的聯絡表單，我們可以給聯絡表單上添加一些動畫效果，如果用戶輸入完成或輸入正確時，錶框可以給用戶一個"點頭"的動效，如果用戶輸入錯誤如密碼錯誤等，反饋一個"搖頭"的動效，以示否定，這種人性化的動效更能引起用戶的共鳴。不過在這個過程中我們唯一需要注意的問題就是避免動畫效果太酷炫，分散用戶的注意力。