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