內容大鋼
本書圍繞UI動效設計展開創作,以「理論+實操」為寫作原則,用通俗易懂的語言對UI動效設計的相關知識進行詳細介紹。
本書共8章,內容涵蓋UI動效設計基礎、AfterEffects應用基礎、圖層控制與動畫、蒙版動效製作、文本動效製作、界面動效設計、Photoshop動效製作、綜合案例等。在介紹理論知識的同時,穿插大量的實操案例,第2章?第7章結尾安排「實戰演練」與「新手答疑」板塊,旨在讓讀者學習並掌握之後,能達到舉一反三的目的。
本書結構編排合理,所選案例貼合UI動效設計實際需求,可操作性強。案例講解詳細,一步一圖,即學即用。本書適合高等院校師生、動效設計師等閱讀使用,也適合作為社會培訓機構相關課程的教材。
目錄
第1章 UI動效設計基礎
1.1 UI設計基礎
1.1.1 什麼是UI設計
1.1.2 UI設計的重要性
1.1.3 UI設計的特點
1.1.4 UI設計色彩基礎
1.2 UI動效設計
1.2.1 認識UI動效
1.2.2 動效在界面中的作用
1.2.3 UI動效設計的必要性
1.2.4 UI動效設計原則
1.3 UI動效設計類型
1.3.1 功能型動效
1.3.2 展示型動效
1.4 AIGC在UI動效設計中的應用
1.4.1 什麼是AIGC
1.4.2 認識Midjourney
1.4.3 Midjourney應用方法
1.5 UI動效設計工具
1.5.1 Photoshop
1.5.2 After Effects
1.5.3 Illustrator
新手答疑
第2章 After Effects應用基礎
2.1 After Effects工作界面
2.1.1 「工具」面板
2.1.2 「項目」面板
2.1.3 「合成」面板
2.1.4 「時間軸」面板
2.1.5 其他面板
2.2 After Effects基礎操作
2.2.1 創建項目文件
2.2.2 創建合成
2.2.3 動效的渲染與輸出
2.2.4 保存和關閉項目文件
動手練 渲染動效文件
2.3 素材的導入和管理
2.3.1 導入素材
2.3.2 管理素材
2.3.3 嵌套合成
動手練 整理動效文件素材
2.4 軟體間的協同工作
2.4.1 在After Effects中應用PSD文件
2.4.2 在After Effects中應用AI文件
實戰演練:創建清理加速動效
新手答疑
第3章 圖層控制與動畫
3.1 圖層的基本操作
3.1.1 創建圖層
3.1.2 管理圖層
3.1.3 圖層混合模式
3.2 圖層的基本屬性
3.2.1 五大基本屬性
3.2.2 編輯圖層屬性
動手練 製作圖像切換動效
3.3 關鍵幀動畫
3.3.1 認識時間軸
3.3.2 添加關鍵幀
3.3.3 關鍵幀的編輯與管理
3.3.4 關鍵幀插值
3.3.5 認識圖表編輯器
動手練 製作指針旋轉動效
實戰演練:製作按鈕動效
新手答疑
第4章 蒙版動效製作
4.1 創建蒙版動效
4.1.1 認識蒙版
4.1.2 蒙版動效原理
4.1.3 形狀工具組
4.1.4 鋼筆工具組
動手練 亮度調整動效
4.2 編輯蒙版屬性
4.2.1 蒙版路徑
4.2.2 蒙版羽化
4.2.3 蒙版不透明度
4.2.4 蒙版擴展
4.2.5 蒙版混合模式
動手練 界面切換動效
實戰演練:音樂播放動效
新手答疑
第5章 文本動效製作
5.1 創建文本圖層
5.1.1 UI文本規範
5.1.2 創建文本
5.1.3 編輯文本
動手練 描邊文本動效
5.2 文本動效製作
5.2.1 文本圖層的屬性
5.2.2 動畫控制器
5.2.3 文本選擇器
5.2.4 文本動畫預設
動手練 文本跳動動效
實戰演練:閃屏頁文字出現動效
新手答疑
第6章 界面動效設計
6.1 常見動效設計
6.1.1 界面載入等待動效設計
6.1.2 界面刷新動效設計
6.1.3 引導界面的動效設計
6.1.4 導航菜單動效設計
動手練 進度條載入等待動效
6.2 界面切換動效設計
6.2.1 常見的界面切換動效
6.2.2 界面切換動效設計規範
動手練 日曆切換動效
實戰演練:界面切換動效
新手答疑
第7章 Photoshop動效製作
7.1 製作動效
7.1.1 認識時間軸
7.1.2 製作幀動畫
&nb