做動效 After Effects跨平臺UI動效設計教程

定　價：￥128.00

作　者：	張鼎（Keith）
出版社：	電子工業(yè)出版社
叢編項：
標　簽：	暫缺

購買這本書可以去

當當網(wǎng) (￥96.00)

ISBN：	9787121469558	出版時間：	2023-12-01	包裝：	平裝-膠訂
開本：	16開	頁數(shù)：		字數(shù)：

內容簡介

　　在 5G 時代，互聯(lián)網(wǎng)行業(yè)流行“全棧設計師”（什么都要會）。目前， UI 設計是互聯(lián)網(wǎng)行業(yè)乃至整個智能設備行業(yè)不可或缺的環(huán)節(jié)，而動效設計在其中的作用越來越重要，不會做動效設計的 UI 設計師的就業(yè)會有很大的局限性。因此，UI 動效設計是互聯(lián)網(wǎng)設計師未來需要具備的一項技能。本書從理論、行業(yè)、實戰(zhàn)三大環(huán)節(jié)入手，旨在梳理一條盡可能完整的跨越平臺、貫穿用戶體驗始終的動效設計全鏈條。從早期的動效設計，到目前主流的智能設備 UI 動效設計，再到未來的創(chuàng)新動效設計形態(tài)，本書系統(tǒng)性地梳理動效設計的幾大價值和完整細致的分類，以幫助讀者更系統(tǒng)、更全面地學習動效設計，理解、思考動效設計的真正價值。在工具實戰(zhàn)方面，本書以專題模塊的形式，提取了幾種常見、實用的動效類型，并緊密結合案例進行講解，以幫助讀者更快、更好地掌握軟件的使用方法。本書的內容從入門到深入，從理論到實戰(zhàn)，適合院校設計專業(yè)（如交互設計、動畫設計等）的學生，剛進入用戶體驗設計領域的職場新人，以及已有一定行業(yè)工作經(jīng)驗但希望能更系統(tǒng)、更深入地學習動效設計的設計師閱讀。另外，本書也可以作為設計培訓機構的培訓教材。

作者簡介

　　張鼎，畢業(yè)于同濟大學，曾在華為、小鵬汽車、浦發(fā)銀行等公司擔任交互與動效設計師，目前就職于字節(jié)跳動；十余年來深耕用戶體驗與動效設計，參與設計的產(chǎn)品涵蓋多種軟/硬件形態(tài)和平臺，包括華為旗艦智能手機Mate系列、智能電動轎跑小鵬P7、AR智能眼鏡，以及眾多跨移動端與Web端的軟件產(chǎn)品；對跨平臺設備的用戶體驗和動效設計具有豐富的實戰(zhàn)設計經(jīng)驗。

圖書目錄

第1章認識UI動效神器AfterEffects
11認識After Effects的面板與菜單 2
111菜單欄 2
112工具欄 13
113項目面板組 15
114【合成】面板 17
115【時間軸】面板19
116【效果和預設】面板 25
117其他常用面板 26
12項目、合成與圖層27
121新建與設置項目 27
122新建與設置合成 28
123圖層通用屬性 28
124圖層樣式 30
125圖層類型 30
13渲染發(fā)布 47
131渲染輸出設置 47
132導出圖片序列 50
14效果、關鍵幀與表達式51
141常用的內置自帶效果插件51
142表達式 63
第2章動效基礎知識
21動效設計簡史 67
211智能手機時代的來臨 67
212從MIUI V5和iOS 7談起68
213后來者——Material Design
中的Animation（動畫） 70
214另立門派——記得Metro UI嗎 72
22動效的價值 74
221動效的潤滑與緩沖作用 74
222使用動效展現(xiàn)層級/框架/邏輯 79
223反作用力——動效反推界面設計82
224動效設計的靈魂——節(jié)奏感 83
225指尖的舞蹈——動效與交互動作的融合86
23UI動效設計的分類解析91
231根據(jù)交互動作劃分 91
232根據(jù)交互功能與場景劃分 98
233響應不同輸入手段的反饋動效類型 105
第3章統(tǒng)一的韻律：智能手機系統(tǒng)的動效設計規(guī)范
31動效設計規(guī)范概述 109
311定義設計DNA 110
312劃分系統(tǒng)層級 112
313劃分動效設計的顆粒度 114
32動效設計規(guī)范在華為智能手機EMUI 30設計中的應用 118
321點線之美：EMUI 30的動效設計DNA 118
322EMUI 30動效設計規(guī)范 119
33案例：動畫曲線精進 121
331慣性往復動效 122
332壓縮-3D翻轉回彈動效 129
333依次錯落進場的組合動效 136
第4章智能感知動效在智能汽車UI 設計中的應用
41智能感知與智能汽車用戶體驗 149
411智能汽車：新的浪潮之巔 149
412智能汽車的用戶體驗與UI設計 149
42智能汽車的感知體系與車機動效設計 151
421智能汽車的感知體系151
422動效——理想的實時動態(tài)信息傳遞方式 151
43暢想：HUD是否是車機最理想的模式 157
431HUD與智能汽車 157
432淺談HUD與動效設計158
44智能汽車創(chuàng)意UI動效實戰(zhàn)162
441案例：使用Particular效果制作下雪與雪花堆積動效 162
442案例：使用Particular效果制作下雨與雨花濺起動效174
第5章突破二維空間——3D動效在ARUI 設計中的應用
513D動效設計概述 191
511擬物化視覺風格時代的3D動效 191
512“輕3D”與“2 5D”——扁平化風格下的3D動效創(chuàng)新 193
523D動效在AR UI設計中的應用 197
521淺談AR眼鏡的交互體系197
522新形態(tài)UI：懸浮在現(xiàn)實空間中的立體界面 198
523行業(yè)案例：“視族”AR智能眼鏡的桌面動態(tài)圖標設計 200
53案例：巧用3D圖層做LED燈箱 203
531搭建基本框架203
532添加3D標題 206
533制作LED燈箱 210
534為5個LED屏幕盒子分配獨立的屏幕內容 215
535添加Particular效果 218
536為5個LED屏幕盒子創(chuàng)建反射 226
537模擬低分辨率LED屏幕的顆粒效果 228
538創(chuàng)建光纜生長逐個點亮LED屏幕的動畫 230
539增加攝像機運動動畫 232
5310增加細節(jié)233
第6章懸停的舞蹈：Hover（懸停）動效在Web端UI 設計中的應用
61Hover（懸停）動效概述 238
62Hover（懸停）動效在Web端UI設計中的應用 238
621Hover（懸停）動效的幾大交互應用場景 238
622Hover（懸停）動效在VR/AR交互中的回歸 244
63案例：做一組粒子聚散效果的Hover（懸停）動效 245
631打開初始工程文件，完成前期準備工作 246
632制作第一組Hover（懸停）動效 247
633新建合成用于粒子動效250
634添加圖片素材，作為發(fā)射器形狀251
635用多張圖片替換作為隨機多樣化的粒子樣式 254
636制作Particular效果的粒子發(fā)射關鍵幀動畫258
637復制輔助說明文字圖層，創(chuàng)建粒子到文字的過渡動畫 261
638添加發(fā)光效果 263
639為粒子起始發(fā)射添加上升運動趨勢 264
6310將制作完成的粒子動畫合成導入主場景合成266
6311制作輔助說明文字呈粒子化消散的動效 268
第7章小空間，大天地：轉場動效與數(shù)據(jù)可視化動效在智能手表中的應用
71“視覺連貫”轉場動效與數(shù)據(jù)可視化動效概述 271
711“視覺連貫”轉場動效概述 271
712數(shù)據(jù)可視化動效概述272
72轉場動效與數(shù)據(jù)可視化動效在智能手表交互中的應用 273
721智能手表交互中的轉場動效 273
722智能手表交互中的數(shù)據(jù)可視化動效 274
73案例：智能手表運動健身類App的立體地圖數(shù)據(jù)可視化動效 279
731創(chuàng)建3D地圖 280
732創(chuàng)建模擬用戶跑步路線的發(fā)光軌跡動效 285
733添加軌跡光線在穿梭過程中粗細變化的動效288
734添加軌跡光線在穿梭過程中顏色變化的動效289
735為粒子束軌跡光線創(chuàng)建結束時的關鍵幀 291
736為軌跡光線添加類似于虛線的斷點分段效果 292
737為軌跡路線添加發(fā)光等更豐富的視覺效果293
738創(chuàng)建鏡頭運動動畫 297
739添加數(shù)據(jù)輔助說明 298