1 不一樣的Sketch 40
Sketch 40 新特性概覽 002
Sketch 40 的下載、安裝與購買 004
Sketch 相關資源 007
元件與共享樣式的新特性 010
不一樣的插件―設計師的左膀右臂 016
全新的Share 和Sketch Mirror(Crystal) 028
照貓畫虎不可取―為什么要使用一倍圖做設計 034
什么? UI 設計稿要用300 分辨率?! 037
眼睛欺騙了我? Sketch 中的顏色處理方式 039
行高不對?聊聊Sketch 中的文本處理方式 043
“不一樣”的代價?將Sketch 文檔轉為PSD 文檔 046
2 不一樣的設計工作流
UI 設計師在整個工作流程中的位置 054
產品經理、交互設計師與UI 設計師 058
設計師應如何參與產品需求分析 062
為有理有據的設計做準備―設計調研及研究 065
理清設計結構―信息結構圖與產品結構圖的繪制 071
設計稿未來的模樣―低保真原型圖 075
一稿過,你準備好故事和場景了嗎? 082
設計如何產生價值?―用數據支撐設計 089
一致性的設計:理解iOS 與Android 設計規(guī)范 094
通過多種形式建立UI 設計中信息的層次感 110
建立產品視覺規(guī)范 117
不僅僅是畫圖那么簡單―優(yōu)秀設計師更理性 125
視覺走查―設計稿完美復現的必要步驟 127
3 不一樣的交互工具
不一樣的設計師,不只做靜態(tài)圖 134
交互和動效工具,傻傻分不清楚 135
理解手勢與常用動效曲線 143
快速玩轉交互―了解Flinto 基本功能 150
一起來玩連連看―Flinto 創(chuàng)建設計稿轉場 159
創(chuàng)建可滾動的頁面 166
Behavior Designer 的應用―無縫輪播圖實例 170
使用Flinto 制作Cover flow 實例 177
Flinto 滾動頁面的進階應用 182
在Flinto 中使用視頻與動畫 189
Behavior Designer 應用―彈層提示效果 197
利用Keynote 創(chuàng)建頁面交互效果 200
后記 206