UI设计——图标规范
新闻来源：优漫本站
日期：2023-05-10
在UI设计当中，图标是一个界面重要的组成部分。一套高质量的图标对产品的品牌形象和用户体验有着很大的影响，不仅可以提升界面质感及美观，降低用户理解使用成本。
UI设计——图标规范
在UI设计当中，图标是一个界面重要的组成部分。一套高质量的图标对产品的品牌形象和用户体验有着很大的影响，不仅可以提升界面质感及美观，降低用户理解使用成本。
在如今大同小异的图标中，如何设计出让一个让用户产生强大吸引力且有想点击的冲动，提升业务数据的图标，是每个设计师努力的方向。
一、图标的定义：
图标是具有高度概括性的、用于视觉信息传达的图像。图标常常可以传达出丰富的信息，并且常常和词汇、文本相互搭配使用，两者互相支撑，或隐晦或直白地共同传递出其中所包含的意义、特征、内容和信息。
二、图标设计原则：
1.、识别易读
图标的根本价值就是信息传递，帮助用户理解使用“功能”。如果图标无法传达含义，就是白扯。
2、统一性强
同一套图标要保持风格统一、线条粗细统一、夹角大小统一、视觉面积统一、颜色统一，避免用户产生疑惑。
3、图形清晰且有关联
在图标设计中，必须保证图标的简单、严谨、清晰。在次基础上应该与产品的属性和品牌有着一定的关联性，赋予图标更强品牌认知。
三、图标的分类
A、线性图标：
通过粗细线条绘制出来的一种高度概括的图标。线性图标的创作空间看似不多，但实际上有非常多的调整空间。比如：线性图标、多种粗细、描边缺口、多色描边、渐变描边、叠加描边等等。
注意在APP中的图标尺寸都不大，如果过于复杂，会影响用户对图标的识别。
B、面性图标
面性图标是即使用对内容区域进行色彩填充的图标样式。面性图标不止有纯色还有很多视觉表现类型。比如：纯面性图标、渐变色彩、透明叠加、线面混合等。
C、其他装饰类型图标
和线面图标相比较，装饰类型的图标视觉冲击力更强。比如：扁平插画图标、拟物风格图标、2.5D风格、质感图标、实物图标等
四、图标设计规范
1.图标尺寸
为了保证图标的尺寸大小一致性，我们往往会建立基础的网格尺寸来进行绘制图标，常用的网格绘制尺寸为：16、24、36、48、64、128、512、1024。这些尺寸并不是固定的，在设计中也会存在特殊的尺寸。
以常用的24x24为大家展示,网格包含2px出血位。这样可以确保图标在导出时将保留其所需的比例和周围的空白区域，同时还能够很好的平衡图标的视觉重心。
2.图标的keyline
keyline由圆形、正方形、矩形、正交、三角形和对角线组成。它可以为您提供图标集中基本形状或比例的一致大小。这使创建视觉上的稳定变得更加容易，并有助于在设计相似比例的图标时有共同的参考准则。
图标规范源文件，如果有需要的后台回复：“图标规范”
3、图标的命名
图标的命名要求较为严格，涉及到我们切图给开发，所以我们命名争取做对，且需严格遵守规则，正确的命名原则：类型_位置_功能_状态_大小
五、总结
图标设计师一个设计师必备的能力，好的图标不仅可以高效的帮助用户解决问题，还能帮助产品和品牌形成差异化。我们需要清楚的明白图标是什么？在界面中充当什么角色？在了解背景信息的前提下进行有效的设计，切勿追求“视觉”和“炫技”。
优漫动游UI设计培训班从0基础开始教起，让每一个零基础的学员，都能够通过全面系统学会这套完整专业UI设计课程，掌握最新的UI设计技能，课程90%以高级实战案例教学为主，让零基础的学员学完全套UI课程后，直接就可以入职大互联网公司上班。
如果你现在是零基础或想转行学好UI设计，最好的学习方式就是报班进行全面系统培训学习，不用走弯路，可以快速的学到高级的UI设计实战技能，从此不用求苦逼自学，选择大于努力，选择好的学习方式比努力更重要。
