移動UI動效設計：Principle+Sketch高效入門

現在對UI設計已經有了更進一步的要求，設計師和產品經理用會“動”的產品方案提高客戶的認可率。動效設計讓設計師與開發人員、高層領導關於設計方案的溝通和設計意念的傳達更簡單、直觀。但是使用如After Effects等專業軟件時，新入門的設計師需要投入更多的精力去學習和調整，無法實現高效的工作和學習，本書解決瞭如何高效地製作動效設計稿的難題。用Sketch配合Principle軟件可以高效完成設計稿的動效設計，並支持動效視頻錄制和Gif動圖導出，為設計方案加分。本書共分8章，首先講述了Sketch和Principle軟件的基礎知識和基本操作；然後深入、系統地介紹設計思維，操作具體的實例，學習動效設計流程等；最後講解如何導出交互操作視頻、設計稿和Gif圖，以此提升設計稿的通過率。本書配套有教學視頻、練習素材和源文件，幫助讀者學以致用，迅速掌握這一設計技能。本書可作為從事UI設計行業的新入門設計師、資深UI設計師、高級UI設計師，以及產品經理、交互設計師等對動效感興趣的設計愛好者學習。

Here180，UI中國推薦設計師、站酷60多萬人氣設計師、宵夜設計廣州事務群核心創始人之一。擁有多年UI設計從業經驗，以及豐富的界面設計和用戶體驗設計經驗，屬於技能全面型的設計師。熟練使用Sketch、Principle、AE、PS等軟件，專注於網頁設計、移動端界面UI設計，曾參於管理後台界面交互設計項目。
曾就職於阿里巴巴RED設計中心，擔任外包視覺設計師。常活躍於站酷、UI中國、Dribbble等國內外設計網站，多次參加設計比賽並獲得獎項。

Chapter 1初識UI設計
1.1認識移動UI 
1.1.1 UI發展歷程
1.1.2如何學習UI 
1.2認識動效設計
1.2.1什麼是動效
1.2.2動效的用途
1.2.3動效設計要點
1.3 UI設計流程
1.3.1 UI設計師工作流程
1.3.2 UI設計師職能
1.4認識iOS與Android 
1.4.1關於iOS 
1.4.2關於Android 
1.5 iOS設計規範
1.5.1界面尺寸
1.5.2圖標規範
1.5.3字體規範
1.5.4設計素材
1.6本章小結

Chapter 2用Sketch去設計
2.1 Sketch的簡介
2.2 Sketch的安裝
2.3 Sketch的界面
2.4畫布和圖層
2.4.1畫布
2.4.2圖層
2.5形狀
2.6文本和圖片
2.6.1文本
2.6.2圖片
2.7符號
2.8樣式
2.9導入和導出
2.10本章小結

Chapter 3用Principle去設計
3.1 Principle的簡介
3.2 Principle的界面
3.2.1工具欄
3.2.2檢查器
3.2.3圖層
3.2.4繪圖區
3.2.5預覽
3.3持續交互
3.3.1 Drag（拖動
3.3.2 Scroll（滾動）
3.3.3 Page（分頁）
3.4動效事件
3.5動畫
3.5.1動畫畫板調整
3.5.2自定義曲線
3.5.3屬性凍結
3.6聯動
3.7導入和導出
3.7.1文件導入
3.7 .2文件導出
3.8本章小結

Chapter 4郵件App動效設計
案例分析
學習目標
關鍵知識點
案例操作
案例小結

Chapter 5 App引導頁動效設計
案例解釋
學習目標
案例操作
案例小結

Chapter 6鬧鐘App設置界
案例解釋
學習目標
關鍵知識點
案例操作
案例小結

Chapter 7直播App界面動效案例解釋
學習目標
關鍵知識點
案例操作
案例小結

Chapter 8 Principle動效導出
8.1 Principle視頻錄製
8.2動效導出
8.3 Mac系統App 
8.4手機端鏡像