APP UI動效設計中六個基本原則與最高原則
app動效設計,現在已是各位APP設計師學習和臨摹的方向。大家也會收集一些好看的APP動效設計作品。學習app動效設計,不是盲目的讓界面動起來那么簡單,一定不能濫用。要學會克制。
在優設網當中的一篇文章給我們闡述了 UI設計師必須知道的UI動態設計規則。也就是APP動效設計的六個基本原則。
下面我們先看下一組值得學習的按鈕、開關、滑塊等控件的動效欣賞,希望能給你設計帶來新鮮靈動的感覺。
第一部分:APP動效設計的六個基本原則
1、要保存APP的個性化
也是今天我們重點所講的APP UI動效設計中最基本的原則:具備個性化的動效設計。也是一款APP特殊身份標識的象征。
2、具備導向的功能
比如APP UI動效就應該如同導游一樣,為用戶指引方向,防止用戶感到無聊,減少額外的圖形化說明。
3、背景動效的使用
APP動效應當為內容賦予背景,通過背景來表現內容的物理狀態和所處環境。
4、與用戶產生共鳴
APP UI動效的目的是與用戶互動,并產生共鳴,而非令他們困惑甚至感到意外。UI動效和用戶操作之間的關系應該是互補的,兩者共同促成交互完成。
5、給動效賦予情感
好的UI動效是能夠喚起積極的情緒反應的,平滑流暢的滾動能帶來舒適感,而有效的動作執行往往能帶來令人興奮的愉悅和快感。
6、理解此處應用動效的目的,切記亂用
濫用特效會讓用戶分心,把握好這個微妙的平衡。APP動效是用來保持用戶的關注點、引導用戶操作的,不要為了動效而動效。
第二部分:APP UI動效設計當中的最高設計原則——具備個性化的動效設計
個性化的動效設計是APP UI動效設計中最基本的原則,甚至可以說是動效設計的最高原則。
APP ?UI動效設計就是要擺脫APP“開袋即食”的粗獷設定,設計獨特的動效,創造引人入勝的效果。
在確保UI風格的一致性的前提下,表達出APP的鮮明個性,這就是UI動效設計“個性化”要做的事情。同時,還應令動效的細節符合那些約定俗成的交互規則,這樣動效就具備了“可預期性”,用戶不會有“出戲”的感覺,如此一來,UI動效設計便有助于強化用戶的交互經驗,保持APP黏度與活躍度。
比如:Dots這款APP 將使用這種輕松愉悅的慣性動效,貫穿在整個APP UI設計的每個角落,讓它從同類APP中脫穎而出。
下面我們再看看一組非常有意思的鼠標動效欣賞,都是一些驚人的動效之美。
下面是一個比較活潑,擬人化的下拉刷新的APP動效欣賞。
以上這些個性化的APP動效設計,有沒有驚艷到你呢?
作者:25學堂
來源:http://www.25xt.com/allcode/13689.html
本文由 @25學堂 授權發布于人人都是產品經理,未經作者許可,禁止轉載。
不錯學習了
確定值得學習
這種動銷在國內的app很少見到,一部分material design的app可能會有些體現。目前偏年輕化的app比較適合這些動畫。