本书采用循序渐进的方式指引设计者了解并掌握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这款设计软件充满好奇,但苦于没有系统的学习途径。市面上虽然有一些教程,但大多要么过于零散,要么不够深入。而这本书的副标题“Sketch移动界面设计教程”正是我一直在寻找的,特别是“全彩”的标注,让我对学习过程充满期待,想象着每一页都将是精美的案例和清晰的步骤图,这将大大提高学习的效率和趣味性。我希望这本书能够带领我从零开始,一步一步掌握Sketch的基本操作,了解移动端UI设计的规范和流程,甚至能够学习到一些高级的技巧和设计原则。我很期待通过这本书,能够独立完成一套令人眼前一亮的移动应用界面设计,让自己的设计能力得到质的飞跃。对于我这样一个初学者来说,一本内容详实、图文并茂、排版精美的教程是至关重要的,这本书的出现,无疑为我的UI设计学习之路点亮了一盏明灯。
评分作为一名在UI设计领域摸爬滚打了几年的从业者,我一直在寻找能够让我设计思维和技法更上一层楼的进阶读物。市面上充斥着各种“速成”的教程,往往忽略了设计背后更深层次的思考和原则。而《UI设计必修课:Sketch移动界面设计教程(全彩)》这本书,从书名来看,就透露出一种“必修”的严谨感,这让我觉得它可能不会流于表面,而是会深入探讨一些核心的设计理念。我特别关注“移动界面设计”这个定位,因为当前大部分用户交互都集中在移动端,掌握好这方面的设计至关重要。我希望这本书能够提供一些关于用户体验、信息架构、交互流程优化等方面的深度见解,而不仅仅是停留在工具的层面。我期待它能分享一些成功的移动App设计案例分析,并剖析其背后的设计逻辑,帮助我理解“为什么”这样做,而不仅仅是“怎么”做。一本能够引发思考,帮助我构建更完善的设计知识体系的书,对我来说,比任何炫技的教程都更有价值。我希望这本书能成为我设计生涯中的一个重要里程碑,引领我走向更成熟的设计境界。
评分我是一名 UI 设计的爱好者,之前尝试过一些其他的软件,但总觉得 Sketch 在 Mac 平台上的流畅性和生态系统更有吸引力。苦于一直没有找到一本能够系统讲解 Sketch 移动界面设计的好教材,尤其是那些需要大量视觉元素和操作演示的教程,如果不是全彩的,很多细节都会变得模糊不清,学习效率大打折扣。这本书的“全彩”标注让我眼前一亮,我非常看重这一点,因为这意味着我可以更直观地看到每一个设计元素、色彩搭配、图标样式,以及操作步骤中的每一个小细节。我希望这本书能够从最基础的 Sketch 软件入门讲起,比如图层管理、画板设置、组件库的建立和使用,然后逐步深入到移动界面设计的具体流程,包括线框图的绘制、高保真原型的制作、动效的初步尝试等。我希望通过这本书,我能够真正掌握 Sketch 的强大功能,并且能够将其应用到实际的移动界面设计项目中,创造出兼具美观与实用性的作品,让我的设计梦想触手可及。
评分我是一个对用户界面设计有着浓厚兴趣的在校学生,目前正在学习相关的专业课程。在老师的推荐下,我接触到了 Sketch 这款在行业内被广泛使用的设计工具。然而,我发现市面上很多关于 Sketch 的教程要么更新不及时,要么内容过于浅显,难以满足我对深入学习的需求。当我看到《UI设计必修课:Sketch移动界面设计教程(全彩)》这本书时,我立刻被它“必修课”的定位所吸引。这表明它可能不仅仅是介绍软件功能,更会涵盖一些重要的设计理念和方法论。我特别期待这本书能够讲解如何在 Sketch 中构建可复用的组件库,这对于提高设计效率和保持设计一致性至关重要。同时,我也希望它能分享一些关于响应式设计、跨平台设计原则的知识,以及如何运用 Sketch 来实现这些目标。当然,作为一本全彩教程,精美的插图和清晰的步骤图是必不可少的,这能帮助我更好地理解和消化知识。我渴望通过这本书,能够真正理解移动界面设计的精髓,为我未来的职业发展打下坚实的基础。
评分我一直认为,好的UI设计不仅仅是“好看”,更重要的是“好用”。而要实现这一点,离不开对用户心理、交互逻辑的深刻理解,以及对设计工具的精通。《UI设计必修课:Sketch移动界面设计教程(全彩)》这本书的标题让我觉得它可能在这两个方面都有所侧重。我希望它能不仅仅是教我如何使用 Sketch 绘制漂亮的界面,更重要的是能够引导我思考如何通过界面设计来优化用户体验,如何让用户在使用产品时感到流畅、愉悦。我非常期待书中能包含一些关于交互动效设计的讲解,因为我知道,恰当的动效能够极大地提升产品的用户体验。同时,我也希望这本书能够提供一些关于色彩心理学、字体排印学在UI设计中的应用技巧,以及如何构建具有品牌调性的设计系统。一本能够帮助我从“像素堆砌者”成长为一名“体验设计师”的教程,正是我所需要的。这本书的“全彩”特点,也预示着它在视觉呈现上一定会下足功夫,这对于我理解复杂的视觉元素和设计细节非常有帮助。
评分对学习UI很有帮助
评分东西不错,速度也的很快啦啦啦啦啦啦,可以的哈哈哈哎哎哎,啦啦啦啦啦啦
评分物美价廉质优服务好!
评分设计理论书,非常喜欢
评分书挺好的,不多说了,我得看书了,太好看?
评分品不错 价格便宜 京东买东西实惠 商品不错 价格便宜 京东买东西实惠
评分快递包装不好 角都被挤压了
评分还不错哦,有料,希望看完能有收货!!!!!!!!
评分书不错,快递也给力,就是不能保价,还总降价!
本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度,google,bing,sogou 等
© 2025 book.coffeedeals.club All Rights Reserved. 静流书站 版权所有