如何畫好斷線圖標(biāo)？我總結(jié)了這4個規(guī)律

@菜心設(shè)計(jì)鋪 ：關(guān)于圖標(biāo)如何斷線，假如是經(jīng)驗(yàn)雄厚的設(shè)計(jì)師，估計(jì)靠感覺做就可以了，但不是大神的我們怎么辦呢？總得有點(diǎn)規(guī)律讓我們參考吧。雖然有些規(guī)律不能全盤通用，但這次總結(jié)肯定能給你帶來幫助。

大綱如下：

• 先考慮在拼接處斷線
• 平衡視覺復(fù)雜度
• 避免正中心處斷線
• 盡量讓圖標(biāo)一筆畫完

一. 先考慮在拼接處斷線

假如一個物體是由兩個部分組成，當(dāng)我們選擇在拼接處斷開：

我會覺得兩個部分還沒組裝好，是一種很天然的分開。

但假如是下面如許的：

我會覺得它壞了，很不恬逸。

我們做斷線圖標(biāo)的時候也一樣，可以先考慮在物體的拼接處斷線，讓斷口看起來天然協(xié)調(diào)。

舉個例子，下圖是一個「我的」圖標(biāo)：

假如如今讓我給它來做斷線，我就先找到拼接處，分析如下：

雖然例子有點(diǎn)血腥，但事實(shí)確實(shí)如此，拼接處就在頭和身子連接的地方，所以嘗試在這里斷開：

我覺得還可以。行，那再來個例子。下圖是個新聞的圖標(biāo)：

再來分析，它的形狀是由一個矩形和一個三角形組成的：

我們照舊在拼接處斷開，得到如下圖：

嗯，也還行。

所以一樣平常做斷線圖標(biāo)，我會先行使這一個規(guī)律看看可不可行。

假如可行，就繼承優(yōu)化細(xì)節(jié)，假如不可行再嘗試其他方法。

二. 視覺復(fù)雜度要平衡

偶然候，我們不好將其圖標(biāo)拆解，這時候我們就可以嘗試去考慮圖標(biāo)的視覺復(fù)雜度。

來個例子，下圖是一個皇冠的圖標(biāo)：

經(jīng)過分析，我們可以得出，圖標(biāo)紅色區(qū)域的復(fù)雜程度要比藍(lán)色區(qū)域高：

所以我選擇在藍(lán)色區(qū)域斷口，來增長藍(lán)色區(qū)域的復(fù)雜程度，達(dá)到平衡的結(jié)果：

那假如在紅色區(qū)域斷開是什么樣的呢，我們來分析對比一下：

所以，通過對視覺上復(fù)雜程度的解析后發(fā)現(xiàn)，方案一會平衡和諧許多。

再來個例子，下面是個通信錄圖標(biāo)：

圖標(biāo)的左側(cè)要比右側(cè)復(fù)雜:

假如我們選擇在左側(cè)斷線，那左側(cè)就會更復(fù)雜，如許兩邊的復(fù)雜度就會失調(diào)，所以我選擇在右邊斷線：

如許圖標(biāo)左右都有細(xì)節(jié)，視覺上平衡多了。

三. 避免正中心處斷線

有同伙會說，有些圖標(biāo)沒有拼接處，復(fù)雜程度也都一樣，比如下面這種：

怎么辦呢？

很簡單，這種圖標(biāo)只要盡量避免在正中心斷線就ok，由于正中心斷線顯得過于呆板：

其它地方都可以嘗試，例如左上角、左上角、右上角、右下角等等。

四. 盡量讓圖標(biāo)一筆畫完

這也是一個很緊張的知識點(diǎn)：假如可以的話盡量讓圖標(biāo)外輪廓一筆畫完，如下圖：

其實(shí)許多時候，只要我們能從拼接處斷線，基本都是可以一筆畫完的，所以大家細(xì)致一下就好了。

當(dāng)然，假如實(shí)在不能一筆畫下來，也不必勉強(qiáng)，由于強(qiáng)扭的瓜不悅目。

總結(jié)

這四個知識點(diǎn)就是目前為止菜心所整頓的關(guān)于斷線圖標(biāo)的規(guī)律，小我經(jīng)驗(yàn)，供大家參考。

不過提示大家，這些方法難免會有少數(shù)不適用的時候，碰到不適用的情況，萬萬不要由于規(guī)則而被困住，多多嘗試，敢于不同，大概可以找到更合適的解決方案。

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