节奏感这个词大家肯定都不陌生,是指客观事物(包括人的生命和社会生活)和艺术形象中合规律的周期性变化的运动形式引起的审美感受。但是在设计中,节奏感指的是通过元素的重复、交替、排列等方式,形成一种视觉上的节奏感和规律性。
在图标设计中,节奏感主要部分就是长短、粗细、大小等方面的节奏。
举个栗子:
色块的宽度是 100px,每个色块中间的宽度也是100px,看起来是不是很平均?而下图就不一样了:
色块的宽度还是100px,但是间距改为了50px,与第一张图比起来,显得更加紧凑,更加具有节奏感。
其实对于设计师来说,想要吸引用户,就需要让设计去刺激用户的视觉和听觉,才能让用户注意到你的设计而节奏感恰恰是最能够达到这个要求的。
粗细的节奏
我们用图标来举个例子:
画4个宽度是19px的矩形,中间间隔3px,这样宽度和间隔两者之间就形成了一定的对比、节奏感,让图标看起来顺眼许多。
试着将矩形宽度和间隔改为相同看看:
中间间隔比较大,看起来就有点散了,就没有那种紧凑的节奏感了。
我们再来看下另一个例子:
这是两组“更多”的图标样式,第一种采用了宽度和间距等比的样式,第二种用了宽度和间距不等比的样式,单独看其中任何一个都不会有违和感,但是将两者放一块比较,明显右边的更加符合用户的视觉审美,右边的宽度和间距不等比的样式,反而形成了对比的节奏感,比左边的更生动一些,所以在做图标的时候,要多看多对比,才能找到更合适的样式。
长短的节奏
长短的节奏感应该是最常见的了,比如音乐,就是长短节奏,前奏的时候频率变化缓慢,到了中间歌曲高潮部分频率变化就快速起来了。
比如部分手机中的语音备忘录图标,就是采用了歌曲的频率来设计的,高的线条很高,短的很短,形成对比就有了节奏感,如果线条的高度差距不明显会是什么样子呢?
就会变成这种情况,没有对比,也没有设计感与美感,更别提节奏感了。
疏密的节奏
设计图标时一定要考虑图标内容和线条的疏密程度,不然就会变得很难看。
比如下面几个图标,前面几个疏密程度看上去还算可以,到最后一个就突然变得密集,与前面的几个图标格格不入: