第1章 UI图标的定义与特征 2
1.1 UI图标的定义 2
1.1.1 UI的定义 2
1.1.2 GUI设计 3
1.2 UI图标的表现特征与分类 3
1.2.1 UI图标信息传递的高效性 3
1.2.2 UI图标语义的通用性 4
1.2.3 UI图标布局的便利性 5
1.2.4 UI图标的种类 5
1.3 UI图标释义方式与感知设计 8
1.3.1 明确释义 8
1.3.2 间接释义 9
1.3.3 UI图标的感知与情感化设计 11
1.3.4 视觉思维在UI设计中的涉及范围 12
1.4 UI图标设计原则与制作流程 13
1.4.1 易用性原则 13
1.4.2 逻辑性原则 14
1.4.3 情感性原则 14
1.4.4 直观性原则 15
1.4.5 美观性原则 15
1.5 UI图标的设计要素 15
1.5.1 形态设计 15
1.5.2 色彩设计 16
1.5.3 材质设计 16
1.6 UI图标设计流程 17
1.6.1 第一阶段——图标创意 17
1.6.2 第二阶段——绘制图标草图 17
1.6.3 第三阶段——草图制作与渲染 18
1.6.4 UI设计流程及制作软件 18
1.6.5 UI设计职位与分工 21
第2章 制作金属质感的图标 23
第3章 制作一个扁平化风格的图标 42
第4章 制作一个拟物风格的图标 70
第5章 制作一个水晶质感的微信图标 119
第6章 制作一个卡通风格的电话图标 140
第7章 制作一个写实的镜头图标 173
第8章 制作一个色彩鲜艳的闹钟图标 211
第9章 制作一个透明质感的文件夹图标 253
第10章 制作一个充满质感的光盘图标 280