節(jié)奏感這個(gè)詞大家肯定都不陌生，是指客觀事物（包括人的生命和社會(huì)生活）和藝術(shù)形象中合規(guī)律的周期性變化的運(yùn)動(dòng)形式引起的審美感受。但是在設(shè)計(jì)中，節(jié)奏感指的是通過(guò)元素的重復(fù)、交替、排列等方式，形成一種視覺上的節(jié)奏感和規(guī)律性。
在圖標(biāo)設(shè)計(jì)中，節(jié)奏感主要部分就是長(zhǎng)短、粗細(xì)、大小等方面的節(jié)奏。
舉個(gè)栗子：
色塊的寬度是 100px，每個(gè)色塊中間的寬度也是100px，看起來(lái)是不是很平均？而下圖就不一樣了：
色塊的寬度還是100px，但是間距改為了50px，與第一張圖比起來(lái)，顯得更加緊湊，更加具有節(jié)奏感。
其實(shí)對(duì)于設(shè)計(jì)師來(lái)說(shuō)，想要吸引用戶，就需要讓設(shè)計(jì)去刺激用戶的視覺和聽覺，才能讓用戶注意到你的設(shè)計(jì)而節(jié)奏感恰恰是最能夠達(dá)到這個(gè)要求的。
粗細(xì)的節(jié)奏
我們用圖標(biāo)來(lái)舉個(gè)例子：
畫4個(gè)寬度是19px的矩形，中間間隔3px，這樣寬度和間隔兩者之間就形成了一定的對(duì)比、節(jié)奏感，讓圖標(biāo)看起來(lái)順眼許多。
試著將矩形寬度和間隔改為相同看看：
中間間隔比較大，看起來(lái)就有點(diǎn)散了，就沒有那種緊湊的節(jié)奏感了。
我們?cè)賮?lái)看下另一個(gè)例子：
這是兩組“更多”的圖標(biāo)樣式，第一種采用了寬度和間距等比的樣式，第二種用了寬度和間距不等比的樣式，單獨(dú)看其中任何一個(gè)都不會(huì)有違和感，但是將兩者放一塊比較，明顯右邊的更加符合用戶的視覺審美，右邊的寬度和間距不等比的樣式，反而形成了對(duì)比的節(jié)奏感，比左邊的更生動(dòng)一些，所以在做圖標(biāo)的時(shí)候，要多看多對(duì)比，才能找到更合適的樣式。
長(zhǎng)短的節(jié)奏
長(zhǎng)短的節(jié)奏感應(yīng)該是最常見的了，比如音樂(lè)，就是長(zhǎng)短節(jié)奏，前奏的時(shí)候頻率變化緩慢，到了中間歌曲高潮部分頻率變化就快速起來(lái)了。
比如部分手機(jī)中的語(yǔ)音備忘錄圖標(biāo)，就是采用了歌曲的頻率來(lái)設(shè)計(jì)的，高的線條很高，短的很短，形成對(duì)比就有了節(jié)奏感，如果線條的高度差距不明顯會(huì)是什么樣子呢？
就會(huì)變成這種情況，沒有對(duì)比，也沒有設(shè)計(jì)感與美感，更別提節(jié)奏感了。
疏密的節(jié)奏
設(shè)計(jì)圖標(biāo)時(shí)一定要考慮圖標(biāo)內(nèi)容和線條的疏密程度，不然就會(huì)變得很難看。
比如下面幾個(gè)圖標(biāo)，前面幾個(gè)疏密程度看上去還算可以，到最后一個(gè)就突然變得密集，與前面的幾個(gè)圖標(biāo)格格不入：
