有時候覺得做的圖標有點奇怪,但又不知道哪里奇怪,今天就來分析兩個原理,看看有誰中招了!

親密性

排版有四大原則,其中有很重要的一項就是親密性,舉個簡單的例子,下圖灰色是背景卡片,白色是信息內(nèi)容:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

按照親密性原則,信息內(nèi)容應該是一個整體,他們之間的關(guān)系更加親密,所以它們之間的內(nèi)間距(藍色),應該是小于它們與卡片的外間距(紅色):

既能用于排版還能用在圖標的兩個小技巧,快來收下!

如果,我們把間距顛倒,效果就會變成這樣:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

是不是有點奇怪!

其實在做圖標的時候,有時也會用到這個知識點,比如之前看到一位星友做的刪除圖標,效果如下:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

中間的兩條豎線應該是內(nèi)部內(nèi)容,它們的內(nèi)間距就應該小于外間距:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

當然,這個間距相同也是 ok 的,咱們就別把內(nèi)間距大于外間距,然后大的太離譜就好。

如果這個案例不夠明顯,咱們再整一個更明顯的,我們在做“筆記本“、“目錄“圖標的時候,有時候會做成一個矩形,然后里面加幾條線:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

這幾條線的內(nèi)間距是不是應該小于它們與矩形的外間距,比如這樣:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

如果間距反過來,就會成這樣:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

這回很明顯了吧!內(nèi)部東西太散,導致整體不夠精致。

其實仔細觀察,這個圖標例子和剛才那個排版的例子完全是一回事:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

一個原理,那就是——親密性!

很重要,大家一定要多多理解實踐!

密集節(jié)奏

密集節(jié)奏是我們很容易犯的錯,比如下面這個圖標的原作看起來密集節(jié)奏就比較和諧:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

但是當星友臨摹后,效果如下:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

我們拋開飽滿度不談,就在密集度這一塊,這個地方離的太近:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

導致那里過于密集,兩條線快合二為一了。

再比如,下面這圖標,我們先看臨摹效果:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

是不是這兩個地方都太密集了:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

也是線條快合二為一了,我們再看看原作:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

人家這節(jié)奏感就好很多。

再舉個例子,這組圖標:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

整體臨摹優(yōu)化的還不錯,但是就是有一個比較突兀,就是它:

既能用于排版還能用在圖標的兩個小技巧,快來收下!

我不說,大家應該也都能看出來了,燈泡下面那里太密集了,其他地方都舒服,只有那里有點難受。

這就是大家經(jīng)常犯的一個密集節(jié)奏的問題,大家多多注意。

好了,今天就這么多,大家可以好好消化下,盡量避坑!

歡迎關(guān)注作者的微信公眾號:「菜心設(shè)計鋪」

既能用于排版還能用在圖標的兩個小技巧,快來收下!

收藏 69
點贊 36

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。