发表于2024-11-25
本书采用循序渐进的方式指引设计者了解并掌握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 pdf epub txt 电子书 格式 2024
UI设计必修课:Sketch移动界面设计教程(全彩) 下载 mobi epub pdf 电子书交互部分学习很不错的参考教材,挺适合系统学习的
评分办公室软件设计工具书,很有参考价值,好评!
评分物流很快啊,配送员很好!
评分很有意思的书 (也有可能是设计很有趣
评分可以可以可以可以可以可以
评分不错的好书,好好学习下
评分包装什么的还ok,希望看完能够有所帮助
评分质量很好,物超所值!!
评分质量很好,可以可以学到很多的知识点,支持支持。
UI设计必修课:Sketch移动界面设计教程(全彩) mobi epub pdf txt 电子书 格式下载 2024