國外以為著名的一線設計師曾經說過,「好的動效應該是隱形的,好的動效應該是以提高可用性為前提,並且以令人覺得自然含蓄的方式提供有效用戶反饋的一種機制。」也就是說,好的動效設計對於用戶使用體驗的提升有一定幫助,畢竟網站的最終服務是體驗而非展示動畫設計。
怎樣設計動效
1、結合產品設計
結合產品進行思考,思路設計要符合提升產品體驗,要經過細緻思考不要盲目。
2、了解基本常識
這些常識包含,動效設計的基本常識,開發的基本常識等等,確保能夠順利落地。
3、觀察生活
當我們構思動效的性質定位時,可以從生活中這些相同的,定性的自然事物中尋找靈感,截取精華。
4、看並思考
時刻與自己對類似事物的想法進行對比,找差距,補不足,這就是動效設計的經驗技巧積累的過程。
5、學會拆解
慢慢學會怎麼拆解別人複雜的動效設計,通過合理的編排設計出自己的動效設計,你就是這場動效設計的導演。
6、關注流行
不要做一個落伍著,也不要把自己永遠定義為一個跟隨者,了解當下新的設計手法、設計趨勢以及設計方式。
動效有哪些類別
動效設計一般分為兩大類:
一、功能性動效
這種動效設計多使用與產品設計,功能性動效是嵌入在UI設計中的微妙動畫,它既加強了產品的設計,並且明確合乎產品邏輯的目的。
二、展示型動效設計
這種動效設計相對比較負責,實際應用也比較少。它們的實現方式一般是通過AE插件進行實現。
動效設計在界面設計中的作用
1)系統狀態
每個APP為了保證正常運行,後台總會有許多進程在進行着。而做這些事情的時候,系統總是需要一定的時間來進行,藉助動效可以讓用戶明白,後台還在運行處理數據。通過動效,從視覺上告知用戶這些信息,讓用戶有掌控感,是很有必要的。
2)導航和過渡
動效最基本的功用就是呈現過度狀態,當頁面佈局發生改變的時候,動效的存在會讓用戶理解這種狀態的改變,呈現過度的過程。動效能夠有效的吸引用戶的注意力,讓用戶在愉悅的氛圍中獲取信息。
3)視覺反饋
視覺反饋對於任何UI界面是非常重要,能讓用戶覺得一切都盡在掌握,而這種掌握以為這用戶能夠明白和理解目前的內容和狀態。
動效設計不僅僅是華麗的動態效果,而且還能幫助設計師和用戶解決許多界面功能上的問題,讓用戶更容易理解產品,所以適時在產品中添加動效設計可以增加不少產品的用戶體驗。