Chapter 1 初识UI设计 9
1.1 认识移动UI 10
1.1.1 UI发展历程 10
1.1.2 如何学习UI 12
1.2 认识动效设计 15
1.2.1 什么是动效 16
1.2.2 动效的用途 20
1.2.3 动效设计要点 24
1.3 UI设计流程 35
1.3.1 UI设计师工作流程 36
1.3.2 UI设计师职能 38
1.4 认识iOS与Android 39
1.4.1 关于iOS 40
1.4.2 关于Android 40
1.5 iOS设计规范 43
1.5.1 界面尺寸 43
1.5.2 图标规范 45
1.5.3 字体规范 49
1.5.4 设计素材 52
1.6 本章小结 54
Chapter 2 用Sketch去设计 55
2.1 Sketch的简介 56
2.2 Sketch的安装 57
2.3 Sketch的界面 59
2.4 画布和图层 67
2.4.1 画布 67
2.4.2 图层 70
2.5 形状 71
2.6 文本和图片 76
2.6.1 文本 76
2.6.2 图片 82
2.7 符号 82
2.8 样式 86
2.9 导入和导出 87
2.10 本章小结 89
Chapter 3 用Principle去设计 90
3.1 Principle的简介 91
3.2 Principle的界面 92
3.2.1 工具栏 95
3.2.2 检查器 98
3.2.3 图层 101
3.2.4 绘图区 103
3.2.5 预览 104
3.3 持续交互 107
3.3.1 Drag（拖动） 107
3.3.2 Scroll（滚动） 108
3.3.3 Page（分页） 110
3.4 动效事件 112
3.5 动画 119
3.5.1 动画画板调整 120
3.5.2 自定义曲线 122
3.5.3 属性冻结 122
3.6 联动 123
3.7 导入和导出 127
3.7.1 文件导入 127
3.7.2 文件导出 130
3.8 本章小结 132
Chapter 4 邮件App动效设计 133
案例分析 134
学习目标 134
关键知识点 135
案例操作 135
案例小结 148
Chapter 5 App引导页动效设计 149
案例解释 150
学习目标 150
案例操作 151
案例小结 160
Chapter 6 闹钟App设置界面 161
案例解释 162
学习目标 162
关键知识点 162
案例操作 163
案例小结 173
Chapter 7 直播App界面动效 174
案例解释 175
学习目标 175
关键知识点 175
案例操作 176
案例小结 190
Chapter 8 Principle动效导出 191
8.1 Principle视频录制 192
8.2 动效导出 194
8.3 Mac系统App 197
8.4 手机端镜像 198