本書主要介紹界面動畫制作的基礎知識和常用方法,并結(jié)合Animate軟件為每個知識點搭配了簡單實用的實例,這樣既易于理解又方便讀者進行實操。另外,本書分析了界面動畫的起源和特點,以及它與傳統(tǒng)動畫之間的關系。注重交互和操作體驗是界面動畫與生俱來的屬性,本書不但關注界面動畫的使用體驗,也對界面動畫的實踐方面有詳細的描述。學習本書,讀者能夠?qū)W會用Animate軟件制作可交互的動畫原型,并在操作中更好地體驗動畫。隨書附贈全部實例的項目文件和效果演示動畫,以及在線教學視頻,讀者可以邊學邊練,提高學習效率。
本書適合從事界面動畫設計工作的人員、個體開發(fā)者,以及想了解界面動畫相關知識的軟件產(chǎn)品經(jīng)理、界面設計師和前端開發(fā)人員。
《零基礎學Animate CC UI動效制作 》從界面動畫本身注重交互和體驗的特點非常適合制作界面動畫的軟件;
《零基礎學Animate CC UI動效制作 》Animate在時間軸制作關鍵幀動畫、布局界面、編寫代碼、跨平臺輸出等方面,以及整個流程的完善度上都要優(yōu)于一些新生軟件,可以滿足大部分界面動畫的制作需求。
《零基礎學Animate CC UI動效制作 》比較注重界面動畫的落地實踐,對于動畫輸出格式、參數(shù)和算法的總結(jié)等問題都有詳細的描述,不僅可以幫助個體開發(fā)者做好界面動畫,也可以幫助設計師、產(chǎn)品經(jīng)理更好地與工程師溝通。
路曉創(chuàng)
小米MIUI設計部動效設計師,2014年4月加入小米至今,參與了MIUI6、MIUI7、MIUI8、MIUI9系統(tǒng)中各個模塊App界面動畫的設計與開發(fā)實現(xiàn)工作
零基礎學Animate CC UI動效制作
第1章 界面動畫008
1.1 界面動畫起源009
1.2 界面動畫與傳統(tǒng)動畫013
第2章 關于Animate軟件016
2.1 Animate軟件簡介017
2.2 Animate與其他軟件的協(xié)作020
2.3 Animate制作界面動畫的基本流程 023
實例 按鈕切換動畫023
第3章 界面動畫中的時間 035
3.1 驅(qū)動界面動畫的內(nèi)在機制036
3.2 時間在界面動畫中的作用037
3.3 界面動畫中常見的時間分配類型及應用038
3.3.1 Ease In 加速緩動 039
實例 掛斷電話040
3.3.2 Ease Out 減速緩動050
實例 撥打電話051
3.3.3 Ease In Out 先加速再減速的緩動055
實例 卡片的展開 056
3.4 界面動畫中的時長與延時的用法 060
3.4.1 界面動畫中的時長 060
3.4.2 界面動畫中的延時 061
第4章 常用的緩動類型 063
4.1 Power類型緩動 064
實例 App內(nèi)交互動畫 065
4.2 Elastic類型緩動 068
4.3 Sine類型緩動 069
實例 心跳與呼吸效果 070
4.4 Bounce類型緩動 072
實例 小球彈跳動畫 072
4.5 預備動作和緩沖 075
實例 卡片展開動畫 076
4.6 自定義緩動在開發(fā)中的應用 082
第5章 界面動畫中的空間 084
5.1 空間在界面動畫中的作用 085
5.2 鏡頭與景別在界面動畫中的應用 089
實例 便簽打開動畫 091
第6章 常用動畫方式 097
6.1 大小、位置的變化和遮罩的使用 098
實例 圖片大小變化099
6.2 顏色變化與形狀變化100
實例 圖標動畫1101
6.3 插幀法103
實例 圖標動畫2104
6.4 循環(huán)動畫106
實例 循環(huán)動畫107
6.5 視差動畫108
實例 視差動畫109
6.6 路徑動畫112
6.7 濾鏡動畫112
第7章 動畫實現(xiàn)113
7.1 動畫參數(shù)和實現(xiàn)方式114
7.2 用圖形表示動畫過程116
7.3 界面動畫在實現(xiàn)過程中的問題117
第8章 人機交互界面的發(fā)展和未來118
8.1 人機界面的發(fā)展歷程119
8.2 信息輸入端形態(tài)的發(fā)展124
8.3 虛擬現(xiàn)實與增強現(xiàn)實125
8.4 未來AR設備可能的形態(tài)129
8.5 AR會給圖形界面和動畫帶來哪些改變131
8.6 通信技術與人工智能132