當前位置:首頁 > 網站建設

最全最好用的動效落地方法,都幫你總結好了(上)

時間:2018-09-03 06:32:02來源:網站建設作者:seo實驗室小編閱讀:304次「手機版」
 

幫站效果好

2. 引導用戶注意力

如果把一個界面上的所有元素,按照明顯程度來排序,顯而易見我們會得到這樣一個順序:動態 > 色彩 > 明度。

所以通過合理的動效,可以低成本的抓取人的注意力,讓他們關注設計師想讓他們關注的東西。

網易新聞的刷新動畫,就是一個很優秀的例子:

在這個例子中,左上角有一個非常簡單的白色線狀 icon,并不會干擾整個頁面的主功能,顏色,以及視覺。但是通過小的動畫,提升了 icon 的視覺層級。讓我們很容易注意到它,起到了非常好的提示效果。

3. 情感化設計

情感話設計的目標是在用戶接觸和使用產品的過程中,激發用戶的正向情感,比如愉快,信任,滿足;避免用戶產生負向情感,比如失望,挫折感,痛苦。正向的情感會使用戶更樂于使用產品,遇到使用過程的一些小問題也更加包容。

而優良的界面動效可以打磨產品的品質感,下面就是動效在情感化設計中的優秀例子:

twitter 點贊后,心會亮起的同時,還有一個小小的禮花效果。雖然完全沒必要加上這個禮花效果,但是這種豐富的細節會讓用戶對產品產生一個正向的情感關聯,而這種關聯最終將贏得用戶對產品的認同。

facebook 點贊之后,可以表達你的態度,比如流淚,憤怒或者是贊。雖然在功能上來說,這些表情有靜態的就可以了。但是正是動畫中豐富的表情細節,進一步引導用戶愿意去表態。不僅給人以驚喜,也顯著的提升表態的使用量。

動效的價值就講到這里,接下來,基于以上三點,我會說一說怎樣去構建一個合理高效的動效體系。

二、優秀的界面動效體系

優秀的界面動效體系符合以下四點原則:

分享到:

欄目導航

推薦閱讀

熱門閱讀

美国扑克50手登陆 大逃杀 河北11选5任3推荐 排列3开奖结果走势 篮彩 东莞站街女绿化带做生意 3d定胆技巧视频 36选7规则 奥迅球探足球即时比分 红中麻将代理费多少 快乐赛车盛源 福彩黑龙江p62开奖号 让分胜负 足球500比分直 体彩山西十一选五 新疆18选七 十一选五河北开奖一