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