設計師們可能已經感受到了,界面流暢精致,優雅如詩的動態效果,讓越來越多人關注動效設計并學習AE的使用。國內很多知名App (知乎、網易云音樂、嗶哩嗶哩)的使用體驗也相應的推陳出新了。
至于原因,我們看幾個案例就一目了然咯。
上圖是在Windows 打開「我的電腦」時,圖標到窗口的切換過程,轉變來得猝不及防,生硬無比,假如給它換上動效呢,是不是感覺就大不一樣啦!
Mac 最小化窗口過程演示
一個簡單的弧形動效,就可以明確告知用戶界面狀態的變化,而且延續了整個交互過程的完整性,令人著迷的「無割裂體驗」就是這么來的。
作為2017年設計寵兒,AE動效的迷人之處遠不止這些,UI移動界面設計中運用更廣泛:
作者:Snapwi
這是我們常使用的輸入框,然而當需要填寫2個以上(比如交友相親的App 和大學網站的資料表)的信息,這個設計的缺陷就暴露無遺了。
單擊輸入框時,提示文本會消失,如果需要填寫多條信息我記憶力不好記不住需要填寫什么好嘛!
而動效可以簡單優雅的解決這個困擾:
用一個線框彈跳的動態效果解決了問題,用戶體驗更上一層樓。
類似的案例還有很多(Facebook 的新表情,微博網頁版的點贊新方式等等)在此不多贅述,可以說動效幾乎可以融入到UI 界面設計的每個細節。
告知系統狀態,給予用戶及時的視覺反饋 。
作者:Nick
用作引導頁,AE動效讓信息展現更加順暢,幫助用戶高效地抵達目標。作者:Ramotio
無縫切換按鈕狀態,且取悅用戶。
作者:Kei Sato
可能大伙會有疑問,這些都是界面設計小細節,需要如此精雕細琢么?這兒用Charles Eames 的話回答:「細節并非散布于細枝末節,它們串成了設計。」謹記偉大的設計是完整的存在,上至宏觀功能,下至細節微交互。
除了UI ,AE動效在交互領域的地位也越來越高,當你擺出一個動態的高保真原型時,根本無需解釋點擊什么按鈕出現什么效果。
動效演示扇形菜單?作者:Claudio Guglier
而品牌設計中,動效更是如虎添翼:
Instagram 設計師:老板,這個LOGO 收費三萬。
老板:兩個圓角白框你敢收我三萬,不怕告訴你我也是會用PS的(擼袖子)
Instagram 設計師:老板,這個LOGO 收費三萬。
老板:嗯不錯很酷炫,這就是我要的效果。辛苦了馬上安排打款事項。(以上對話均為虛構場景,會動效的設計師可能遇到過)
簡言之,人靠衣裝馬靠鞍,現在已經不是在LOGO 上畫幾條“輔助參考線”、“黃金分割” 就可以漫天開價的時代,學會用視覺震撼的動效包裝作品,才是雙方都滿意的正確姿勢。
然而我們插畫設計師可能覺得會AE動效似乎并沒有什么卵用,有這種想法的設計師我們不妨來看看下面這些作品:
如何讓一幅普通插畫變得意境飛揚。
如何讓一組普通動物表情變得萌趣叢生。
作者:Cindy Suen
在招聘網站上也隨處可見動效設計師的身影,而且薪資不菲
對于常年伏案加班的設計師,如何短時間內掌握AE動效呢?這里推薦深受300多位學員喜愛的AE動效老師-郁悶的雞。
BeardChicken,圈內粉絲都稱他雞爺,優設特約免費講座分享講師、站酷648 萬超人氣設計師、全國十佳UI 設計師。
他在全球知名的設計站點Dribbble上也擁有極高人氣,圍觀地址→dribbble.com/tczhang
2008年開始從事廣告行業,2010年開始從事UI工作,曾任職阿里數娛(天天動聽)設計總監,兼創業公司設計顧問。
常年在優設分享設計教程,并且培養了超300名優秀學員,畢業學員就職BAT、更有拜師學藝后考上清華交互研究生。
熱愛AE動效的雞爺保持活力,經常說要用新技能解決實際問題,Dribbble主頁作品更是頻繁更新:
我們怎么說雞爺厲害都不及學員的真實反饋:
學員實力具體如何,作品說話:
AE動效課程特訓班學習時間長達3個月,既要上班又要學習有時候難免會累,這時候雞爺總是激勵大家認真踏實的學,對學員的疑惑從來都是有問必答:
對于AE動效設計這個新技能,我們可能會懷疑是否真的有用呢?這里學員收獲說明只要肯學,考入理想院校加薪都不是難事:
新增AE動效設計新技能后,有更多機會接到私單,分分鐘賺回學費:
是的,11月2日雞爺AE動效設計特訓營第四期終于來了,年底了都在謀劃來年漲薪大事。看我們插畫、手繪課程宣傳不到4天120名額即刻滿,就知道大家都在暗戳戳的學習進修,都憋著一口氣呢!
想到這一層貼心的雞爺更是免費新增4課時,勢必要把更多知識技能教給大家幫助實現漲薪目標。
接下來重點來啦~
報名此課程你需要的是:
1、需要熟練PS,有界面設計基礎;
2、上直播不缺課,有疑問隨時請教老師;
3、一定要交作業!雞爺對每個學員作業均一對一輔導。
真誠的獻上價格:
最后,搶占名額聯系誰?請往下看↓↓↓
請往下看↓↓↓
報名方式一:
聯系琴子:QQ:2962768582(驗證:動效報名)
( 注:報名完成后,截圖訂單圖會邀請你進班級群噢)
報名方式二:
添加小優微信號:youshemei
如果人多的時候,您暫時無法和客服聯系上,
也可去我們高大上的官方專題頁了解詳情→ http://xue.uisdc.com/motion/
================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量160萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 730 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓