用AE製作界面動效的話,看什麼書來學比較合適?

因為看到現在界面動效很多人都是用AE來做的,想了解一下AE做這個有什麼優勢。看什麼書比較合適?

或者AE整體應用講的都比較好的教學書有什麼推薦的嗎?


After Effects 基礎訓練 ←樓上說的AK的教程

又不需要什麼超炫的特效,看點基礎的然後多練習大概就夠了?

AE一些感覺看教學書籍沒看視頻教程來的快,雖然說書籍里都附帶光碟..同上,李濤的AE高手之路。

然後再推薦一個

AE動畫原理12則教程【中文字幕】 看了這個製作的界面就不會這麼生硬

Motion Graphic的各種應該都蠻適合界面動畫之類的

教程啥的可以搜搜比如

AE高級運動圖形教程合集Fresh.FX-After Effects Advanced Motion Graphics

AE MG高級圖形圖層動畫製作技巧 Udemy After Effects Motion Graphics

也可以參考一些模板:

AE模板-觸摸手勢展示模板-Touch Gestures

————————

然後提到的「整體應用」沒太了解是啥意思..插件么?有個「AE最全面的202個內置插件教程」,嗯,如果你自己百度會發現是淘寶賣家翻譯的,節約用錢的方法就是site:http://pan.baidu.com


感覺自2014年開始,動效設計是越來越火爆了。最近在跟著這個「十分鐘設計」的教程在學AE動效,感覺非常不錯,適合有AE入門非常淺顯基礎的人。

傳送門:十分鐘設計的個人主頁

優點:1、普通話+中文AE界面;2、由淺及深細緻講解,容易困惑的地方會著重強調;3、可下載視頻案例中的素材,基本上可以跟著做就可以出很漂亮的視頻和GIF動畫。

另外個人一點感受:擁有一台性能非常好的電腦很重要(AE非常吃內存),不會在操作的時候出現各種卡頓,好機器能讓學習操作變得很流暢。記得當初AE CS4版本推出時,沒有中文界面,也沒有很好的中文教程,電腦內存小、CPU性能一般,玩AE很痛苦。


《MG動畫:Flat Design教程》免費

在線觀看:1、騰訊課堂:https://ke.qq.com/course/159706#tuin=948c5d8f

2、直線網:MG動畫:flat design

百度網盤帶素材:鏈接:http://pan.baidu.com/s/1qXBRYUS 密碼:of7i

《MG圖形動畫設計》付費教程

1、不提供教程下載,需要每月重新購買

騰訊課堂:每節課程五毛錢。一個月過期一次,過期後會重新上架。

https://ke.qq.com/course/list/mg%E5%8A%A8%E7%94%BB%E5%BD%95%E6%92%AD

2:提供教程下載,工程文件等

直線網:一次性購買228元,可永久觀看。並且提供教程下載。

MG圖形動畫設計

微信公眾號:qirike8

鏈接:學後期必看教程推薦 - MG動畫 - 知乎專欄

影視後期行業分析 - MG動畫 - 知乎專欄


大概是李濤的書吧。去看看吧,不過學習AE的話建議看Andrew Kramer的。


閑的無聊過來答答吧。

首先表態:學動效不用看書,除非是哈利波特那種能動的魔法書。

如果題主是為了做手機APP之類的交互動效,那確實,樓上幾位的資源已經足夠支撐你做了。AE軟體主要是做影視特效的,而APP動效這種東西根本不用學大神般的各種英文日文俄文嘰里扒拉文的插件,簡單的移動,縮放,旋轉和遮罩變形動畫已經能實現了。

動效就像人類的肢體語言,好的動效能讓用戶產生更好的體驗,動效是屬於表現層最上層的東西了,下面的沒做好,動效做再酷炫也是然並卵。附上層級圖:

(網上找的圖,有版權問題請聯繫我)

動效屬於最上面那個視覺設計再上面的東西了。。。先了解這些對你設計動效會有幫助。動效不是為了酷炫而酷炫,任何設計都應該評估性價比的,好的動效應該起到預約用戶,暗示用戶反饋,讓體驗連貫,而宣兵奪主的動效只能讓用戶一頭霧水不知所措。

關於動效的理解,比較贊同這兒的觀點,整理得很不錯的喲~移動APP的交互動效設計5點規範和交互動效分類

在視覺流行扁平化的今天,動效確在模仿著各種重力,碰撞,運動曲線,反彈,融球,果凍彈動等模仿物理世界的效果,至於為什麼歡迎大家先想想。(可以百度搜索這幾個辭彙,站酷上的驚嘆號設計的個人主頁關於表達式的應用講得淺顯易懂,可以看看)。

如果樓主初級的都還沒學會,那可以先去我要自學網-視頻教程看看關於AE前幾章入門知識講解,去新CG兒 - 數字視覺分享平台下一點做得好的源文件拆開來分析大神是怎麼控制運動節奏的。

看得差不多了 就可以去http://www.xueui.cn/category/appreciate/motion-design找點好看的動效,用個什麼GIF分解器分解一點一點的看,萬事開頭難,都是從模仿開始的嘛~

最後推薦幾個自己常常逛的網站:

25學堂-專註APPUI界面設計,分享移動互聯網優秀產品

設計訂閱 - 騰訊設計導航

UI中國-專業界面交互設計平台

其他常見的我就不弄上來了,記住,動效只是錦上添花的東西,而且極度折磨程序員兄弟,需要動效的時候一定要從下到上認真評估這個動效是否真的需要。鄙人一直覺得沒有產品意識的視覺設計師不是好的動效師。。。。

以上拙見,望能為樓主帶來些進步的力量。

也希望大家的產品能越做越好,用戶體驗越來越棒。說不定哪天我用著某款產品眼前一亮:這貨簡直就是在調戲我的手指。然後那個動效就是你做的。。。


為什麼要看書?為什麼不看教程!?


我覺得如果想了解一些設計思路,可以看看介紹運動規律的書,了解一下動畫的運動規律。

如果只是學習這個工具,完全沒必要看書,網路上有很多免費教程,先跟著基礎教程學習,基礎視頻太多沒必要全部學完,等覺得學得差不多的時候可以看看大神們的實例視頻,跟著做實例,這樣學起來比較快。


推薦閱讀:

什麼是UI設計中的極簡主義?
關於(UI)設計方面的困惑?
ui的形勢真的已經很慘了嗎?現在零基礎學,ui好還是雲計算好?
QQ 瀏覽器官方網站的效果(Parallex Scrolling)是怎麼實現的?
Medium 上有哪些優秀的 UI/UX 設計師?

TAG:用戶界面設計 | AdobeAfterEffects | AfterEffects特效 |