UI设计必修课：Sketch移动界面设计教程（全彩）（含DVD光盘1张）

图书标准信息

• 作者 李万军 著
• 出版社 电子工业出版社
• 出版时间 2017-09
• 版次 1
• ISBN 9787121324109
• 定价 79.90元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 252页
• 字数 428千字
• 正文语种 简体中文

【内容简介】

本书通过大量的案例分析,详细介绍了Sketch 4在设计移动UI中的一样分别针对Sketch绘制线框原型、设计图标、设计移动UI、设计网站UI和UI的输出与交互进行了讲解。通过学习读者应该熟悉移动UI设计的规范和设计要点。同时掌握移动UI的输出以及交互动效的添加方法。本书在每一章中都根据该章节内容添加专家支招，为读者解答一些与实际工作相关的疑难问题。

【作者简介】

李万军：北京市骨干教师 北京市骨干教师 北京市骨干教师北京市重点专业申报人 、负责北京市重点专业申报人 、负责北京市重点专业申报人 、负责北京市重点专业申报人 、负责北京市重点专业申报人、负责中国商业统计学会 中国商业统计学会 中国商业统计学会理事。平面设计、网页设计专家，出版专业教材多本，有丰富的教学经验。

【目录】

Chapter 01　移动UI设计师的入门

 

11 移动UI的发展    2

 

111　早期设计保证软件可用性     2

 

112　中期设计保证软件易用性     2

 

113　后期设计保证软件实用性     4

 

114　未来UI设计的展望     5

 

12 移动UI设计师的工作流程       6

 

13 iOS和Android设计特色         7

 

131　iOS的设计特色       7

 

132　Android的设计特色    11

 

14　 移动UI设计师应了解的基本常识   14

 

141　移动UI设计中用到的单位   14

 

142　iOS的界面设计规范      16

 

144　Android的界面设计规范     18

 

145　为触控而设计       20

 

146　从iOS10的特点看设计趋势  20

 

15 专家支招     22

 

151　移动UI设计师常用的设计工具有哪些？ 22

 

152　什么是屏幕密度？ 23

 

16 本章小结     23

 

Chapter 02　初识Sketch

 

21　Sketch的安装和启动    26

 

211　实战——安装Sketch       26

 

212　实战——启动Sketch       27

 

22　Sketch的欢迎介绍    28

 

23　Sketch的主界面      29

 

231　菜单栏           29

 

232　工具栏           31

 

实战——自定义工具栏    32

 

233　工具介绍    33

 

234　画布        33

 

235　检查器     35

 

236　图层面板    36

 

237　画板   36

 

238　蒙板   37

 

239　布尔运算  37

 

2310　符号与共享样式   37

 

24　Sketch的快捷键      38

 

241　Sketch的快捷键列表    39

 

242　实战——自定义快捷键    43

 

25　Sketch的系统偏好设置  44

 

251　通用选项卡        45

 

252　画布选项卡        46

 

253　图层选项卡        47

 

254　插件选项卡        48

 

255　预设选项卡        49

 

256　Cloud选项卡      49

 

26　Sketch的标尺、参考线和网格 49

 

261　标尺            49

 

262　参考线           50

 

263　网格            51

 

27　Sketch的常见问题    53

 

271　Sketch是否支持Windows系统？  53

 

272　Sketch能否替代Photoshop？     53

 

273　Sketch是否有汉化版       53

 

274　Sketch如何升级？   53

 

275　Sketch价格能不能优惠？    54

 

28　专家支招     54

 

281　Sketch怎么兼容低版本文件？      54

 

282　Sketch是否有类似Axure的组件库的功能？    55

 

29　本章小结     55

 

Chapter 03　从线框原型开始

 

31　线框原型的基本概念   58

 

32　绘制线框原型的注意事项    59

 

321　巧用明暗对比的运用       59

 

322　不使用截图和颜色    60

 

323　标记第一屏高度    60

 

324　合理的布局和间距    61

 

33　Sketch绘制线框原型   61

 

331　文件的新建和保存    61

 

332　回到Sketch文档的历史版本   63

 

333　画板预设        64

 

334　画板检查器        65

 

335　图层面板        66

 

336　关于模版        70

 

337　图层组的检查器    71

 

338　形状图层的检查器    73

 

339　文字图层的检查器    76

 

34　使用Sketch绘制线框原型    78

 

341　实战——计步APP线框图的绘制   78

 

342　实战——内容列表页线框图的绘制  82

 

35　完整线框原型的绘制    86

 

351　实战——注册页1线框图的绘制  86

 

352　实战——注册页2线框图的绘制   90

 

353　实战——注册页3线框图的绘制   92

 

354　实战——注册页4线框图的绘制   94

 

36　绘制线框原型的思考      95

 

37　专家支招     96

 

371　画好APP线框图流程图的要点有哪些？    96

 

372　线框原型的优势有哪些？     97

 

38　本章小结     97

 

Chapter 04　使用Sketch设计图标

 

41　图标的设计准则      100

 

411　图标设计的必要性      100

 

412　了解图标的属性     102

 

413　不同系统中的图标格式     105

 

414　不同系统图标的更换方法    105

 

42　图标集的制作过程    109

 

421　创建制作清单      109

 

422　设计草图         109

 

423　数字呈现         110

 

424　确定最终效果      110

 

425　命名并导出       111

 

43　使用Sketch插入面板  111

 

431　插入矢量        111

 

432　插入铅笔         115

 

433　插入形状         116

 

434　插入文本         120

 

435　插入图片         121

 

44　图形的布尔运算      121

 

45　实战——绘制iOS APP图标     124

 

46　实战——绘制音乐应用图标    128

 

47　图标的源文件格式         132

 

48　专家支招      133

 

481　iOS系统中图标的尺寸    133

 

482　如何获得专业图标      134

 

49　本章小结      134

 

Chapter 05　使用Sketch设计移动UI

 

51　移动UI的设计原则   136

 

511　视觉一致性原则     136

 

512　视觉简易性原则     137

 

513　从用户的考虑角度出发     137

 

52　移动界面的色彩搭配与视觉效果  138

 

521　冷暖色调的对比     138

 

522　色彩的意向      138

 

523　色彩的搭配技巧     139

 

524　APP界面配色原则    140

 

525　APP UI设计的用色规范     142

 

53　iOS应用界面设计规范       142

 

531　Sketch的iOS UI模板       143

 

532　模板使用的注意事项      144

 

54　安卓界面及Material Design设计规范   146

 

55　移动界面中色彩应用                   147

 

551　Sketch颜色面板的使用     148

 

56　文字的创建与编辑  157

 

561　文本的添加      158

 

562　文本的编辑      158

 

563　文本路径         160

 

564　文本转换轮廓      160

 

57　使用共享样式       161

 

58　文字的导出   163

 

59　实战——绘制iOS音乐播放界面     164

 

510　实战——绘制iOS社交APP界面        168

 

511　实战——绘制iOS支付APP界面      172

 

512　专家支招     176

 

5121　移动界面中的文字使用技巧      176

 

5122　移动界面中的色彩选择      177

 

513　本章小结     178

 

Chapter 06　使用Sketch设计PC端网站UI

 

61　网页设计PC端和移动端的区别     180

 

611　屏幕尺寸不同      180

 

612　操作方式不同      180

 

613　网络环境不同      181

 

614　传感器不同      181

 

615　使用场景和使用时间的不同     181

 

616　软件迭代时间和更新频率不同181

 

617　功能设计上的区别      181

 

621　图标和徽章      182

 

62　扁平化设计在UI设计中的应用   182

 

622　圆角和折角      183

 

623　标签和条纹      184

 

624　装饰元素         185

 

631　分组和取消分组     186

 

63　编辑绘制的图形      186

 

632　编辑和变换图形     187

 

633　旋转图形         187

 

634　蒙板          189

 

634　剪刀与描边宽度     192

 

64　位图的编辑   192

 

641　编辑位图         193

 

642　色彩校正         195

 

651　阴影          195

 

65　应用样式      195

 

652　内阴影          196

 

653　模糊          196

 

66　混合模式      198

 

67　组件       199

 

671　创建组件         200

 

672　覆盖文本         200

 

673　管理组件         201

 

68　实战——绘制企业PC端网站界面     202

 

69　实战——绘制企业PC端网站界面      205

 

610　专家支招     215

 

6101　理解以用户为中心       215

 

6102　界面设计中的内容与形式统一  215

 

611　本章小结     216

 

Chapter 07　UI的输出与交互设计

 

71　适配多分辨率移动界面  218

 

711　适配安卓设备      218

 

712　适配iOS设备       218

 

713　使用自适应设计插件      218

 

72　实现在设备上实时预览     219

 

73　分享设计稿   219

 

74　交付给开发的文件      220

 

75　使用Sketch切图      221

 

751　切片图层检查器     223

 

752　点九切图         224

 

76　使用Sketch标注      227

 

77　设计移动交互动效     230

 

771　了解移动设备的手势      230

 

772　移动交互动效设计的注意事项  233

 

773　常见的动效制作软件      234

 

78　使用Sketch插件      237

 

781　插件的安装      237

 

782　实用的插件      238

 

79　专家支招      240

 

791　如何多移动界面进行标注 240

 

792　常见角度动画效果      241

 

710　本章小结     242