1 不一样的Sketch 40 4
Sketch 40新特性概览 4
Sketch 40的下载、安装与购买 6
Sketch相关资源 9
元件与共享样式的新特性 12
不一样的插件——设计师的左膀右臂 18
全新的Share和Sketch Mirror（Crystal） 30
照猫画虎不可取——为什么要使用一倍图做设计 36
什么？UI设计稿要用300分辨率？！ 39
眼睛欺骗了我？Sketch中的颜色处理方式 41
行高不对？聊聊Sketch中的文本处理方式 45
“不一样”的代价？将Sketch文档转为PSD文档 48
2 不一样的设计工作流 56
UI设计师在整个工作流程中的位置 56
产品经理、交互设计师与UI设计师 60
设计师应如何参与产品需求分析 64
为有理有据的设计做准备——设计调研及研究 67
理清设计结构——信息结构图与产品结构图的绘制 73
设计稿未来的模样——低保真原型图 77
一稿过，你准备好故事和场景了吗？ 84
设计如何产生价值？——用数据支撑设计 91
一致性的设计：理解iOS与Android设计规范 96
通过多种形式建立UI设计中信息的层次感 112
建立产品视觉规范 119
不仅仅是画图那么简单——优秀设计师更理性 127
视觉走查——设计稿完美复现的必要步骤 129
3 不一样的交互工具 136
不一样的设计师，不只做静态图 136
交互和动效工具，傻傻分不清楚 137
理解手势与常用动效曲线 145
快速玩转交互——了解Flinto基本功能 152
一起来玩连连看——Flinto创建设计稿转场 161
创建可滚动的页面 168
Behavior Designer的应用——无缝轮播图实例 172
使用Flinto制作Cover flow实例 179
Flinto滚动页面的进阶应用 184
在Flinto中使用视频与动画 191
Behavior Designer应用——弹层提示效果 199
利用Keynote创建页面交互效果 202
后记 208
零零碎碎的感悟——写在本书最后 211