不一樣的UI設(shè)計(jì)師（全彩）

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