圖標設計如何具有品牌性扬跋?這可能是設計師工作中經(jīng)常會遇到的問題桩砰。
但很多新人也許并不了解什么是品牌性作岖,更不知道如何將品牌性融入到圖標當中,不過沒關系五芝,看了這篇文章你就不會那么困惑了!
前一陣子寫了一篇《利用品牌基因法進行圖標設計》辕万,但只講了一種提取視覺基因的方法枢步,不夠全面。菜心擔心大家因為方法的不全面而導致設計效果過于死板渐尿,所以近期將整個品牌基因法的體系重新梳理了一遍醉途,增加了一些提取基因的路徑,可以擴展我們的設計思維與制作方法砖茸。
需要強調一點隘擎,文中所講的品牌基因是指視覺上的哦!
來看下大綱:
1.提取特定形狀
2.吸取品牌顏色
3.抓取風格特點
1.提取特定形狀
通過對logo或品牌元素提取特定形狀凉夯,這個形狀是固定的货葬、具象的,例如圓形劲够,三角形震桶、字母甚至是logo本身等等。
提取出形狀基因后征绎,如何與圖標相結合呢蹲姐?有三種方法:
1.1 直接應用
最常見的用法就是直接將整個logo作為圖標(比如首頁),如下圖:
再比如MONO的標簽欄圖標,設計的非常大膽柴墩,提取logo上面的4個字母——M忙厌、O、N江咳、O后逢净,直接將其作為圖標,如下圖:
但是這種方法還是有很大的風險扎阶,因為畢竟每個字母與功能本身的含義沒什么聯(lián)系汹胃,如果不是非常個性化的app,還是盡量少用吧东臀!
1.2 做為外輪廓
將提取的形狀作為整套圖標的外輪廓着饥,例如谷歌play一樣,提取出三角形后惰赋,整套圖標都是以三角形作為外形宰掉,如下圖:
再比如你提取出一個圓形基因,也可以將其作為外輪廓使用赁濒,如下圖:
1.3 將圖形與圖標巧妙融合
假如我在logo上面提取出一個圓形作為基因轨奄,我們可以將這個圓形巧妙的與圖標進行融合,如下圖:
但這里必須要強調一點拒炎,很多時候挪拟,我們很難將一個特定形狀融入到所有的圖標當中,如果強行融合击你,難免會讓人覺得死板生硬玉组,所有一定要有所取舍,例如案例中的圖標也不是所有都融入了圓形丁侄,如下圖:
有同學可能會問惯雳,為什么案例中有些圖標沒有融入圓形基因,也不影響整套圖標的和諧統(tǒng)一呢鸿摇?
因為它們融入了另外一個品牌基因——顏色石景。也就是我們接下來要講的內容。
2.吸取品牌顏色
這招是最簡單直接的方法拙吉,直接吸取品牌色作為視覺基因潮孽,以此來進行圖標設計,舉幾個例子:
顏色基因筷黔,我就不多講了恩商,比較容易理解。
但是大家仔細觀察優(yōu)酷這套圖標必逆,我們會發(fā)現(xiàn)除了顏色基因以外怠堪,好像在logo上還提取了一個疊層的效果揽乱,而這種疊層的效果又屬于另外一種品牌基因——風格特點,我們繼續(xù)往下看粟矿。
3.抓取風格特點
這部分是今天內容的重點凰棉,也是我最近做圖標的一些感受。
我們先來講講如何抓取風格特點陌粹!
又要開始拿我的作品來舉例了撒犀,還是iwork那個logo:
除了顏色以外,我在logo上面提取出兩個特點:
斷:是指整個logo有兩個斷開的地方
層:是指logo有三個不同顏色的深淺掏秩,形成前后關系或舞,也就是層級。
那如何將這兩個特點運用到圖標上呢蒙幻?我們看下圖:
第一步:先畫好基礎形映凳;
第二步:將合適的地方斷開;
第三步:將局部(小塊)調整顏色邮破,以區(qū)分層級诈豌;
這樣一個具有品牌基因的圖標就誕生了!
其它的圖標也是一樣的道理抒和,最后得到整套圖標如下圖:
上面這個案例只是抓取風格特點的一種結果矫渔,不同的案例會有不同的結果,例
如網(wǎng)易云音樂的圖標摧莽,是抓取logo上圓潤的風格特點庙洼,如下圖:
而優(yōu)酷的圖標則是抓取疊層的風格特點,如下圖:
小密圈則是抓取斷線的風格特點镊辕,如下圖:
以上就是菜心近期總結的《品牌基因法做圖標》整套知識體系送膳,后期會不斷的優(yōu)化改進,如果你有什么好的想法也歡迎和我私下交流丑蛤,我們一起將這個系統(tǒng)完善起來,幫助那些需要幫助的好朋友們撕阎。
最后再提醒大家一下受裹,當一種品牌基因無法突顯品牌性的時候,我們可以使用多種基因相互組合虏束。方法一定要靈活運用棉饶,切記不要鉆牛角尖,不然菜心就白總結了镇匀!
原文來源轉自:菜心設計鋪? ? ? 作者:菜心
推薦閱讀:
設計篇