项目11 图标设计

项目引入：图标设计是UI设计中重要的组成部分，可以帮助用户更好地理解产品的功能，是营造产品用户体验的关键一环。本项目以多个图标设计为例，讲解图标的设计方法和制作技巧。项目11图标设计项目目标了解图标的概念。掌握图标的的类型和设计风格。技能目标掌握“扁平风格旅行箱图标”的绘制方法。掌握“拟物风格时钟图标”的绘制方法。素质目标培养对图标的设计创意能力。培养对图标的审美与鉴赏能力。相关知识——图标设计概述图标的概念插图的类型图标的设计风格相关知识——图标设计概述1．图标的概念图标（ICON）是具有明确指代含义的图形。通过将某个词语或概念设计成形象易辨的图形，进而降低用户的理解成本、提高设计的整体美观度。2．图标的类型产品图标是体现产品品牌调性和特性的图标，该类图标通常出现在电脑桌面、手机桌面以及App应用市场等综合场景。功能图标是图形化的符号，具有明确功能，该类图标通常出现在界面中的导航栏以及标签栏等需要用户进行操作的界面模块。装饰图标用于提升渲染气氛，更多的是承担视觉性作用，该类图标通常出现在引导页、空状态、弹窗、404页等页面进行内容点缀。相关知识——图标设计概述3．图标的设计风格拟物化风格的图标贴近现实，带有渐变、高光、阴影等效果，iOS6时代拟物风格到达了流行的巅峰，现常用于工具类、游戏类应用图标。扁平风格图标与拟物风格图标相反，很少有渐变、高光、阴影等效果，自2013年IOS7推出扁平风格成为了设计的主流趋势，现被广泛运用。3D风格的图标立体有层次，由若干个几何多边体构成，其制作软件通常为3DMax和C4D，常用于游戏中。2.5D风格的图标是由物体的正面、光面和暗面三面组成，模拟3D，常用于引导页、空状态、弹窗。任务11.1.绘制扁平化风格旅行箱图标任务分析任务效果任务制作11.1.1任务分析任务将使用“首选项”对话框设置键盘增量、单位和网格线间隔；使用“打开”命令打开网格系统；使用“矩形”工具、“变换”面板、“剪刀”工具、“圆角矩形”工具和“椭圆”工具绘制旅行箱箱体及滚轮；使用“轮廓化描边”命令、“路径查找器”命令合并旅行箱箱体。11.1.2任务效果绘制旅行箱箱体

制作旅行箱滚轮

最终效果任务11.2绘制拟物风格时钟图标

任务分析任务效果任务制作任务11.2.1任务分析

本任务将使用“椭圆”工具、“路径查找器”命令和“投影”命令绘制表盘；使用“圆角矩形”工具、“矩形”工具、“剪切蒙版”命令、“椭圆”工具、“渐变”工具和“投影”命令绘制指针和刻度；使用“钢笔”工具和“渐变”工具制作投影。任务11.2.2任务效果

绘制时钟表盘和指针

绘制时钟表芯和刻度

最终效果项目实践1——绘制扁平风格家电图标

本使用“圆角矩形”工具、“描边”面板、“椭圆”工具、“矩形”工具和“变换”面板绘制洗衣机外形和功能按钮；使用“椭圆”工具、“直线段”工具和“描边”面板绘制洗衣机滚筒。效果图项目实践2——绘制拟物风格相机图标使用“椭圆”工具、“渐变”工具和“缩放”命令绘制变焦镜头；使用“投影”命令为图形添加投影效果；使用“不透明度”选项制作叠加效果。效果图课后习题1——绘制扁平风格画板图标使用“钢笔”工具、“椭圆”工具、“渐变”工具、“投影”命令和“高斯模糊”命令绘制颜料盘；使用“钢笔”工具、“矩形”工具、“变换”面板、“不透明度”选项和“投影”命令绘制画笔；使用“钢笔”工具和“渐变”工具制作投影。效果图课后习题2——绘制扁平风格记事本图标使用“椭圆”工具、“投影”命令、“矩形”工具、“圆角矩形”工具、“