設(shè)計師們可能已經(jīng)感受到了，界面流暢精致，優(yōu)雅如詩的動態(tài)效果，讓越來越多人關(guān)注動效設(shè)計并學習AE的使用。國內(nèi)很多知名App （知乎、網(wǎng)易云音樂、嗶哩嗶哩）的使用體驗也相應(yīng)的推陳出新了。

至于原因，我們看幾個案例就一目了然咯。

上圖是在Windows 打開「我的電腦」時，圖標到窗口的切換過程，轉(zhuǎn)變來得猝不及防，生硬無比，假如給它換上動效呢，是不是感覺就大不一樣啦！

Mac 最小化窗口過程演示

一個簡單的弧形動效，就可以明確告知用戶界面狀態(tài)的變化，而且延續(xù)了整個交互過程的完整性，令人著迷的「無割裂體驗」就是這么來的。

作為2017年設(shè)計寵兒，AE動效的迷人之處遠不止這些，UI移動界面設(shè)計中運用更廣泛：

作者：Snapwi

這是我們常使用的輸入框，然而當需要填寫2個以上（比如交友相親的App 和大學網(wǎng)站的資料表）的信息，這個設(shè)計的缺陷就暴露無遺了。

單擊輸入框時，提示文本會消失，如果需要填寫多條信息我記憶力不好記不住需要填寫什么好嘛！

而動效可以簡單優(yōu)雅的解決這個困擾：

用一個線框彈跳的動態(tài)效果解決了問題，用戶體驗更上一層樓。

類似的案例還有很多（Facebook 的新表情，微博網(wǎng)頁版的點贊新方式等等）在此不多贅述，可以說動效幾乎可以融入到UI 界面設(shè)計的每個細節(jié)。

告知系統(tǒng)狀態(tài)，給予用戶及時的視覺反饋 。
作者：Nick

用作引導頁，AE動效讓信息展現(xiàn)更加順暢，幫助用戶高效地抵達目標。作者：Ramotio

無縫切換按鈕狀態(tài)，且取悅用戶。

作者：Kei Sato

可能大伙會有疑問，這些都是界面設(shè)計小細節(jié)，需要如此精雕細琢么？這兒用Charles Eames 的話回答：「細節(jié)并非散布于細枝末節(jié)，它們串成了設(shè)計?！怪斢泜ゴ蟮脑O(shè)計是完整的存在，上至宏觀功能，下至細節(jié)微交互。

除了UI ，AE動效在交互領(lǐng)域的地位也越來越高，當你擺出一個動態(tài)的高保真原型時，根本無需解釋點擊什么按鈕出現(xiàn)什么效果。

動效演示扇形菜單?作者：Claudio Guglier

而品牌設(shè)計中，動效更是如虎添翼：

Instagram 設(shè)計師：老板，這個LOGO 收費三萬。
老板：兩個圓角白框你敢收我三萬，不怕告訴你我也是會用PS的（擼袖子）

Instagram 設(shè)計師：老板，這個LOGO 收費三萬。
老板：嗯不錯很酷炫，這就是我要的效果。辛苦了馬上安排打款事項。（以上對話均為虛構(gòu)場景，會動效的設(shè)計師可能遇到過）

簡言之，人靠衣裝馬靠鞍，現(xiàn)在已經(jīng)不是在LOGO 上畫幾條“輔助參考線”、“黃金分割” 就可以漫天開價的時代，學會用視覺震撼的動效包裝作品，才是雙方都滿意的正確姿勢。

然而我們插畫設(shè)計師可能覺得會AE動效似乎并沒有什么卵用，有這種想法的設(shè)計師我們不妨來看看下面這些作品：

如何讓一幅普通插畫變得意境飛揚。

如何讓一組普通動物表情變得萌趣叢生。

作者：Cindy Suen

在招聘網(wǎng)站上也隨處可見動效設(shè)計師的身影，而且薪資不菲

對于常年伏案加班的設(shè)計師，如何短時間內(nèi)掌握AE動效呢？這里推薦深受300多位學員喜愛的AE動效老師－郁悶的雞。

BeardChicken，圈內(nèi)粉絲都稱他雞爺，優(yōu)設(shè)特約免費講座分享講師、站酷648 萬超人氣設(shè)計師、全國十佳UI 設(shè)計師。
他在全球知名的設(shè)計站點Dribbble上也擁有極高人氣，圍觀地址→dribbble.com/tczhang
2008年開始從事廣告行業(yè)，2010年開始從事UI工作，曾任職阿里數(shù)娛（天天動聽）設(shè)計總監(jiān)，兼創(chuàng)業(yè)公司設(shè)計顧問。

常年在優(yōu)設(shè)分享設(shè)計教程，并且培養(yǎng)了超300名優(yōu)秀學員，畢業(yè)學員就職BAT、更有拜師學藝后考上清華交互研究生。

熱愛AE動效的雞爺保持活力，經(jīng)常說要用新技能解決實際問題，Dribbble主頁作品更是頻繁更新：

我們怎么說雞爺厲害都不及學員的真實反饋：

學員實力具體如何，作品說話：

AE動效課程特訓班學習時間長達3個月，既要上班又要學習有時候難免會累，這時候雞爺總是激勵大家認真踏實的學，對學員的疑惑從來都是有問必答：

對于AE動效設(shè)計這個新技能，我們可能會懷疑是否真的有用呢？這里學員收獲說明只要肯學，考入理想院校加薪都不是難事：

新增AE動效設(shè)計新技能后，有更多機會接到私單，分分鐘賺回學費：

是的，11月2日雞爺AE動效設(shè)計特訓營第四期終于來了，年底了都在謀劃來年漲薪大事。看我們插畫、手繪課程宣傳不到4天120名額即刻滿，就知道大家都在暗戳戳的學習進修，都憋著一口氣呢！

想到這一層貼心的雞爺更是免費新增4課時，勢必要把更多知識技能教給大家?guī)椭鷮崿F(xiàn)漲薪目標。

接下來重點來啦～

報名此課程你需要的是：

1、需要熟練PS，有界面設(shè)計基礎(chǔ)；
2、上直播不缺課，有疑問隨時請教老師；
3、一定要交作業(yè)！雞爺對每個學員作業(yè)均一對一輔導。

真誠的獻上價格：

最后，搶占名額聯(lián)系誰？請往下看↓↓↓

請往下看↓↓↓

報名方式一：

聯(lián)系琴子：QQ：2962768582（驗證：動效報名）
（ 注：報名完成后，截圖訂單圖會邀請你進班級群噢)

報名方式二：

添加小優(yōu)微信號：youshemei

如果人多的時候，您暫時無法和客服聯(lián)系上，

也可去我們高大上的官方專題頁了解詳情→ http://xue.uisdc.com/motion/

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學習平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量160萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導航：http://hao.uisdc.com