关于icon图标
制作图标前应该了解的图标知识
了解一下图标
1.什么是图标
图标就是一个符号，一个代表某个对象的符号，一个象征性的符号。意思是{相 像,形象}。
2.图标很重要
图标快速的传达信息。
它能帮助我们快速定位，找到需要的东西。
图标连接着整个世界，是视觉语言，发挥着指示作用。
3.图标的基本知识
图标的两种类型：通常相像图标和表意图标组合使用。
象形图标是通过其相似性或对物理对象的引用来传达含义的符号，例如飞机图像形意味着机场。
表意图标通常表意文字是基本形状，例如加减乘除等号这些表意符号。
4.图标的风格-6中常见图标风格。
线性图标、填充图标、单色图标、扁平化图标、手绘风格图标、拟物化图标。
5.图标的尺寸和属性
图标遵循整套统一，运用网格规范。
通常尺寸：16×16 24×24 32×32 48×48 64×64 96×96 128×128 256×256 512×512
6.图标的统一性
坚持一种风格制作所有图标
在图标结构上保持相同，如相同的圆角、边框、粗细
尺寸统一，这里注意圆形、方形、三角形的视觉平衡。
使用网格，保持图标尺寸统一
使用相同的元素
使用相同的配色
总的来说就是风格统一、结构统一、尺寸统一、元素统一、配色统一。
使用图标的理由
1.提升用户对信息和数据的感知速度
2.通过视觉化的图像来提升用户对于各种元素的记忆性
3.通过视觉引导提升导航的便捷度
4.无需过长的文字说明，更加节省界面和屏幕空间
5.支持文案和内容，以视觉的方式传递信息
6.强化设计感，与界面样式保持协调
值得思考的因素
1.目标受众（能力、年龄、文化背景、教育水平等）
2.典型用户的阅读水平
3.产品的使用环境
4.产品在全球或者地区的推广和普及程度
5.所用图标和图形本身的识别度
6.所用图标和图形让人分心或者集中注意力的程度
图标应传达的含义
1.容易辨识-使用5秒钟规则
2.对于带有标签的图标88%
3.对于没有标签的图标 60%
4.文本标签应该始终保持可见-不可有交互才能见
5.使用图标的触控面积48×48dp 触控目标之间有有效间距。
6.在Android和ios,不要跨平台使用图标。
7.测试图标的可识别性。
8.测试图标的可记忆性。
功能图标和应用图标不一样
1.icon在页面中通常都是比较安静的存在
2.icon通常成群结队，彼此之间有统一性
3.在APP中，功能图标大致分为两种：
可点击的按钮图标和不可点击的展示图标 建议尺寸：24×24px、 32×32px
4.按钮图标可点击，常用于导航栏、标签栏、操作栏 建议尺寸：48×48px、64×64px
5.方寸之间：开始画图标之前，采用图标参考线
苹果最大图标尺寸1024×1024px 通常图标为48×48px
6.图标沟图不能太满，画面四周要有留白
7.方向图标尺寸显大，要比圆形图标缩小一些，来达到视觉上的统一
8.不规则图标：对参考线进行调整，用蓝色矩形做一个图标范围，横竖倾斜都在范围内
9.通常，底部标签图标的尺寸是48×48px。
品牌基因做图标法
1.什么是品牌基因
品牌包括了理念、视觉、行为三个部分，简单来说品牌基因是一个符号
一句话总结：品牌基因（视觉层面）就是通过一件事物提取出一个（或一组）视觉符号。
2.提取品牌基因
可以观察品牌logo、辅助图形、设计来源等元素，提取符号、特征。
3.如何将提取的品牌基因注入到图标设计中
用提取的视觉符号进行复制、旋转、叠加、布尔运算、增加风格、特色绘制出成型图标
4.图标制作过程中需要注意的事项
a.避免过于生硬结合—
b.制定好断线以及粗细规范。
例子：绘制50×50px 定描边2px 定断线10px、定断线位置。保证输出的图标统一、规范。
5.图标的特征不要太多
正常来说有1-2个特性就可以了，不然图标显得过于繁琐。
三个属性：圆角、双色、断线。
图标不要
图标是借助隐喻和联想来同用户沟通的，如果它的形象或暗示的操作不能让用户立刻明白，
那么图标就不具备良好的可以性。
1.不要使用抽象的图标设计，因为抽象的图标设计很少能够正常工作。
用户很难依靠以往的经验来弄明白图标背后的含义，ios游戏中心的图标设计就是一个反例。
而安全的设计思路是使用用户能够一眼分辨得出来的形象，让用户容易识别。
2.尽力做到极简
删除图标中不必要的装饰和冗余的内容。
不要在APP的图标中包含APP的名称，因为app的下方已经有文字名称
不要在APP的图标中包含过度图像细节，因为这么小的尺寸，看不到。
不要包含照片和屏幕截图。
不要使用3D透视图，因为3D透视和阴影在小图标上难于辨认。
3.在不投背景下测试你所设计的APP图标
不要让图标与背景融为一体。
不要使用透明的图标背景。
