图标栅格线模板-UI设计图标规范

UI设计图标规范

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

图标和品牌标志一样,在设计时需要适当删减。 应使用简单的线条来表达其含义。 尽量避免线条结构过于复杂的设计,整体图标需要保持风格一致。 例如图标的线条粗细、拐角曲率、图标高宽比、样式等。

图标模板线栅格怎么弄_图标栅格线模板_图标设计的栅格规范

特别是对于新手来说,我们先来看看图标设计的规范:

1. 像素对齐

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

图标栅格线模板_图标模板线栅格怎么弄_图标设计的栅格规范

2. 多使用布尔运算

制作图标时,能用基本图形进行布尔运算的时候尽量不要使用笔。 这样做的好处如下:

让你的图标更加标准化

对图形结构有更深入的了解

以后改变形状更容易

图标模板线栅格怎么弄_图标设计的栅格规范_图标栅格线模板

3、风格独特

在制作一系列图标的时候,一定要在前期给图标设定一个风格和原则,让它看起来独一无二。

这里值得一提的是,我们在制作线性图标时,一定要添加相同的笔画粗细和相同的圆角。 如果不遵循这些基本规则,就没有风格上的统一和创新。

图标设计的栅格规范_图标栅格线模板_图标模板线栅格怎么弄

4、视觉尺寸均匀性

在设计图标时图标栅格线模板,我们会使用网格辅助线来帮助我们更加严格和谨慎,但我们一定不要被辅助线所困,学会灵活使用它们,保持视觉尺寸的统一。

在当今的APP设计环境下,一些APP设计专家一直强调设计师必须具备品牌意识。 那么,在图标的设计中,我们还必须强调“品牌化”。 简单来说图标栅格线模板,就是将品牌中抽象的概念转化为具体的图形,将品牌的主次色运用到图标设计中。 同时建议大家每周完成一个主题作品,以提高自己的UI设计能力。