信息動態

網站設計是技術與創意的完美融合!

技術資訊

創建界面上的小動畫

2019-07-25 10:36:47

了解界面上的動畫,如何創建它,提高更好的用戶體驗,要記住一些最佳實踐

謹記這幾點:
UI的動畫
使用戶感覺是一體的
在用戶滿意之前增加
不妨礙和分散用戶

1、動畫的時間和速度
當元素發生改變的狀態和位置的時候,持續的動畫應該足夠的長,讓用戶感覺到變化,同時持續時間應該足夠的短,不會引起等待。適當使用動畫的時間長短,當元素改變它們的狀態或位置時,動畫的持續時間應該足夠長,讓用戶有可能注意到變化,但同時動畫的持續時間應該足夠短,不會引起等待。動畫的時間長短可根據對象的大小決定,較小的元素時間短一些,較大的元素時間長一些。這樣看起來回更好。

2、非機械動畫
為了使動畫看起來不像機械和人工的,物體應該像物理世界中的物體一樣,以一定的加速度或減速運動。

3、線性運動
不受任何物理力影響的物體呈線性運動,換句話說,速度不變。正因為如此,它們看起來非常不自然和人為的人眼。線性運動確實有它的用途,例如,當對象更改顏色或透明度時,可以使用它。但是,一般來說,當對象不改變位置時,將其用于狀態。

曲線運動:
易于加速或加速曲線
緩和或減速曲線
放松或標準曲線


0532-85810878 473587358 [email protected]
大乐透开奖规则和奖金