（1）設計之美。美，在於它和人之間進行功能性交互過程中給人帶來的持久愉悅感。
（2）完整項目實現。拒絕Sketch零散操作技巧介紹，講述項目全流程Sketch技能。
（3）注重團隊協作。本書強調在Sketch中實現團隊協作，大大提升設計效率。

交互設計師需要一款簡單、高效的矢量交互設計工具，本書以Sketch、Principle軟件的使用作為基礎，以完整項目實踐為故事線，結合交互設計方法論的思考，讓廣大交互設計師、Sketch軟件愛好者深入淺出地掌握軟件使用方法，並快速應用到實戰項目中。
《Sketch交互設計之美：從零基礎到完整項目實現》共分為8章，1章為初識Sketch，主要介紹Sketch軟件的特性和應用場景，通過該章的介紹，讓讀者初步了解軟件的安裝和使用方法；第2章為快速入門，結合具體的案例學習，讓讀者學會Sketch直線、鋼筆、矩形等基本工具的使用，同時，對交互設計有一定的認知；第3章為基礎運用，詳細介紹界面設計的理論，並讓讀者掌握界面中圖像、素的處理方法；第4章為高級運用，深入介紹Sketch核心高級功能Symbol的使用，剖析Sketch能成為交互設計工具的原理；第5章為團隊協作，幫助讀者利用Sketch解決團隊協作的難題，優化團隊成員的協作模式；第6章為交付輸出，為讀者展示如何使用Sketch輸出高質量的交互設計和視覺設計輸出物；第7章為動效設計，將Sketch與Principle結合起來，為用戶創造愉悅的動效體驗；第8章為完整後臺設計實現，將完整呈現一個管理後臺項目的設計過程，幫助讀者總結提煉軟件使用、交互水平提高的學習經驗。
本書適合零基礎的Sketch愛好者，尤其是想在交互設計方向發展的人員，也可以作為產品經理、交互設計師、視覺設計師、用戶體驗設計師等設計從業人員的工具使用指南。

夜雨，浙大網新集團高級交互設計師，愛交互網站創始人，有多年產品設計落地經驗，擅長產品策劃、交互設計、用戶研究，對Sketch設計有深入的研究，人人都是產品經理網站人氣作者，簡書互聯網優秀作者。

目 錄

第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交互設計學習建議
結語
參考文獻