圖標(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è)),如下圖:
再比如MONO的標(biāo)簽欄圖標(biāo)汰瘫,設(shè)計(jì)的非常大膽狂打,提取logo上面的4個(gè)字母——M、O混弥、N趴乡、O后对省,直接將其作為圖標(biāo),如下圖:
但是這種方法還是有很大的風(fēng)險(xiǎn)晾捏,因?yàn)楫吘姑總€(gè)字母與功能本身的含義沒(méi)什么聯(lián)系蒿涎,如果不是非常個(gè)性化的app,還是盡量少用吧惦辛!
1.2 做為外輪廓
將提取的形狀作為整套圖標(biāo)的外輪廓劳秋,例如谷歌play一樣,提取出三角形后胖齐,整套圖標(biāo)都是以三角形作為外形玻淑,如下圖:
再比如你提取出一個(gè)圓形基因,也可以將其作為外輪廓使用呀伙,如下圖:
1.3 將圖形與圖標(biāo)巧妙融合
假如我在logo上面提取出一個(gè)圓形作為基因补履,我們可以將這個(gè)圓形巧妙的與圖標(biāo)進(jìn)行融合,如下圖:
但這里必須要強(qiáng)調(diào)一點(diǎn)剿另,很多時(shí)候箫锤,我們很難將一個(gè)特定形狀融入到所有的圖標(biāo)當(dāng)中,如果強(qiáng)行融合雨女,難免會(huì)讓人覺(jué)得死板生硬麻汰,所有一定要有所取舍,例如案例中的圖標(biāo)也不是所有都融入了圓形戚篙,如下圖:
有同學(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è)例子:
顏色基因痛倚,我就不多講了规婆,比較容易理解。
但是大家仔細(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)饿这!
又要開(kāi)始拿我的作品來(lái)舉例了浊伙,還是iwork那個(gè)logo:
除了顏色以外,我在logo上面提取出兩個(gè)特點(diǎn):
斷:是指整個(gè)logo有兩個(gè)斷開(kāi)的地方
層:是指logo有三個(gè)不同顏色的深淺长捧,形成前后關(guān)系嚣鄙,也就是層級(jí)。
那如何將這兩個(gè)特點(diǎn)運(yùn)用到圖標(biāo)上呢串结?我們看下圖:
第一步:先畫(huà)好基礎(chǔ)形拗慨;
第二步:將合適的地方斷開(kāi);
第三步:將局部(小塊)調(diào)整顏色奉芦,以區(qū)分層級(jí)赵抢;
這樣一個(gè)具有品牌基因的圖標(biāo)就誕生了!
其它的圖標(biāo)也是一樣的道理声功,最后得到整套圖標(biāo)如下圖:
上面這個(gè)案例只是抓取風(fēng)格特點(diǎn)的一種結(jié)果烦却,不同的案例會(huì)有不同的結(jié)果,例如網(wǎng)易云音樂(lè)的圖標(biāo)先巴,是抓取logo上圓潤(rùn)的風(fēng)格特點(diǎn)其爵,如下圖:
而優(yōu)酷的圖標(biāo)則是抓取疊層的風(fēng)格特點(diǎn),如下圖:
小密圈則是抓取斷線的風(fēng)格特點(diǎn)伸蚯,如下圖: