UI設計中的動效設計標準與規(guī)范

現(xiàn)如今，優(yōu)秀的界面動效很能讓人產(chǎn)生深刻印象，甚至是帶來驚喜。它一方面表達了界面之間的交互過程，解釋說明如何使用應用，另一方面也能正確引導用戶的注意力。本文將界面動效的主要原則和規(guī)范做一個收集歸納，便于設計師進行快速決策。

動效與用戶體驗的結合相對較新，其根源是迪士尼動畫設計的十二個條基本原理。迪士尼動畫原理是為了講故事而提煉出的基本的物理運動規(guī)律。這些原理能讓繪制的卡通角色移動和表演，但不能充分滿足現(xiàn)代UI界面的交互需求。為了彌合這個差距，動效專家CanedoEstrada改編的《動效設計的10條原理》更適合應用到數(shù)字產(chǎn)品設計中。

·簡單與復雜

圖標動效可以根據(jù)選項重要級別使用簡單或復雜的動效

簡單：級別低的圖標使用簡單一致的動效

復雜：可以通過復雜動動效來強調(diào)應用中重要的圖標

·圖標動效的持續(xù)時間

圖標動效越復雜需要的時間就越長以免顯得倉促為了保持應用的一致性對具有相似度的圖標使用相同的持續(xù)時間

·動效的速度和持續(xù)時間 

當界面元素改變他們的狀態(tài)和位置時，動畫的持續(xù)時間應該以用戶能注意到又不用等待為標準。

大量的研究發(fā)現(xiàn)在界面中最 優(yōu)的時間是200-500ms。這個數(shù)字是根據(jù)人類大腦的認知水平得出來的。任何小于100ms的動畫是人類很難感知到的，而其他大于1秒的動畫又會讓用戶覺得有些延遲，不夠流暢。

還需要記住的一點就是，無論在什么平臺，動畫的持續(xù)時間不僅跟它的移動距離有關，還跟它本身的大小有關系。小的元素或者變化不大的動畫應該要移動的更快，而大的元素或者復雜的元素持續(xù)時間稍長一些看起來會更好。