UI图标手绘88例

这是一本UI图标手绘设计专业教程。图标手绘是一种快速且容易出效果的方式，设计师在独立创作、群体讨论、会议展示、工作汇报时均可采用。 本书分为3篇，基础篇和进阶篇讲解如何制作App相关的各类图标，在初步掌握手绘技能的同时，理解UI图标设计的原理和规范，从而为图标手绘练习打下良好的基础。高阶篇则是将生活中常见的事物融入图标设计中，通过对生活素材进行提炼、简化并有效组合之后再呈现出来，提高读者对素材的提取、处理及重组能力，从而进一步提升图标手绘能力。 本书不仅全方位介绍了图标手绘设计的基本方法与技巧，还提供了一些实际工作中的经验知识。此外，每个案例都带有配套视频，读者扫码即可观看。

这是一本UI图标手绘设计专业教程。本书的宗旨是帮助读者理解图标设计的原理，用手绘的方式将图标展现出来。在UI设计工作中，我们可以采用各种设计方法制作图标。其中，手绘是一种快速且容易出效果的方式，设计师在独立创作、群体讨论、会议展示、工作汇报时均可采用。本书分为3篇，共14章。其中，基础篇和进阶篇讲解如何制作App相关的各类图标，在初步掌握手绘技能的同时，理解UI图标设计的原理和规范，从而为图标手绘打下良好的基础。高阶篇则是将生活中常见的事物融入图标设计中，通过对素材进行提炼、简化和有效组合，将其以图标的形式呈现出来，以提高读者对素材的提取、处理、重组能力，以及图标手绘能力。本书不仅全方位介绍了图标手绘设计的基本方法与技巧，还提供了一些实际工作中的经验知识。此外，每个案例都有配套视频，读者扫码即可观看。本书适合UI设计初学者和有一定UI设计经验的设计师学习或参考。

路铭（网名Rrrmandy），生于美丽的海滨城市大连。美术学习长达10年之久，以优异的成绩毕业于上海东华大学艺术设计系（工业设计）。毕业后从事UI设计工作5年以上，对UI设计和网站设计有自己独到的见解。曾入围UI中国2016年度优秀设计师和UI中国2017年度优秀设计师。

基础篇
第1章App基础功能图标的制作11
01箭头图标设计12
经验分享：图标绘制需注意的基本问题13
思维拓展：如何绘制圆形13
02首页图标设计14
03收藏图标设计15
思维拓展：线描图标的细节表现通常有哪些167
04扫一扫图标设计17
经验分享：寻找素材时可采用的一些方法18
05帮助与反馈图标设计19
经验分享：符号在图标设计中的语义表达和应用20
06评论图标设计21
思维拓展：两个形状相似的图标如何做到差异化设计22
07搜索图标设计23
思维拓展：MBE风格在图标设计中如何运用24
08删除图标设计25
思维拓展：线描图标如何用线条来表现不同的质感26
09点赞图标设计27
思维拓展：如何分析结构复杂的事物并将其绘制成图标28
10分享图标设计29
经验分享：图标绘制时需要注意的一些规范性问题30
11退款图标设计31
12订单图标设计32
经验分享：图形元素的变换使用33
思维拓展：用直线表达信息内容时需注意哪些问题33
13个人中心图标设计34
思维拓展：为什么图标需要在正方形范围内进行设计35
第2章消费类App图标的制作37
14购物车图标设计38
经验分享：线描图标绘制时需要注意的小问题38
15分类图标设计39
经验分享：底边工具栏中图标的设计规范40
思维拓展：底边工具栏图标的设计形式与风格有哪些40
16发现图标设计41
思维拓展：底部工具栏中5个图标的功能42
17客服图标设计43
18定位图标设计45
思维拓展：图标设计时可借助的平面构成原理有哪些46
19生鲜图标设计47
思维拓展：App图标的风格分类有哪些48
20超市图标设计49
思维拓展：影响图标设计结果和风格形成的因素有哪些50
21金融图标设计51
经验分享：影响图标语义表达的因素52
22图书图标设计53
经验分享：图标设计中有关平行透视的掌握54
23优惠券图标设计55
经验分享：文字在图标设计中的应用56
24VIP会员图标设计57
经验分享：线描图标用线条表达不同风格的方式58
25进口图标设计59
经验分享：头脑风暴的流程分析60
26美妆图标设计61
经验分享：图标素材的一些筛选规则62
第3章视频娱乐类App图标的制作63
27热点图标设计64
经验分享：底边工具栏中图标设计的一些特点65
28播放图标设计66
经验分享：线描图标设计中高光的不同表现方式67
29历史图标设计68
经验分享：箭头图形在不同图标中的语义表达69
30下载图标设计70
经验分享：界面的层级关系和重要程度对图标设计结果的影响71
31VIP充值图标设计72
经验分享：影响图标图形选择和设计的因素73
32电影图标设计74
33直播图标设计76
34综艺图标设计78
35游戏图标设计80
经验分享：简化图形的方法和技巧81
第4章效率类App图标的制作83
36素材库图标设计84
经验分享：分析和解决问题的一些方法85
37工具图标设计87
经验分享：图标设计的基本流程88
38快传图标设计89
经验分享：整理图标素材的一些方法和技巧90
39录音图标设计91
第5章网站错误界面图标的制作93
40404网站错误界面图标设计（1）94
经验分享：关于同一个网站的错误界面之间的逻辑关系95
41404网站错误界面图标设计（2）96
经验分享：图标的五大面和阴影的表现与运用97
42404网站错误界面图标设计（3）98
经验分享：关于图标的情感化设计99
43404网站错误界面图标设计（4）100
第6章功能大类图标的制作103
44钻石婚庆图标设计104
45家居摆设图标设计106
经验分享：图标中植物图形的绘制技巧107
46物业服务图标设计108
思维拓展：关于系列图标的风格化统一109
进阶篇
第7章iOS系统应用图标的制作111
47美甲应用图标设计112
经验分享：iOS系统下App图标的尺寸规范113
48播放器应用图标设计114
经验分享：图标设计中基础图形的演变技巧115
49购物应用图标设计116
50房屋租赁应用图标设计118
51旅游应用图标设计120
经验分享：圆角矩形边框的用法121
第8章Android系统应用图标的制作123
52应用市场图标设计124
经验分享：如何选择和确定手机主题风格125
53音乐应用图标设计126
经验分享：关于怀旧风格元素的运用127
54邮件应用图标设计128
55电话应用图标设计130
56日历应用图标设计132
经验分享：关于数字在图标设计中的应用133
57设置应用图标设计134
经验分享：关于图标中齿轮图形的画法135
58文件夹应用图标设计136
思维拓展：黑白灰阴影线条的绘制规律有哪些137
59时钟应用图标设计138
经验分享：如何简化生活中的图形139
60相机应用图标设计140
第9章微软系统应用图标的制作143
61计算机应用图标设计144
经验分享：关于2．5D风格的运用145
62文件夹应用图标设计146
经验分享：如何制作2．5D手绘图标的参考线背景147
63回收站应用图标设计148
经验分享：不规则图标中各个图形的关键点的寻找149
高阶篇
第10章食物类图标151
64生日蛋糕图标设计152
65菜篮子图标设计154
经验分享：如何通过高光细节准确表现图标语义154
66牛排图标设计155
67寿司图标设计157
68拉面图标设计159
第11章生活类图标161
69儿童车图标设计162
70水枪图标设计164
71榨汁机图标设计166
72老式唱片机图标设计168
经验分享：如何表现出图标的年代感169
73笔记本式计算机图标设计170
74摄像机图标设计172
经验分享：关于复杂图标的一些绘制经验174
第12章交通旅游类图标175
75扬帆起航图标设计176
76跨海大桥图标设计178
经验分享：常用的图标构图方法179
77度假酒店图标设计180
经验分享：图标设计中一些常见的气氛表现需求181
第13章动物类图标183
78大猩猩图标设计184
79羊驼图标设计186
思维拓展：绘制表情图标时需要注意的关键点有哪些187
80西方龙图标设计189
81公鹿图标设计191
82白熊图标设计193
思维拓展：关于黄金比例的运用194
第14章学习工作类图标195
83作业本图标设计196
思维拓展：增强图标节奏感的方式有哪些197
84教学图标设计198
经验分享：增强图标层次感的方式有哪些199
85选课图标设计200
经验分享：绘制图标之前需要考虑的几个问题201
86技能大赛图标设计202
经验分享：复杂图形的分解与概括203
87理论与实践图标设计204
88实习图标设计206
经验分享：绘制阴影时需要注意的问题207