功能性轉場動畫效果設計

功能性轉場動畫是使用者體驗設計的重要一環，它一般出現在頁面銜接、命令執行或物件編輯的過程中，同時也有類似錯誤提示、操作提示中湧現出來的。它使人機互動更加友好，更人性化。

通過排列組合、**、變化形狀，運動可以使物件更加靈動。功能性的動畫，應該流暢地在導航內容間引導使用者，解釋螢幕內容的變化，並強調元素層級。

成功的動效設計具有以下6個特徵：

1. 響應及時且恰當

視覺反饋在ui設計中極度重要，因為它符合了使用者在日常生活中的體驗。在現實生活中，拖拉、撥動各種物體，都會響應我們的操作，這符合使用者的預期。

響應一是要及時，二是要恰當非常重要，否則就會造成對使用者經驗的挑戰，造成體驗差。

2. 提公升關聯性

讓頁面之間與觸發它們的元素或操作關聯起來。幫助使用者在介面布局中理解剛發生的變化，是什麼操作導致了這個變化。

3. 了解自然規律

不要刻意追求動畫效果，所有的運動都應該遵循真實生活中力的作用，比如重力、磁場力、摩擦力、彈力等等。類似的，在好的介面設計中，你能時刻感受到這些。

4. 有目的的引導

設計好視覺線並引導使用者到適當的位置。動畫一定是頁面中最為亮眼的那個部分。無**字段落還是靜止都無法與之相提並論。用好的過渡效果引導使用者到下一步操作，適當的動畫能幫助使用者保持方向，不會感覺內容的突然改變。

5. 該快的一定要快

元素在不同位置和狀態間運動時，運動要足夠快，不要讓人等待；也不可過快，讓過渡能夠理解。不要緩慢的動畫，因為它產生了不必要的停頓，延長了整個過程。

6. 明確

過渡效果應當避免一次做太多事情，因為如果許多物體往不同方向或沿著不同路徑運動，它們就會令人困惑。過渡效果應當明確、簡潔、條理清晰。記住，關於動畫，少即是多。我們應該只專注於動畫能為使用者帶來的實際價值。