零基礎(chǔ)學(xué)Animate CC UI動(dòng)效制作

零基礎(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