技術資訊
創建界面上的小動畫
2019-07-25 10:36:47
了解界面上的動畫,如何創建它,提高更好的用戶體驗,要記住一些最佳實踐
謹記這幾點:
UI的動畫
使用戶感覺是一體的
在用戶滿意之前增加
不妨礙和分散用戶
1、動畫的時間和速度
當元素發生改變的狀態和位置的時候,持續的動畫應該足夠的長,讓用戶感覺到變化,同時持續時間應該足夠的短,不會引起等待。適當使用動畫的時間長短,當元素改變它們的狀態或位置時,動畫的持續時間應該足夠長,讓用戶有可能注意到變化,但同時動畫的持續時間應該足夠短,不會引起等待。動畫的時間長短可根據對象的大小決定,較小的元素時間短一些,較大的元素時間長一些。這樣看起來回更好。
2、非機械動畫
為了使動畫看起來不像機械和人工的,物體應該像物理世界中的物體一樣,以一定的加速度或減速運動。
3、線性運動
不受任何物理力影響的物體呈線性運動,換句話說,速度不變。正因為如此,它們看起來非常不自然和人為的人眼。線性運動確實有它的用途,例如,當對象更改顏色或透明度時,可以使用它。但是,一般來說,當對象不改變位置時,將其用于狀態。
曲線運動:
易于加速或加速曲線
緩和或減速曲線
放松或標準曲線
上一篇:網站設計中的色彩
下一篇:如何提高網站打開速度呢?
近期更新
- [2019-10-16] 5G時代,網站建設公司必須要重視移動端體驗
- [2019-08-19] 幫助客戶進行網站建設公司案例真偽的識別
- [2019-08-15] 從零開始的響應式web設計
- [2019-08-05] 在瀏覽器中修改網頁
- [2019-08-01] 什么是網站被鏡像了?
- [2019-07-25] 網站設計中的色彩
- [2019-07-25] 創建界面上的小動畫
- [2019-06-27] 如何提高網站打開速度呢?
- [2019-06-19] 網站建設中如何提高用戶體驗
- [2019-05-30] 青島高端定制網站價格
- [2019-05-28] 青島高端網站設計公司哪家好
- [2019-05-24] 青島網站制作哪家強
延伸閱讀
- [2014-11-10] 如何提高網站的用戶體驗
- [2016-10-13] 青島網站制作支持舊IE瀏覽器的技巧
- [2008-10-13] 用戶體驗:如何塑造網站品牌?
- [2007-10-25] 用戶體驗的另一種認識
- [2010-07-15] 設計中的情感
- [2008-08-19] 用戶體驗:用戶是一個絕頂聰明的傻子!
- [2010-12-28] 正確的引導(一)
- [2009-03-27] 用戶體驗的昨天,今天和明天
- [2019-08-23] 力圖數字科技 | 海信網絡科技官網上線
- [2008-05-22] 聊聊門戶網站的內容用戶體驗
- [2012-12-19] 網站反饋表單的用戶體驗
- [2007-10-30] 三大招聘網站之用戶體驗比較