搜档网
当前位置:搜档网 › UI设计中的图标规范

UI设计中的图标规范

UI设计中的图标规范
UI设计中的图标规范

没有规矩,不成方圆。UI设计也不例外,具有设计规范,系统建议的规范可以让我们设计具有统一性,界面视觉更美观。想要高效顺畅地完成设计任务,就必须遵守UI设计的规范。今天带来的是图标的设计规范。

很多设计师以为UI设计就是设计图标。虽然事实并非如此,但图标的设计在整个UI 设计中是比较基础的一个环节。

图标与品牌标志一样,在设计时都需要做适当的减法,应该尽量用简约的线条去表达其含义,应该尽量避免出现线条结构过于复杂的设计,而且整体的图标都需要保持风格一致,例如图标的线条粗细、边角弧度、图标高度宽度比例、风格等等。

特别是对于新人,所以大家一起来看看图标设计的规范吧:

1.像素对齐

需要严格的做到像素对齐,尤其是在做较小尺寸的图标时,如果不严格的遵循像素对齐,那最终的显示效果就会出现问题。

2.多用布尔运算

在做图标的时候,能用基本图形进行布尔运算的时候,尽量不要使用钢笔,这样做的好处有如下几点:

让你的图标更加规范

对图形结构理解更加深刻

后期更改形状更加方便

3.独特的风格

在做系列图标的时候,一定要在前期给图标设定一个风格及原则,使之看起来与众不同。

在这里值得一提就是,我们在做线性图标时,一定要保证描边粗细相同、圆角相同,如果这些基础的规则都没有遵循,那也就谈不上风格的统一、创新了。

4.视觉大小统一

在进行图标设计的时候,我们会使用栅格辅助线来帮助我们更加严格谨慎,但一定不要被辅助线困住,学会灵活运用,保持视觉上的大小统一。

5.标注规范

如何把标注的思路整理清晰——结构化思维进行拆解,将大问题拆解成小问题,逐一击破!

标注主要是以下四种不同属性的内容:尺寸、文字、间距、颜色。

在进行标注时,首先去除导航栏和标签栏,因为这些控件通用性非常强,需要单独拿出来进行统一标注,这里我们只对内容区来进行标注示例。

新时代下,设计企业的核心是知识产权。一切创意设计IP化,一切IP商用化。对此,汇桔网重磅推出资源商伙伴计划,并重点打造大设计专区,探索创意设计的IP运营路径,

不断推动设计与知识产权的融合与运用。

相关主题