☆☆☆☆☆
简体网页||繁体网页



点击这里下载

类似图书 点击查看全场最低价

---

产品特色

编辑推荐

本书采用循序渐进的方式指引设计者了解并掌握Sketch 4设计制作移动UI的方法和技巧。

内容简介

本书通过大量的案例分析,详细介绍了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

前言/序言

本书遵守广大设计者的需求，采用循序渐进的方式指引设计者了解并掌握Sketch 4设计制作移动UI的方法和技巧。本章共分为7章，逐级渗透的讲解方法，全面的向读者讲解Sketch 4的使用。

第1章　移动UI设计师入门。主要讲解了移动UI的发展、移动UI设计师的工作流程、iOS和Android设计特色、移动UI设计师应了解的基本常识等内容。

第2章　初识Sketch。主要讲解了Sketch的安装和启动、Sketch的欢迎介绍、Sketch的主界面、Sketch的快捷键、Sketch的系统偏好设置、Sketch的标志、参考线和网格和Sketch的常见问题等内容。

第3章　使用Sketch绘制线框原型。主要讲解了线框原型的基本概念、绘制线框原型的注意事项、Sketch绘制线框原型、使用Sketch绘制线框原型和完整线框原型的绘制等内容。

第4章　使用Sketch设计图标。主要讲解了图标的设计准则、图标集的制作过程、使用Sketch插入面板、图形的布尔运算、绘制iOSAPP图标、绘制音乐应用图标和图标的源文件格式等内容。

第5章　使用Sketch设计移动UI。主要讲解了移动UI的设计原则、移动界面的色彩搭配与视觉效果、Ios应用界面设计规范、安卓界面及Material Design设计规范、移动界面中色彩应用、文字的创建与编辑、使用共享样式、文字的导出、绘制iOS音乐播放器界面、绘制iOS社交APP界面和绘制iOS支付APP界面等内容。

第6章　使用Sketch设计网站UI。主要讲解了网页设计PC端和移动端的区别、扁平化设计在UI设计中的应用、编辑绘制的图形、位图的编辑、应用样式、组件、绘制企业PC端网站界面、绘制企业PC端网站界面等内容。

第7章　UI的输出与交互设计。主要讲解了适配多分辨率移动界面、实现在设备上实时预览、分享设计稿、交付给开发的文件、使用Sketch切图、使用Sketch标注、设计移动交互特效、使用Sketch插件等内容。

本书的目的在于编写一本对读者真正有帮助的移动界面设计教材，让读者在阅读过本书以后可以轻松的掌握Sketch设计移动界面的方法。在制作移动界面的过程中起到事半功倍的作用，由于互联网的更新较快，书中所提供的网址仅供参考。

UI设计必修课：Sketch移动界面设计教程（全彩） 电子书 下载 mobi epub pdf txt

评分☆☆☆☆☆

好书，值得一读！！！！

评分☆☆☆☆☆

书很好，彩色的看着也不枯燥。

评分☆☆☆☆☆

很棒，物有所值

评分☆☆☆☆☆

作为一名产品经理，这都是必须会的基础！

评分☆☆☆☆☆

此用户未填写评价内容

评分☆☆☆☆☆

质量很好，物超所值！！

评分☆☆☆☆☆

很好很不错，还会推荐的

评分☆☆☆☆☆

超级棒。设计同学们值得信赖

评分☆☆☆☆☆

不错的好书，好好学习下

类似图书 点击查看全场最低价