2021-4-28 seo達(dá)人
有時(shí)候覺(jué)得做的圖標(biāo)有點(diǎn)奇怪，但又不知道哪里奇怪，今天就來(lái)分析兩個(gè)原理，看看有誰(shuí)中招了！
排版有四大原則，其中有很重要的一項(xiàng)就是親密性，舉個(gè)簡(jiǎn)單的例子，下圖灰色是背景卡片，白色是信息內(nèi)容：
按照親密性原則，信息內(nèi)容應(yīng)該是一個(gè)整體，他們之間的關(guān)系更加親密，所以它們之間的內(nèi)間距（藍(lán)色），應(yīng)該是小于它們與卡片的外間距（紅色）：
如果，我們把間距顛倒，效果就會(huì)變成這樣：
是不是有點(diǎn)奇怪！
其實(shí)在做圖標(biāo)的時(shí)候，有時(shí)也會(huì)用到這個(gè)知識(shí)點(diǎn)，比如之前看到一位星友做的刪除圖標(biāo)，效果如下：
中間的兩條豎線應(yīng)該是內(nèi)部?jī)?nèi)容，它們的內(nèi)間距就應(yīng)該小于外間距：
當(dāng)然，這個(gè)間距相同也是 ok 的，咱們就別把內(nèi)間距大于外間距，然后大的太離譜就好。
如果這個(gè)案例不夠明顯，咱們?cè)僬粋€(gè)更明顯的，我們?cè)谧觥肮P記本“、“目錄“圖標(biāo)的時(shí)候，有時(shí)候會(huì)做成一個(gè)矩形，然后里面加幾條線：
這幾條線的內(nèi)間距是不是應(yīng)該小于它們與矩形的外間距，比如這樣：
如果間距反過(guò)來(lái)，就會(huì)成這樣：
這回很明顯了吧！內(nèi)部東西太散，導(dǎo)致整體不夠精致。
其實(shí)仔細(xì)觀察，這個(gè)圖標(biāo)例子和剛才那個(gè)排版的例子完全是一回事：
一個(gè)原理，那就是——親密性！
很重要，大家一定要多多理解實(shí)踐！
密集節(jié)奏是我們很容易犯的錯(cuò)，比如下面這個(gè)圖標(biāo)的原作看起來(lái)密集節(jié)奏就比較和諧：
但是當(dāng)星友臨摹后，效果如下：
我們拋開(kāi)飽滿度不談，就在密集度這一塊，這個(gè)地方離的太近：
導(dǎo)致那里過(guò)于密集，兩條線快合二為一了。
再比如，下面這圖標(biāo)，我們先看臨摹效果：
是不是這兩個(gè)地方都太密集了：
也是線條快合二為一了，我們?cè)倏纯丛鳎?
人家這節(jié)奏感就好很多。
再舉個(gè)例子，這組圖標(biāo)：
整體臨摹優(yōu)化的還不錯(cuò)，但是就是有一個(gè)比較突兀，就是它：
我不說(shuō)，大家應(yīng)該也都能看出來(lái)了，燈泡下面那里太密集了，其他地方都舒服，只有那里有點(diǎn)難受。
這就是大家經(jīng)常犯的一個(gè)密集節(jié)奏的問(wèn)題，大家多多注意。
好了，今天就這么多，大家可以好好消化下，盡量避坑！
文章來(lái)源：優(yōu)設(shè)網(wǎng) 編輯：土撥鼠
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn