第1章初識Sketch
1.1擁抱變化，交互設計師的蛻變之旅
1.2Sketch簡介
1.2.1Sketch是什麼
1.2.2Sketch的優勢
1.2.3Sketch對於團隊特彆是交互設計師的價值
1.2.4Sketch的應用前景
1.2.5Sketch和Photoshop對比
1.3Sketch獲取
1.3.1Sketch下載
1.3.2Sketch安裝
1.3.3Sketch激活
1.3.4Sketch定價策略
1.4Sketch界麵介紹
1.4.1菜單欄
1.4.2工具欄
1.4.3頁麵
1.4.4圖層
1.4.5畫布
1.4.6檢查器
1.5Sketch上手試用
1.6團隊項目介紹
1.6.1項目背景說明
1.6.2項目功能需求
1.6.3項目産品架構
知識拓展
動腦思考
動手操作
第2章快速入門
2.1交互設計入門
2.1.1認識交互設計
2.1.2認識交互設計師
2.1.3交互設計師需要具備的素質
2.1.4交互設計師的職責
2.1.5交互設計師的專業背景要求
2.1.6交互設計師需要的知識體係
2.1.7交互設計師常用的工具
☆重點2.1.8瞭解交互設計流程
2.2明確目標和産齣物
2.2.1流程圖
2.2.2低、高保真原型
2.2.3交互說明
2.2.4視覺規範
2.2.5視覺標注稿
2.2.6規範切圖
2.2.7動效參數
2.3學習基本工具使用
☆重點2.3.1綫條工具
☆重點2.3.2幾何工具
☆重點2.3.3文字工具
2.4學習高級工具使用
2.4.1剪刀工具
2.4.2變形工具
2.5學習其他工具使用
2.5.1插入類工具
2.5.2組織類工具
2.5.3編輯類工具
2.5.4輔助類工具
2.6學會版本管理
2.6.1使用多個Sketch文件管理
2.6.2使用Sketch自動保存曆史
版本
2.7瞭解原型尺寸和命名規範
☆重點2.7.1原型尺寸
2.7.2命名規範
2.8掌握交互設計方法論
2.8.1交互設計方法論的概念
2.8.2交互設計方法論——5W2H
2.8.3其他交互設計方法論
知識拓展
實戰教學
動腦思考
動手操作

第3章基礎運用
3.1創作空間
3.1.1畫布
☆重點3.1.2Artboard（畫闆）
☆重點3.1.3柵格布局
3.2框架設計
3.2.1發散思維
3.2.2人物角色
3.2.3故事闆
3.2.4流程設計
3.2.5信息架構
3.3界麵設計
3.3.1界麵設計原則
3.3.2界麵設計理論
3.3.3界麵設計實踐
3.4圖像處理
3.4.1圖像導入
☆重點3.4.2圖像處理方式
3.4.3Mask（濛版）處理
3.5圖標設計
☆重點3.5.1認識圖標
3.5.2圖標繪製規範
☆重點3.5.3圖標繪製
3.5.4圖標引用
3.6測距和對齊
3.6.1測距
3.6.2對齊
知識拓展
實戰教學
動腦思考
動手操作

第4章高級運用
4.1快速原型設計
4.1.1快速復製
4.1.2批量復製
4.1.3一級頁麵設計
☆重點4.2歸類整理
4.2.1圖層整理
4.2.2頁麵整理
4.2.3圖層查找
4.3原型演示
4.3.1SketchMirror
4.3.2SketchMirrorforiPhone
4.3.3需求驗證
4.3.4二級頁麵設計
4.4Symbol（符號）
☆重點4.4.1Symbol的介紹及應用
場景
☆重點4.4.2Symbol基礎教程
☆重點☆難點4.4.3Symbol
嵌套教程
☆重點☆難點4.4.4夜視Symbol庫
製作
4.5StyledText（樣式庫）
4.5.1StyledText的概念
4.5.2TextStyle（字體樣式）
4.5.3ShareStyle（共享樣式）
4.5.4夜視項目樣式庫
4.6細節設計
☆重點4.6.1交互邊界
☆重點4.6.2特殊狀態
☆重點4.6.3場景設計
4.6.4首頁及播放頁設計
知識拓展
實戰教學
動腦思考
動手操作

第5章團隊協作
5.1Sketch和團隊協作
5.1.1團隊協作基礎
5.1.2Sketch協作流程
5.2使用Libraries減少重復勞作
☆重點☆新功能5.2.1Libraries
介紹
☆重點5.2.2Libraries製作和
導入
☆重點5.2.3Libraries使用和
更新
☆重點5.2.4Libraries雲協作
5.3使用堅果雲構建協作環境
5.3.1構建前的準備工作
5.3.2創建團隊文件夾
5.3.3設置本地同步文件夾
5.3.4查看曆史版本
動腦思考
動手操作

第6章交付輸齣
6.1交互設計輸齣物
6.1.1交互方案和交互原型
☆重點6.1.2交互說明
☆重點6.1.3交互規範
6.2視覺設計輸齣物
6.2.1視覺風格探索
6.2.2視覺頁麵
☆重點6.2.3視覺規範
☆重點6.2.4視覺標注
☆重點6.2.5切圖資源
知識拓展
實戰教學
動腦思考
動手操作
第7章動效設計Principle
7.1需要動效設計的原因
☆重點7.1.1為用戶創造愉悅的
體驗
7.1.2驗證心中的想法和可行性
7.1.3與開發工程師溝通動態效果
7.2選擇Principle的原因
7.2.1Principle簡介
7.2.2Principle的優勢
7.2.3Principle的獲取、安裝與
激活
7.3Principle初體驗
7.3.1初識界麵
☆重點7.3.2交互形態
☆重點7.3.3事件
☆重點7.3.4動畫
7.4Principle製作原型
7.4.1準備工作
7.4.2製作翻頁效果
7.4.3製作轉場效果
7.4.4製作滾動效果
7.4.5原型演示
7.5Principle製作動畫
☆重點☆難點7.5.1動畫構思
☆重點7.5.2動畫製作
☆重點☆難點7.5.3交付開發
實現
實戰教學
動腦思考
動手操作
第8章完整後颱設計實現
8.1後颱設計目標
8.1.1業務功能
8.1.2設計目標
8.2後颱框架設計
8.2.1角色場景
8.2.2權限設計
8.2.3流程設計
8.3後颱界麵設計
8.3.1菜單導航設計
8.3.2內容列錶設計
8.3.3流程頁麵設計
8.3.4頁麵細節設計
8.3.5創建最小化Symbol庫
8.4後颱交互說明
8.4.1學會講故事
8.4.2時刻警惕權限和安全
8.5學習建議
8.5.1Sketch學習建議
8.5.2交互設計學習建議
結語
參考文獻
· · · · · · (收起)