UI動效設計有什么原則

UI動效設計有什么原則

app交互動效設計是整個APP設計項目當中的一個非常重要的點 。這塊做好了,你的APP項目的用戶體驗也不會差到哪里去 。那你作為一名APP設計師 , 你有沒有真正的去按照APP UI動效設計原則來認真嚴格的執行呢?如果還沒有,那請各位從今天開始認真開始學習起來吧 。
1. 材質
給用戶展示界面元素是由什么構成的:輕盈的還是笨重的?死板的還是靈活的?平面的還是多維度的?你需要讓用戶對界面元素的交互模式有個基本的感覺 。
2. 運動軌跡
你需要闡明運動的自然屬性 。一般原則顯示沒有生命的機械物體的運動軌跡通常都是直線,而有生命的物體擁有更為復雜和非直線性的運動軌跡 。您要決定您的UI要給用戶呈現的什么樣的印象,并且將這種屬性賦予它 。

3. 時間
在設計動效時,時間是最有爭議的和最重要的考慮之一 。在現實世界中,物體并不遵守直線運動規則因為它們需要時間來加速或者減速,使用曲線運動規則會讓元素的移動變得更加自然 。
4.聚焦動效
要集中注意力于屏幕的某一特定區域 。例如,閃爍的圖標就會吸引用戶的注意,用戶會知道那有個提醒并去點擊 。這種動效常用于有太多細節和元素從而無法將特殊元素區別化的界面中 。

5. 跟隨和重疊
跟隨是一個動作的終止部分 。物體不會迅速地停止或者開始移動,每個運動都可以被拆解為每個部分按照各自速率移動的細小動作 。例如 , 當您扔個球,在球出手后,您的手也依然在移動 。
重疊意味著在第一個動作結束前開始的第二個動作,這樣可以吸引用戶的注意力,因為兩個動作之間并沒有一段靜止期 。
6. 次要動效

次要動效原則類似于跟隨和重疊原則 。簡要地講,主要動效可被次要動效伴隨 。次要動效使畫面更加生動,但如果一不小心就會引起用戶不必要的分神 。
7. 緩入和緩出
緩入/緩出是設計的基礎原則,尤其是在移動開發UI動效,和普通的動畫制作中同等重要 。雖然易于理解,但此原則卻常常容易被忽略 。緩入/緩出原則是來自于現實世界中物體不可能立刻開始或者立刻停止運動的事實 。任何物體都需要一定的時間用來加速或者減速 。當你使用緩入/緩出原則來設計動效時,將會導出非常真實的運動模式 。
8. 預期
預期原則適用于提示性視覺元素 。在動效展現之前 , 我們給用戶點時間讓他們預測一些要發生的事情 。完成預期其中一種方法就是使用我們上述的緩入原則 。物體朝特定方向移動也可以給出預期視覺提示:例如,一疊卡片出現在屏幕上,你可以讓這疊卡片最上面的一張卡傾斜 , 那么用戶就可以推測出這些卡片可以移動 。
9. 韻律
動效中的韻律和音樂與舞蹈中的韻律有著同樣的功能;它使動效結構化 。使用韻律可以使您的動效更加自然 。
10. 夸張
【UI動效設計有什么原則】夸張的表現方法常常會被用到,但它并不是那么容易被闡釋,因為它是基于被夸張化的預期動作或效果 。它可以幫助吸引額外的注意力到特殊元素上 。

經驗總結擴展閱讀