Sketch交互设计之美:从零基础到完整项目实现PDF|Epub|txt|kindle电子书版本网盘下载

Sketch交互设计之美:从零基础到完整项目实现PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 初识Sketch 1

1.1 拥抱变化，交互设计师的蜕变之旅2

1.2 Sketch简介2

1.2.1 Sketch是什么3

1.2.2 Sketch的优势3

1.2.3 Sketch对于团队特别是交互设计师的价值7

1.2.4 Sketch的应用前景8

1.2.5 Sketch和Photoshop对比8

1.3 Sketch获取9

1.3.1 Sketch下载9

1.3.2 Sketch安装12

1.3.3 Sketch激活12

1.3.4 Sketch定价策略13

1.4 Sketch界面介绍15

1.4.1 菜单栏15

1.4.2 工具栏16

1.4.3 页面16

1.4.4 图层17

1.4.5 画布17

1.4.6 检查器18

1.5 Sketch上手试用19

1.6 团队项目介绍22

1.6.1 项目背景说明22

1.6.2 项目功能需求25

1.6.3 项目产品架构25

知识拓展26

动脑思考30

动手操作30

第2章 快速入门31

2.1 交互设计入门32

2.1.1 认识交互设计32

2.1.2 认识交互设计师33

2.1.3 交互设计师需要具备的素质33

2.1.4 交互设计师的职责35

2.1.5 交互设计师的专业背景要求36

2.1.6 交互设计师需要的知识体系36

2.1.7 交互设计师常用的工具37

重点2.1.8 了解交互设计流程38

2.2 明确目标和产出物41

2.2.1 流程图41

2.2.2 低、高保真原型43

2.2.3 交互说明44

2.2.4 视觉规范45

2.2.5 视觉标注稿45

2.2.6 规范切图46

2.2.7 动效参数46

2.3 学习基本工具使用46

重点2.3.1 线条工具47

重点2.3.2 几何工具52

重点2.3.3 文字工具57

2.4 学习高级工具使用60

2.4.1 剪刀工具60

2.4.2 变形工具63

2.5 学习其他工具使用64

2.5.1 插入类工具65

2.5.2 组织类工具65

2.5.3 编辑类工具66

2.5.4 辅助类工具69

2.6 学会版本管理69

2.6.1 使用多个Sketch文件管理70

2.6.2 使用Sketch自动保存历史版本70

2.7 了解原型尺寸和命名规范73

重点2.7.1 原型尺寸73

2.7.2 命名规范75

2.8 掌握交互设计方法论76

2.8.1 交互设计方法论的概念76

2.8.2 交互设计方法论——5W2H76

2.8.3 其他交互设计方法论79

知识拓展81

实战教学85

动脑思考92

动手操作92

第3章 基础运用93

3.1 创作空间94

3.1.1 画布94

重点3.1.2 Artboard（画板）96

重点3.1.3 栅格布局100

3.2 框架设计104

3.2.1 发散思维104

3.2.2 人物角色106

3.2.3 故事板106

3.2.4 流程设计107

3.2.5 信息架构108

3.3 界面设计109

3.3.1 界面设计原则109

3.3.2 界面设计理论109

3.3.3 界面设计实践109

3.4 图像处理114

3.4.1 图像导入114

重点3.4.2 图像处理方式114

3.4.3 Mask（蒙版）处理119

3.5 图标设计124

重点3.5.1 认识图标124

3.5.2 图标绘制规范126

重点 3.5.3 图标绘制128

3.5.4 图标引用132

3.6 测距和对齐136

3.6.1 测距136

3.6.2 对齐136

知识拓展137

实战教学149

动脑思考157

动手操作157

第4章 高级运用158

4.1 快速原型设计159

4.1.1 快速复制159

4.1.2 批量复制161

4.1.3 一级页面设计169

4.2 归类整理169

重点4.2.1 图层整理169

重点4.2.2 页面整理171

重点4.2.3 图层查找171

4.3 原型演示173

4.3.1 Sketch Mirror173

4.3.2 Sketch Mirror for iPhone175

4.3.3 需求验证175

4.3.4 二级页面设计176

4.4 Symbol（符号）176

重点4.4.1 Symbol的介绍及应用场景176

重点4.4.2 Symbol基础教程178

重点难点4.4.3 Symbol嵌套教程181

重点难点4.4.4 夜视Symbol库制作185

4.5 Styled Text（样式库）189

4.5.1 StyledText的概念189

4.5.2 Text Style（字体样式）190

4.5.3 Share Style（共享样式）192

4.5.4 夜视项目样式库193

4.6 细节设计194

重点4.6.1 交互边界194

重点4.6.2 特殊状态196

重点4.6.3 场景设计199

4.6.4 首页及播放页设计200

知识拓展202

实战教学209

动脑思考212

动手操作212

第5章 团队协作213

5.1 Sketch和团队协作214

5.1.1 团队协作基础214

5.1.2 Sketch协作流程216

5.2 使用Libraries减少重复劳作217

重点新功能5.2.1 Libraries介绍217

重点 5.2.2 Libraries制作和导入218

重点5.2.3 Libraries使用和更新220

重点5.2.4 Libraries云协作221

5.3 使用坚果云构建协作环境222

5.3.1 构建前的准备工作222

5.3.2 创建团队文件夹224

5.3.3 设置本地同步文件夹226

5.3.4 查看历史版本228

动脑思考229

动手操作229

第6章 交付输出230

6.1 交互设计输出物231

6.1.1 交互方案和交互原型231

重点6.1.2 交互说明237

重点6.1.3 交互规范247

6.2 视觉设计输出物255

6.2.1 视觉风格探索255

6.2.2 视觉页面256

重点6.2.3 视觉规范257

重点6.2.4 视觉标注260

重点6.2.5 切图资源263

知识拓展266

实战教学269

动脑思考274

动手操作274

第7章 动效设计Principle 275

7.1 需要动效设计的原因276

重点7.1.1 为用户创造愉悦的体验276

7.1.2 验证心中的想法和可行性276

7.1.3 与开发工程师沟通动态效果276

7.2 选择Principle的原因277

7.2.1 Principle简介277

7.2.2 Principle的优势277

7.2.3 Principle的获取、安装与激活279

7.3 Principle初体验281

7.3.1 初识界面282

重点7.3.2 交互形态288

重点7.3.3 事件290

重点7.3.4 动画291

7.4 Principle制作原型294

7.4.1 准备工作295

7.4.2 制作翻页效果296

7.4.3 制作转场效果298

7.4.4 制作滚动效果300

7.4.5 原型演示301

7.5 Principle制作动画304

重点难点7.5.1 动画构思304

重点7.5.2 动画制作304

重点难点7.5.3 交付开发实现307

实战教学308

动脑思考316

动手操作316

第8章 完整后台设计实现317

8.1 后台设计目标318

8.1.1 业务功能318

8.1.2 设计目标319

8.2 后台框架设计319

8.2.1 角色场景320

8.2.2 权限设计320

8.2.3 流程设计322

8.3 后台界面设计324

8.3.1 菜单导航设计324

8.3.2 内容列表设计325

8.3.3 流程页面设计325

8.3.4 页面细节设计326

8.3.5 创建最小化Symbol库327

8.4 后台交互说明327

8.4.1 学会讲故事327

8.4.2 时刻警惕权限和安全328

8.5 学习建议328

8.5.1 Sketch学习建议328

8.5.2 交互设计学习建议329

结语331

参考文献332