Icon设计有多难?1000字也写不完

Icon设计有多难?1000字也写不完
  • 分享到微信朋友圈
  • Copied

对于普通用户来说,图标是陌生而又熟悉的。每天打开手机的微信或者微博时,都会点击应用图标,完成点赞、留言和转发这些简单的操作也需要点击对应的图标。

或许你认为图标只是一个灰色的小方块,但是在设计师的眼中,图标设计真的不简单,不信你看下面这些规则👇👇👇

 

  • 使用固定的图标设计模板

 

在模糊显示的情况下,图标可以近似地看成一个几何图形,如横向矩形、纵向矩形、对角线矩形、三角形或者圆形和正方形。从下图可以看出,这些图形具有相同的视觉权重。

Icon设计有多难?1000字也写不完

设计师确定了图标设计的基本形状后就可以将其固定在图标设计模板中,在保证高清晰度的情况下,使用1024x1024px的大小绘制标准图标。

Icon设计有多难?1000字也写不完

不过也需要注意,这样的图标设计模板是帮助设计师更好地绘制图标的细节或者路径,并非是限制创造力。如果有突出边框的设计需要,自然应该让这些元素突出。

 

  • 使用像素网格

 

为了保证图标在电子屏幕上的清晰度,设计师必须要使用像素网格辅助设计,并且优先考虑使用2px 的线条作为图标边框。

Icon设计有多难?1000字也写不完

2px的边框能够使图标具有足够的厚度和清晰的轮廓,1px的边框适用于图标内部的边框或者线条。另外,还需要根据像素网格来设置对角线的起点和终点,确保图标可以适应像素网格。

 

  • 保留一定的细节

 

图标设计固然要符号清晰和简单的原则,去繁从简,删除所有不利于传递图标信息的元素,但是太简单的和没有设计感的图标也会没有视觉吸引力。

Icon设计有多难?1000字也写不完

设计师在开始绘制图标集时,最好从最复杂的图标开始着手。只要定义好最复杂图标的细节保留程度后,其他图标的设计就会变得简单许多,整体看起来也会更加协调一致。

当图标的详细程度不同时,更详细更拟物化的图标对用户的吸引力将会更大,视觉上的量感更重。

 

  • 控制最小间距

 

在图标集设计中,图标的相邻元素之间距离不应该太小或者不一致。设计师需要设定图标的最小间距,保证任意两种元素之间都是这样的大小,以免图标轮廓重叠。

Icon设计有多难?1000字也写不完

对于线条型图标来说,最好使得最小间距等于线条粗细,这样线条就可以准确地隔开,而且线条的连接也应该非常精确。

Icon设计有多难?1000字也写不完

 

  • 删除图标中重复部分

 

在图标集中,设计师在设计不同图标时很有可能设计了重复的部分。比如说在设计邮件主题的图标时,可能会在每一个图标背景上都加上信封元素,这样的设计就是多余的。如果用户意思到自己正在操作什么软件,就不需要再使用图标来提示了。

Icon设计有多难?1000字也写不完

多余的设计反而会转移用户的注意力,信息越少,用户就会越集中在主要内容上。这一条设计规则也很适用于图标的装饰设计,比如边框、背景和文字等。

 

  • 统一图标的风格

 

图标设计有很多种风格,比如说线型图标、MBE风图标、扁平化图标、拟物化图标等等。如果选择了某一种设计风格,那么图标集内的所有图标都应该遵循这个风格的设计原则,这样图标集给人的视觉感受是非常规整的。

Icon设计有多难?1000字也写不完

另外,还是需要注意所有图标的大小是否一致,可以使用正方形或者圆形来对比图标,看视觉重量的差异,看线条粗细、边角圆滑程度和色彩以及细节是否符合整个设计的风格。

Icon设计有多难?1000字也写不完

一口气看了这么多文字,是不是觉得icon设计太难了。

想要免费的、可商用的icon设计素材吗?

Canva提供了海量免费的icon图标设计素材,还有海报、PPT等几十种设计模板,以及百种中文字体和千万版权图片等设计素材。

只要是在Canva上做设计,且你的设计素材全部来自Canva素材库,那么你的作品就完全不用担心有侵权风险,可以商业使用。戳下方图片即刻开始你的创作👇👇👇

 

注册Canva

 

 

 

 

图片来源:Icons8、Slava Shestopalov

6万免费模板,千万版权素材,在线作图神器。