功能性轉場動畫效果設計

       

功能性轉場動畫是用戶體驗設計的重要一環，它通常出如今頁面銜接、命令執行或對象編輯的過程當中，同時也有相似錯誤提示、操做提示中涌現出來的。它令人機交互更加友好，更人性化。

經過排列組合、分裂、變化形狀，運動可使對象更加靈動。功能性的動畫，應該流暢地在導航內容間引導用戶，解釋屏幕內容的變化，並強調元素層級。

成功的動效設計具備如下6個特徵：

1. 響應及時且恰當

視覺反饋在UI設計中極度重要，由於它符合了用戶在平常生活中的體驗。在現實生活中，拖拉、撥動各類物體，都會響應咱們的操做，這符合用戶的預期。

響應一是要及時，二是要恰當很是重要，不然就會形成對用戶經驗的挑戰，形成體驗差。

2. 提高關聯性

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

3. 瞭解天然規律

不要刻意追求動畫效果，全部的運動都應該遵循真實生活中力的做用，好比重力、磁場力、摩擦力、彈力等等。相似的，在好的界面設計中，你能時刻感覺到這些。

4. 有目的的引導

設計好視覺線並引導用戶到適當的位置。動畫必定是頁面中最爲亮眼的那個部分。不管文字段落仍是靜止圖片都沒法與之相提並論。用好的過渡效果引導用戶到下一步操做，適當的動畫能幫助用戶保持方向，不會感受內容的忽然改變。

5. 該快的必定要快

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

6. 明確

過渡效果應當避免一次作太多事情，由於若是許多物體往不一樣方向或沿着不一樣路徑運動，它們就會使人困惑。過渡效果應當明確、簡潔、條理清晰。記住，關於動畫，少便是多。咱們應該只專一於動畫能爲用戶帶來的實際價值。