關于“節奏感”這個詞，大家應該經常聽說，不論是音樂，還是畫面的設計，我們都喜歡用“要有節奏感”來形容，最近我發現圖標設計也需要“節奏感”。

今天的大綱如下：

• 什么是節奏感
• 粗細的節奏感
• 長短的節奏感
• 疏密的節奏感
• 總結

什么是節奏感

其實節奏感有很多種，比如大小的節奏，粗細的節奏，長短的節奏等等

舉個例子：

這張圖片，色塊的寬度是 100px，而色塊之間的間距也是 100px，這就使得整個畫面很平均，沒有節奏感！

而下圖就不一樣了：

色塊的寬度是 100px，但色塊之間的間距變成了 50px，這就使得整個畫面增加了一些節奏，變得稍微活潑一些。

其實不論人的視覺還是聽覺，都一樣，都需要刺激，而節奏感就能達到刺激的效果，接下來我們就用實際案例看看，圖標設計是如何利用這個設計細節的！

粗細的節奏感

在實際的圖標設計上面，這個知識點是如何運用的呢？

我們來舉個例子，如下圖：

我們可以看出來，白色矩形的寬度是 19px，而白色矩形之間的間距是 3px，二者形成一定的對比、節奏感，使整個圖標看著舒服很多。

那如果兩個粗細一樣會是什么感覺呢？看下圖：

是不是平庸很多，而且圖標看著很散。

再看個例子，我們看下圖：

左面的是國內一個知名 app 內的“更多”圖標，右面是谷歌 inbox 內的“更多”圖標，也不能說誰好誰壞，我們只能說客觀來講，右邊的間距符合“節奏感”的規律，如果是我來執行這個圖標，我會用右邊的方法來做，讓線條粗細和線條間距不一樣，形成對比、節奏感。

但是，我們也不能拿幾個例子就覆蓋所有場景，還是得具體情況具體分析哈。

長短的節奏感

長短的節奏感大家應該最熟悉，我們在看聽音樂的時候，前面的音樂一半都很平，頻率變化的就會很緩慢，一道高潮部分，變化就會很大，很有節奏感了。

例如蘋果手機中的語音備忘錄圖標：

高的線條很高，短的線條又很短，形成很強節奏感，如果二者區分不明顯會是什么樣子呢？

對，就是下面這樣：

看起來對比不夠，總感覺沒伸展開，沒有美感與設計感，也就是沒做到位！

疏密的節奏感

圖標疏密也一定要有節奏感，而且很重要，不然真的會很難看。

比如下面這幾個從網上找到的圖標，其他幾個疏密的變化都還比較舒服，突然第四個中下部那里就比較擁擠，導致疏密的節奏感不夠和諧統一：

疏密的節奏感是比較容易被大家忽視的，一旦忽視，就會看不清問題，總感覺整體不夠舒服，但是又不知道問題出在哪里，所以這個點一定要重視。

總結

當知道這種節奏、對比的原理之后，我們會發現，很多圖標的設計當中有含有這個原理，隨便舉個最簡單的例子，比如手機導航欄上面的這兩個圖標：

都會多少帶有節奏感的知識點，大家可以多多觀察，發現更多新的感悟，互相交流。

歡迎關注作者的微信公眾號：「菜心設計鋪」