020-29815005
预约专线时间:09:00-23:59

优秀图标设计的三个特征

新闻来源:本站 日期:2021-07-23
优秀的图标设计会在基本框架、一致性和识别性这三个方面做到审慎和条理清楚。当设计一个新的图标集时,应该从整体(即框架)逐步进入到细节(识别度),迭代优化。即使只是创建一个图标,这三个方面也适用。
    当然,优秀的图标设计还包含很多其他特性,只是从这三个方面出发比较合适。

    基本框架

    框架是一个图标的基础结构。如果忽略图标的细节处理,沿着主要形状勾线,是不是会出现一个正方形/圆形/矩形/三角形或其他的基本图形?主要的基本几何形状(圆形、方形和三角形)构成了图标视觉稳定的基础。例如KemBardly的柯基犬图标,狗的头部是由两个三角形和两个椭圆组成的。

    一开始只需要描绘出最大的最简单的形状,然后再添加更多的细节——就像作画的步骤,也是先画简单的形状,然后逐步细化。切记,做图标时只要增加能够传达概念的细节即可。

    图中的主要线条显示出构成设计基本框架的基本几何形状

    美学一致性

    美学一致性指的是一个图标中内含的共同元素,或者同一个图标集中统一使用的视觉元素。例如圆角/方角,圆角的尺寸(2px/4px/…)、线宽(2px/4px)、样式(平面/线形/填充线型/立体的)、配色等等。这些设计元素在整个图标或图标集中重复出现,可以在视觉上让它们呈现为一个有关联性的整体。

    在下面的例子中可以看出,Kem的图标集有一些共同的要素:2px的圆角不断出现在狗狗面部的各种元素上,以及三条狗狗都拥有的心形的鼻子。


图标设计


    可识别性

    可识别性指一个图标的本质特性,或使这个图标独特的地方。图标是否有用,最终取决于观看者是否能够轻松地领会它所描绘的对象、想法或动作。要做到可识别,可以让图标展示观察者通常能够关联的特征,也可以让图标拥有一些特殊、独特的视觉元素,例如心形的鼻子。

    在下图中,我们能认出两只狗分别是柯基犬和哈士奇,因为它们各自有其独特的颜色、头形和耳朵;同时也认为他们是同一组图标,因为它们有共同的的设计风格和元素。

    到目前为止,我们已经看过了有效的图标设计的三个主要属性。在下文中,我将深入探讨能解决这三个方面的具体六个步骤。