關閉→
當前位置:知科普>生活妙招>ui動畫設計的原理是什麼

ui動畫設計的原理是什麼

知科普 人氣:6.98K

ui動畫設計的原理是:

ui動畫設計的原理是什麼

1、材料

向用户顯示界面元素的構成:輕巧還是笨重?它是僵硬的還是靈活的?飛機還是多維的嗎?您需要讓用户基本瞭解界面元素的交互模式。

2、運動軌跡

你需要澄清運動的自然屬性。一般原理表明,沒有生命的機械物體的軌跡通常是直線,而生物體具有更復雜和非線性的運動軌跡。您想要確定您的UI將為用户提供哪種展示,併為其提供此屬性。

3、時間

在設計動態效果時,時間是最具爭議性和最重要的考慮因素之一。在現實世界中,物體不遵循線性運動的規則,因為它們需要時間來加速或減速,並且使用曲線運動規則使得元素的運動更自然。

4、專注於動作

專注於屏幕的特定區域。例如,閃爍的圖標將引起用户的注意,並且用户將知道有提醒和點擊。這種運動通常用於具有太多細節和元素的界面,以區分特殊元素。

5、跟隨並重疊

跟隨是動作的終止。物體不會快速停止或開始移動,每個運動都可以拆卸成小動作,以自己的速度移動每個部分。例如,當你投球時,在投球之後你的手仍在移動。

重疊意味着在第一個動作結束之前開始的第二個動作,由於兩個動作之間沒有靜止期,因此吸引了用户的注意力。

6、次要影響

次要動力學原理類似於遵循和重疊原則。簡而言之,主要影響可能伴隨着次要影響。輕微的效果使畫面更加生動,但如果你不小心,它會造成不必要的分心。

7、輕鬆和輕鬆

緩入、退出是設計的基本原則,特別是在移動開發UI效果中,這與普通動畫一樣重要。雖然容易理解,但這個原則經常被忽視。輕鬆進/出的原則是因為現實世界中的物體無法立即啟動或立即停止移動。任何物體都需要一定的時間來加速或減速。當您使用緩動/緩出原則來設計效果時,將導出非常逼真的運動模式。

8、期望

預期原則適用於暗示性視覺元素。在動畫顯示之前,我們給用户時間讓他們預測會發生什麼。實現此目的的一種方法是使用我們上面提到的簡易原則。沿特定方向移動對象也可以給出預期的視覺提示:例如,如果屏幕上出現一疊卡片,您可以傾斜一疊卡片的頂部卡片,並且用户可以推測卡片可以移動。

9、節奏

動態中的節奏和音樂與舞蹈中的節奏具有相同的功能,它構建了動態。使用節奏使您的動作更自然。

10、誇張

經常使用誇大的表達式,但它並不容易解釋,因為它基於誇大的預期動作或效果。它可以幫助吸引對特殊元素的額外關注。

TAG標籤:#動畫設計 #ui #