設(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
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 753 位幸運星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓