咨询电话:
15628812133
21
2025/06

用一个简单的小案例,告诉大家什么是设计的节奏感

发布时间:2025-06-21 14:54:29
发布者:guokai
浏览量:
0

节奏感这个词大家肯定都不陌生,是指客观事物(包括人的生命和社会生活)和艺术形象中合规律的周期性变化的运动形式引起的审美感受。但是在设计中,节奏感指的是通过元素的重复、交替、排列等方式,形成一种视觉上的节奏感和规律性。

在图标设计中,节奏感主要部分就是长短、粗细、大小等方面的节奏。

举个栗子:

宽:间距 = 1_1

色块的宽度是 100px,每个色块中间的宽度也是100px,看起来是不是很平均?而下图就不一样了:

宽:间距 = 2_1

色块的宽度还是100px,但是间距改为了50px,与第一张图比起来,显得更加紧凑,更加具有节奏感。

其实对于设计师来说,想要吸引用户,就需要让设计去刺激用户的视觉和听觉,才能让用户注意到你的设计而节奏感恰恰是最能够达到这个要求的。

粗细的节奏

我们用图标来举个例子:

粗白色矩形间距

画4个宽度是19px的矩形,中间间隔3px,这样宽度和间隔两者之间就形成了一定的对比、节奏感,让图标看起来顺眼许多。

试着将矩形宽度和间隔改为相同看看:

细白色矩形间距

中间间隔比较大,看起来就有点散了,就没有那种紧凑的节奏感了。

我们再来看下另一个例子:

宽和间距相等:宽和间距不同

这是两组“更多”的图标样式,第一种采用了宽度和间距等比的样式,第二种用了宽度和间距不等比的样式,单独看其中任何一个都不会有违和感,但是将两者放一块比较,明显右边的更加符合用户的视觉审美,右边的宽度和间距不等比的样式,反而形成了对比的节奏感,比左边的更生动一些,所以在做图标的时候,要多看多对比,才能找到更合适的样式。

长短的节奏

长短的节奏感应该是最常见的了,比如音乐,就是长短节奏,前奏的时候频率变化缓慢,到了中间歌曲高潮部分频率变化就快速起来了。

高低分布明显

比如部分手机中的语音备忘录图标,就是采用了歌曲的频率来设计的,高的线条很高,短的很短,形成对比就有了节奏感,如果线条的高度差距不明显会是什么样子呢?

高低基本一样

就会变成这种情况,没有对比,也没有设计感与美感,更别提节奏感了。

疏密的节奏

设计图标时一定要考虑图标内容和线条的疏密程度,不然就会变得很难看。

比如下面几个图标,前面几个疏密程度看上去还算可以,到最后一个就突然变得密集,与前面的几个图标格格不入:


第四个不够和谐

疏密的节奏是最重要也是最容易被忽视的一点,万一忽视了就会容易看不清问题所在,感觉图标有点不舒服,但是又说不出来; 所以这个地方一定要注意
关键词:
返回列表