如何將品牌性融入到圖標(biāo)中？

2018-11-22 1841 0

圖標(biāo)設(shè)計(jì)如何具有品牌性？這可能是設(shè)計(jì)師工作中經(jīng)常會(huì)遇到的問(wèn)題。

但很多新人也許并不了解什么是品牌性，更不知道如何將品牌性融入到圖標(biāo)當(dāng)中，不過(guò)沒(méi)關(guān)系，看了這篇文章你就不會(huì)那么困惑了！

需要強(qiáng)調(diào)一點(diǎn)，文中所講的品牌基因是指視覺(jué)上的哦！

來(lái)看下大綱：

1. 提取特定形狀

2. 吸取品牌顏色

3. 抓取風(fēng)格特點(diǎn)

1. 提取特定形狀

通過(guò)對(duì)logo或品牌元素提取特定形狀，這個(gè)形狀是固定的、具象的，例如圓形，三角形、字母甚至是logo本身等等。

提取出形狀基因后，如何與圖標(biāo)相結(jié)合呢？有三種方法：

1.1 直接應(yīng)用

最常見(jiàn)的用法就是直接將整個(gè)logo作為圖標(biāo)（比如首頁(yè)），如下圖：

直接應(yīng)用.png

再比如MONO的標(biāo)簽欄圖標(biāo)，設(shè)計(jì)的非常大膽，提取logo上面的4個(gè)字母——M、O、N、O后，直接將其作為圖標(biāo)，如下圖：

MONO的標(biāo)簽欄圖標(biāo).png

但是這種方法還是有很大的風(fēng)險(xiǎn)，因?yàn)楫吘姑總€(gè)字母與功能本身的含義沒(méi)什么聯(lián)系，如果不是非常個(gè)性化的app，還是盡量少用吧！

1.2 做為外輪廓

將提取的形狀作為整套圖標(biāo)的外輪廓，例如谷歌play一樣，提取出三角形后，整套圖標(biāo)都是以三角形作為外形，如下圖：

做為外輪廓.png

再比如你提取出一個(gè)圓形基因，也可以將其作為外輪廓使用，如下圖：

作為外輪廓使用.png

1.3 將圖形與圖標(biāo)巧妙融合

假如我在logo上面提取出一個(gè)圓形作為基因，我們可以將這個(gè)圓形巧妙的與圖標(biāo)進(jìn)行融合，如下圖：

將圖形與圖標(biāo)巧妙融合.png

但這里必須要強(qiáng)調(diào)一點(diǎn)，很多時(shí)候，我們很難將一個(gè)特定形狀融入到所有的圖標(biāo)當(dāng)中，如果強(qiáng)行融合，難免會(huì)讓人覺(jué)得死板生硬，所有一定要有所取舍，例如案例中的圖標(biāo)也不是所有都融入了圓形，如下圖：

融入了圓形.png

有同學(xué)可能會(huì)問(wèn)，為什么案例中有些圖標(biāo)沒(méi)有融入圓形基因，也不影響整套圖標(biāo)的和諧統(tǒng)一呢？

因?yàn)樗鼈內(nèi)谌肓肆硗庖粋€(gè)品牌基因——顏色。也就是我們接下來(lái)要講的內(nèi)容。

2. 吸取品牌顏色

這招是最簡(jiǎn)單直接的方法，直接吸取品牌色作為視覺(jué)基因，以此來(lái)進(jìn)行圖標(biāo)設(shè)計(jì)，舉幾個(gè)例子：

圖標(biāo)設(shè)計(jì).png

圖標(biāo)設(shè)計(jì)1.png

顏色基因，我就不多講了，比較容易理解。

但是大家仔細(xì)觀察優(yōu)酷這套圖標(biāo)，我們會(huì)發(fā)現(xiàn)除了顏色基因以外，好像在logo上還提取了一個(gè)疊層的效果，而這種疊層的效果又屬于另外一種品牌基因——風(fēng)格特點(diǎn)，我們繼續(xù)往下看。

3. 抓取風(fēng)格特點(diǎn)

這部分是今天內(nèi)容的重點(diǎn)，也是我最近做圖標(biāo)的一些感受。

我們先來(lái)講講如何抓取風(fēng)格特點(diǎn)！