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

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

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

·簡單與復(fù)雜

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

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

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

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

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

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

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

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

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