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