第1章 轻松迈向图标王国 8
1.1 图标入门 8
1.1.1 什么是图标 8
1.1.2 图标与标志的区别 9
1.1.3 常见移动应用图标 10
1.1.4 常见电脑应用图标 11
1.2 图标设计的意义和作用 12
1.2.1 什么是图标 12
1.2.2 图形内在含义 13
1.2.3 图标设计的作用 15
1.3 图标的像素分辨 17
1.3.1 Windows 7操作系统的图标像素分辨 17
1.3.2 Windows 10操作系统的图标像素分辨 18
1.3.3 安卓操作系统的图标像素分辨 19
1.3.4 iOS 7操作系统的图标像素分辨 21
1.4 常见图标的标准尺寸 22
1.4.1 常见移动操作系统的图标标准尺寸 22
1.4.2 常见电脑操作系统的图标标准尺寸 24
1.5 图标的设计要素和结构 25
1.5.1 图标型的把握 26
1.5.2 图标大小和颜色 27
1.5.3 透视、光源与阴影 28
1.5.4 元素的组合 28
1.5.5 视觉均衡 29
1.6 那些你不知道的图标分类 30
1.6.1 PNG格式图标 30
1.6.2 ICO格式图标 31
1.6.3 ICL格式图标 31
1.6.4 IP格式图标 31
1.7 制作图标的常用软件 32
1.7.1 Photoshop CS6 32
1.7.2 Illustrator CS6 34
第2章 掌控图标创意原则 36
2.1 图标制作的原则 36
2.1.1 可识别性原则 36
2.1.2 差异性原则 37
2.1.3 合适的精细度和元素个数原则 38
2.1.4 风格统一性原则 38
2.1.5 原创性原则 39
2.2 图标的创意 40
2.2.1 界面需求 40
2.2.2 图标的创意元素 42
2.2.3 创意图标的特点 43
2.3 图标设计草图的绘制和渲染 46
2.3.1 图标的设计方法及技巧 47
2.3.2 图标视觉分析 48
2.3.3 最终草图定稿 49
2.3.4 草图渲染 49
2.4 图标的视觉分析和效果 50
2.4.1 用户体验 53
2.4.2 图标的可识别性 56
2.4.3 图标设计的连续性 60
第3章 图标设计与软件操作 62
3.1 基础图形绘制图标中的元素 62
3.1.1 圆形图标的绘制 63
3.1.2 方形图标的绘制 66
3.1.3 圆角矩形图标的绘制 69
3.1.4 组合图形图标的绘制 73
3.1.5 自定义形状图标的绘制 76
3.2 让人过目不忘的简单生活图标 79
3.2.1 移动设备电池图标绘制 80
3.2.2 安卓系统启动图标 83
3.2.3 iOS系统启动图标 86
3.2.4 Windows系统启动图标 87
3.3 具有设计性的图标制作 90
3.3.1 具有设计性的开关图标 91
3.3.2 具有设计性的音乐旋钮图标 95
3.3.3 具有设计性的导航栏图标的绘制 99
3.4 色彩斑斓的图标 104
3.4.1 粉嫩色系图标 106
3.4.2 蓝绿色系图标 109
3.4.3 暖色调图标 112
第4章 扁平化图标设计 120
4.1 纯色形状扁平化图标 120
实战1 应用类纯色形状扁平化图标 120
实战2 生活类纯色形状扁平化图标 123
4.2 Windows XP操作系统的扁平化图标 126
第5章 质感图标的设计 131
5.1 质感立体图标设计 131
实战1 立体透明图标制作 131
实战2 立体毛绒图标制作 136
5.2 质感写实图标设计 141
实战1 逼真质感图标 141
实战2 逼真食物图标 153
实战3 金属质感写实图标 164
实战4 逼真生活物品图标 169
第6章 涂鸦风格图标设计 178
6.1 矢量涂鸦风格图标 178
实战1 矢量牌游质感风格图标 178
实战2 矢量趣味涂鸦图标 185
6.2 可爱动画涂鸦风格图标 193
实战1 可爱游戏涂鸦风格图标 193
实战 2 可爱动画涂鸦风格图标 197
6.3 手绘涂鸦界面图标 204
实战1 手绘涂鸦界面图标 204
实战2 手绘相机应用图标 211
实战3 手绘导航应用图标 216
第7章 玩转图标应用 228
7.1 移动应用和图标 228
实战1 手机App应用和图标 228
实战2 苹果手机App应用和图标 238
实战3 移动iPad应用和图标 252
7.2 电脑桌面应用图标 268
实战1 电脑桌面图标 268
实战2 矢量插画主题电脑应用和图标 282
附录 293
01 资源共享 293
移动App精致图标欣赏 293
电脑桌面精致图标欣赏 296
你所需要的图标分层素材共享 298
02 移动APP图标与应用的关系 301
发现图标 301
App从图标到应用 303
03 图标设计中的10种错误 304