第1章 UI图标设计概述 1
1.1 UI与GUI简介 1
1.1.1 什么是UI 1
1.1.2 什么是GUI 2
1.1.3 UI图标设计 2
1.2 UI图标设计原则、要素与流程 3
1.2.1 UI图标设计原则 3
1.2.2 UI图标设计要素 4
1.2.3 UI图标设计流程 6
1.3 UI图标设计流程及制作软件 9
1.3.1 UI设计职位与分工 10
1.3.2 UI设计主要流程 14
第2章 制作扁平化风格UI图标 17
2.1 制作扁平化风格“西服”图标 18
2.2 制作扁平化风格“风扇”图标 30
第3章 UI图标的色彩设计 42
3.1 制作冷色调“肥皂盒”图标 43
3.2 制作“马卡龙色调”图标 58
3.3 制作彩虹图标动态效果 64
3.4 制作暖色调“皮包”图标 66
第4章 不同材质效果的图标制作 101
4.1 制作玻璃材质的“玉镯”图标 101
4.2 制作“木质音箱”图标 107
4.3 制作不锈钢材质“口哨”图标 119
4.4 制作钢铁材质“蒸汽朋克”风格图标 131
第5章 基于用户角色制作UI图标 141
5.1 面向低龄用户的“小熊”图标 141
5.2 面向女性用户的“口红”图标 149
5.3 面向男性用户的“拉丝钟表”图标 153
第6章 制作拟物化风格UI图标 162
6.1 制作一个“复古电视机”图标 162
6.2 “复古电视机”图标动态效果制作 175
6.3 制作“照相机”图标 178
6.4 “照相机”图标动态效果制作 183
6.5 制作“打印机”图标 185
6.6 “打印机”图标动态效果制作 203