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

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

《移動UI動效設計:Principle+Sketch高效入門》是2018電子工業出版社出版的圖書,作者是Here180。

基本介紹

  • 中文名:移動UI動效設計:Principle+Sketch高效入門
  • 作者:Here180
  • 出版時間:2018年
  • 出版社:電子工業出版社
  • ISBN:9787121350986
內容簡介,目錄,

內容簡介

本書解決了如何高效地製作動效設計稿的難題。用Sketch配合Principle軟體可以高效完成設計稿的動效設計,並支持動效視頻錄製和Gif動圖導出,為設計方案加分。本書共分8章,首先講述了Sketch和Principle軟體的基礎知識和基本操作;然後深入、系統地介紹設計思維,操作具體的實例,學習動效設計流程等;最後講解如何導出互動操作視頻、設計稿和Gif圖,以此提升設計稿的通過率。本書配套有教學視頻、練習素材和源檔案,幫助讀者學以致用,迅速掌握這一設計技能。本書可作為從事UI設計行業的新入門設計師、資深UI設計師、高級UI設計師,以及產品經理、互動設計師等對動效感興趣的設計愛好者學習。

目錄

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 手機端鏡像

熱門詞條

聯絡我們