After Effects 移動 UI 交互動效設計與製作 (全彩慕課版)

作者係高職院校副教授從事U多年教學工作與設計工作，曾出版多本UI設計方面的暢銷書籍。打造了數字媒體軟件類非常多優秀教材。深受廣大讀者好評。

目錄
第1章UI動效設計基礎
1．1了解UI動效設計
1．1．1什麼是UI動效設計
1．1．2 UI動效的發展
1．1．3動效在UI界面中的作用
1．2 UI動效設計的必要性
1．2．1增強用戶體驗
1．2．2提升產品氣質
1．2．3體現設計師優勢
1．3如何設計動效？
1．3．1首先需要有一個創意想法
1．3．2根據想法進行豐滿實現
1．4動效設計的類型有哪些？
1．4．1轉場過渡
1．4．2層級展示
1．4．3空間擴展
1．4．4關注聚焦
1．4．5內容呈現
1．4．6操作反饋
1．5動效設計製作軟件有哪些？
1．6基礎動效類型
1．6．1基礎動效
1．6．2屬性變化
1．6．3運動節奏
1．6．4基礎動效組合應用
1．7本章小結

第2章掌握After Effects基礎操作
2．1 After Effects概述
2．2 After Effects工作界面
2．2．1認識After Effects工作界面
2．2．2工具欄
2．2．3 “項目”面板
2．2．4 “合成”窗口
2．2．5 “時間軸”面板
2．2．6其他面板
2．3 After Effects的基本操作
2．3．1創建項目文件
2．3．2在項目文件中創建合成
2．3．3保存和關閉項目文件
2．3．4 After Effects中的基本工作流程
2．4素材的導入與管理操作
2．4．1導入素材的基本方法
2．4．2導入PSD格式素材
實戰——通過導入PSD格式文件創建合成
2．4．3導入AI格式素材
實戰——通過導入AI格式文件創建合成
2． 4．4素材的管理操作
2．4．5嵌套合成
2．5認識“時間軸”面板
2．5．1 “音頻/視頻”選項
2．5．2 “圖層基礎”選項
2．5． 3 “圖層開關”選項
2．5．4 “轉換控制”選項
2．5．5 “父級和鏈接”選項
2．5．6 “時間控制”選項
2．6 After Effects中的圖層
2． 6．1認識不同類型的圖層
2．6．2圖層的混合模式
實戰——快速製作圖片切換動效
2．7本章小結

第3章關鍵幀基礎動效製作
3．1了解關鍵幀
3．1．1理解幀與關鍵幀
3．1．2關鍵幀的創建方法
3．2關鍵幀的編輯操作
3．2．1選擇關鍵幀
3．2．2移動關鍵幀
3．2．3複製關鍵幀
3．2．4刪除關鍵幀
實戰——製作火焰循環動效
3．3基礎“變換”屬性
3．3．1 “錨點”屬性
3．3．2 “位置”屬性
實戰——製作背景圖片滑動切換動效
3．3．3 “縮放”屬性
3．3．4 “旋轉”屬性
3．3．5 “不透明度”屬性
實戰— —製作APP啟動界面動效
3．4關於運動路徑
3．4．1將直線運動路徑調整為曲線運動路徑
3．4．2運動自定向
實戰——製作飛機飛行動效
3．5關於圖表編輯器
3．5．1認識圖表編輯器
3．5．2設置對象的緩動效果
實戰——製作圓球彈跳緩動動效
3．6本章小結

第4章蒙版動效製作與輸出
4．1形狀的應用
4．1．1關於路徑形狀
4．1．2創建路徑群組
4．1．3設置路徑形狀屬性
實戰——製作簡單的圓環Loading動效
4．2創建蒙版動效
4．2．1蒙版動效原理
4．2．2形狀工具
4．2．3鋼筆工具
4．2．4軌道遮罩
實戰——製作iOS系統解鎖文字遮罩動效
4．2．5設置蒙版屬性
實戰——製作聚光燈動效
4．2．6蒙版的疊加處理
實戰——製作二維碼掃描動效
4 ．3在After Effects中渲染輸出動畫
4．3．1認識渲染工作區
4．3．2理解渲染設置選項
4．3．3渲染輸出
實戰——將動效渲染輸出為視頻文件
4．3．4配合Photoshop輸出GIF文件
實戰——將動效輸出為GIF動畫圖片
4．3．5將動畫嵌入到手機模板
實戰——將動畫嵌入到手機模板中
4．4本章小結

第5章UI元素動效
5 ．1圖標動效
5．1．1圖標在UI界面中的作用
5．1．2圖標動效的常見表現形式
5．1．3製作天氣圖標動效
實戰——製作天氣圖標動效
5．1 ．4製作日曆圖標動效
實戰——製作日曆圖標動效
5．2加載進度條與開關按鈕動效
5．2．1常見的加載進度條表現方式
5．2．2製作常見的矩形進度條動效
實戰——製作常見的矩形進度條動效
5．2．3開關按的功能特點
5．2． 4製作開關按鈕動效
實戰——製作開關按鈕動效
5．3文字動效
5．3．1文字動效的表現優勢
5．3．2文字動效的常見表現形式
5．3．3製作手寫文字動效
實戰——製作手寫文字動效
5．4 Logo動效
5．4．1 Logo動效概述
5．4．2 Logo動效的表現優勢
5．4．3 Logo動效需要注意的問題
5 ．4．4製作電商Logo動效
實戰——製作電商Logo動效
5．5工具欄動效
5．5．1關於工具欄動效設計
5．5．2製作工具欄圖標旋轉展開動效
實戰——製作工具欄圖標旋轉展開動效
5．6本章小結

第6章界面切換轉場動效
6．1界面切換轉場動效的核心規則
6．1．1轉場動效自然流暢
6． 1．2動效層次分明
6．1．3關聯是過渡動效的重要功能
6．1．4快速的界面切換過渡
6．1．5動效表現效果要清晰
6．1．6製作登錄轉場動效
實戰——製作登錄轉場動效
6．2常見的界面切換轉場動效
6．2．1彈出
6．2．2測滑
6．2．3漸變放大
6．2．4其他
6．2． 5製作圖片翻頁切換動效
實戰——製作圖片翻頁切換動效
6．3導航菜單切換動效
6．3．1交互式動態導航菜單的優勢
6．3．2導航菜單的設計要點
6． 3．3製作側滑導航菜單動效
實戰——製作側滑導航菜單動效
6．4本章小結

第7章UI界面動效
7．1動效設計的作用與常見效果
7．1．1動效設計的作用
7．1．2常見的UI界面交互動效
7．1．3製作天氣界面動效
實戰——製作天氣界面動效
7．1．4製作界面加載動效
實戰——製作界面加載動效
7．2 UI界面交互動效設計規範
7．2．1界面動效設計要點
7．2．2通過動效設計提升UI界面用戶體驗
7．2．3製作通話界面動效
實戰——製作通話界面動效
7．3優秀的界面動效有哪些特點
7．3．1表現當前系統狀態
7．3．2使界面中的鏈接元素具有觸感
7．3．3界面轉場動效要求快速而流暢
7．3．4使用動效表現界面中的變化
7．3．5注意界面動效的細節表現
7．3．6製作APP應用歡迎動效
實戰——製作APP應用歡迎動效
7．4本章小結