《Sketch互動設計之美》是北京大學出版社出版的圖書，作者是夜雨。
基本介紹
- 中文名：Sketch互動設計之美
- 作者：夜雨
- 出版社：北京大學出版社
- 頁數：332 頁
- ISBN：9787301296080
內容簡介,目錄 ,
內容簡介
互動設計師需要一款簡單、高效的矢量互動設計工具，本書以Sketch、Principle軟體的使用作為基礎，以完整項目實踐為故事線，結合互動設計方法論的思考，讓廣大互動設計師、Sketch軟體愛好者深入淺出地掌握軟體使用方法，並快速套用到實戰項目中。
《Sketch互動設計之美：從零基礎到完整項目實現》共分為8章，1章為初識Sketch，主要介紹Sketch軟體的特性和套用場景，通過該章的介紹，讓讀者初步了解軟體的安裝和使用方法；第2章為快速入門，結合具體的案例學習，讓讀者學會Sketch直線、鋼筆、矩形等基本工具的使用，同時，對互動設計有一定的認知；第3章為基礎運用，詳細介紹界面設計的理論，並讓讀者掌握界面中圖像、圖示等元素的處理方法；第4章為高級運用，深入介紹Sketch核心高級功能Symbol的使用，剖析Sketch能成為互動設計工具的原理；第5章為團隊協作，幫助讀者利用Sketch解決團隊協作的難題，最佳化團隊成員的協作模式；第6章為交付輸出，為讀者展示如何使用Sketch輸出高質量的互動設計和視覺設計輸出物；第7章為動效設計，將Sketch與Principle結合起來，為用戶創造愉悅的動效體驗；第8章為完整後台設計實現，將完整呈現一個管理後台項目的設計過程，幫助讀者總結提煉軟體使用、互動水平提高的學習經驗。
本書適合零基礎的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互動設計學習建議
結語
參考文獻
