節(jié)奏感這個詞大家肯定都不陌生，是指客觀事物（包括人的生命和社會生活）和藝術(shù)形象中合規(guī)律的周期性變化的運(yùn)動形式引起的審美感受。但是在設(shè)計(jì)中，節(jié)奏感指的是通過元素的重復(fù)、交替、排列等方式，形成一種視覺上的節(jié)奏感和規(guī)律性。

在圖標(biāo)設(shè)計(jì)中，節(jié)奏感主要部分就是長短、粗細(xì)、大小等方面的節(jié)奏。

舉個栗子：

色塊的寬度是 100px，每個色塊中間的寬度也是100px，看起來是不是很平均？而下圖就不一樣了：

色塊的寬度還是100px，但是間距改為了50px，與第一張圖比起來，顯得更加緊湊，更加具有節(jié)奏感。

其實(shí)對于設(shè)計(jì)師來說，想要吸引用戶，就需要讓設(shè)計(jì)去刺激用戶的視覺和聽覺，才能讓用戶注意到你的設(shè)計(jì)而節(jié)奏感恰恰是最能夠達(dá)到這個要求的。

粗細(xì)的節(jié)奏

我們用圖標(biāo)來舉個例子：

畫4個寬度是19px的矩形，中間間隔3px，這樣寬度和間隔兩者之間就形成了一定的對比、節(jié)奏感，讓圖標(biāo)看起來順眼許多。

試著將矩形寬度和間隔改為相同看看：

中間間隔比較大，看起來就有點(diǎn)散了，就沒有那種緊湊的節(jié)奏感了。

我們再來看下另一個例子：

這是兩組“更多”的圖標(biāo)樣式，第一種采用了寬度和間距等比的樣式，第二種用了寬度和間距不等比的樣式，單獨(dú)看其中任何一個都不會有違和感，但是將兩者放一塊比較，明顯右邊的更加符合用戶的視覺審美，右邊的寬度和間距不等比的樣式，反而形成了對比的節(jié)奏感，比左邊的更生動一些，所以在做圖標(biāo)的時候，要多看多對比，才能找到更合適的樣式。

長短的節(jié)奏

長短的節(jié)奏感應(yīng)該是最常見的了，比如音樂，就是長短節(jié)奏，前奏的時候頻率變化緩慢，到了中間歌曲高潮部分頻率變化就快速起來了。

比如部分手機(jī)中的語音備忘錄圖標(biāo)，就是采用了歌曲的頻率來設(shè)計(jì)的，高的線條很高，短的很短，形成對比就有了節(jié)奏感，如果線條的高度差距不明顯會是什么樣子呢？

就會變成這種情況，沒有對比，也沒有設(shè)計(jì)感與美感，更別提節(jié)奏感了。

疏密的節(jié)奏

設(shè)計(jì)圖標(biāo)時一定要考慮圖標(biāo)內(nèi)容和線條的疏密程度，不然就會變得很難看。

比如下面幾個圖標(biāo)，前面幾個疏密程度看上去還算可以，到最后一個就突然變得密集，與前面的幾個圖標(biāo)格格不入：