如今的APP設(shè)計當中，其中的UI動效也越來越酷炫，為什么UI動效越來越受到青睞呢？下面就和大家聊聊APP上的UI動態(tài)效果相關(guān)知識點。



 
原因一：豐富的移動產(chǎn)品的展示功能

動效設(shè)計可以展示產(chǎn)品的功能、界面、交互操作等細節(jié)，讓用戶更直觀的了解一款產(chǎn)品的核心特征、用途、使用方法等細節(jié)。



看到上圖這樣的ui動效很逼真呢？ 是不是在哪個店鋪上看到過這樣的UI動效呢？

是的，2016年天貓雙十一的時候，天貓上品牌大店鋪的設(shè)計就是采用了這樣的UI動效。 

原因二：UI動效更有利于品牌建設(shè)

比較恰當?shù)睦踝泳褪?016年 12月份優(yōu)酷更新的logo



再看2016年谷歌logo的動態(tài)設(shè)計，更加大氣和品牌國際化建設(shè)。



通過UI動效，去更好的傳遞品牌理念與表達品牌特色，用這種討喜的方式去展示去宣傳，不失為一種非常優(yōu)秀的選擇。

相信技術(shù)的發(fā)展，必然帶動動效設(shè)計這個現(xiàn)在看起來還微不足道的產(chǎn)業(yè)的崛起，讓我們拭目以待。 

原因三： 利于展示交互原型（設(shè)計細節(jié)）

很多時候設(shè)計不能光靠嘴去解釋你的想法，靜態(tài)的設(shè)計圖設(shè)計出來后也不見得能讓觀者一目了然。因為很多時候交互形式和一些動效真的很難用嘴來形容，所以才會有高保真demo，這樣就節(jié)約了太多的溝通成本。




原因四：UI動效大大的增加了產(chǎn)品的親和力和趣味性
 
有時候加個動效，能立馬拉進與觀者的距離，要是再加些趣味性在里面，用”愛不釋手“這詞也毫不夸張。





動態(tài)ui受歡迎，想必大家也收集了很多例子。

但是學(xué)習(xí)app動效設(shè)計，不是盲目的讓界面動起來那么簡單，一定不能濫用。要學(xué)會克制。

下面我們先看下一組值得學(xué)習(xí)的按鈕、開關(guān)、滑塊等控件的動效欣賞。




一、APP動效設(shè)計
六個基本原則
 
1、要保存APP的個性化

也是今天我們重點所講的APP UI動效設(shè)計中*基本的原則：具備個性化的動效設(shè)計。也是一款A(yù)PP特殊身份標識的象征。
 
2、具備導(dǎo)向的功能

比如APP UI動效就應(yīng)該如同導(dǎo)游一樣，為用戶指引方向，防止用戶感到無聊，減少額外的圖形化說明。
 
3、背景動效的使用

APP動效應(yīng)當為內(nèi)容賦予背景，通過背景來表現(xiàn)內(nèi)容的物理狀態(tài)和所處環(huán)境。



4、與用戶產(chǎn)生共鳴

APP UI動效的目的是與用戶互動，并產(chǎn)生共鳴，而非令他們困惑甚至感到意外。UI動效和用戶操作之間的關(guān)系應(yīng)該是互補的，兩者共同促成交互完成。

5、給動效賦予情感

好的UI動效是能夠喚起積極的情緒反應(yīng)的，平滑流暢的滾動能帶來舒適感，而有效的動作執(zhí)行往往能帶來令人興奮的愉悅和快感。

6、理解此處應(yīng)用動效的目的，切記亂用

濫用特效會讓用戶分心，把握好這個微妙的平衡。APP動效是用來保持用戶的關(guān)注點、引導(dǎo)用戶操作的，不要為了動效而動效。




二、APP UI動效設(shè)計
*高設(shè)計原則

具備個性化的動效設(shè)計
 
個性化的動效設(shè)計是APP UI動效設(shè)計中*基本的原則，甚至可以說是動效設(shè)計的*高原則。

APP  UI動效設(shè)計就是要擺脫APP“開袋即食”的粗獷設(shè)定，設(shè)計獨特的動效，創(chuàng)造引人入勝的效果。

在確保UI風(fēng)格的一致性的前提下，表達出APP的鮮明個性，這就是UI動效設(shè)計“個性化”要做的事情。

同時，還應(yīng)令動效的細節(jié)符合那些約定俗成的交互規(guī)則，這樣動效就具備了“可預(yù)期性”，用戶不會有“出戲”的感覺，如此一來，UI動效設(shè)計便有助于強化用戶的交互經(jīng)驗，保持APP黏度與活躍度。



如：Dots這款A(yù)PP 將使用這種輕松愉悅的慣性動效，貫穿在整個APP UI設(shè)計的每個角落，讓它從同類APP中脫穎而出。