【設計靈感】想讓圖標具有品牌性,看這篇就夠了!
本文轉載自
菜心設計鋪
圖標設計如何具有品牌性?這可能是設計師工作中經常會遇到的問題。
但很多新人也許並不了解什麼是品牌性,更不知道如何將品牌性融入到圖標當中,不過沒關係,看了這篇文章你就不會那麼困惑了!
需要強調一點,文中所講的品牌基因是指視覺上的哦!
來看下大綱:
1.提取特定形狀
2.吸取品牌顏色
3.抓取風格特點
提取特定形狀
通過對logo或品牌元素提取特定形狀,這個形狀是固定的、具象的,例如圓形,三角形、字母甚至是logo本身等等。
提取出形狀基因後,如何與圖標相結合呢?有三種方法:
1.1 直接應用
最常見的用法就是直接將整個logo作為圖標(比如首頁),如下圖:
再比如MONO的標籤欄圖標,設計得非常大膽,提取logo上面的4個字母——M、O、N、O後,直接將其作為圖標,如下圖:
但是這種方法還是有很大的風險,因為畢竟每個字母與功能本身的含義沒什麼聯繫,如果不是非常個性化的app,還是盡量少用吧!
1.2 做為外輪廓
將提取的形狀作為整套圖標的外輪廓,例如谷歌play一樣,提取出三角形後,整套圖標都是以三角形作為外形,如下圖:
再比如你提取出一個圓形基因,也可以將其作為外輪廓使用,如下圖:
1.3 將圖形與圖標巧妙融合
假如我在logo上面提取出一個圓形作為基因,我們可以將這個圓形巧妙地與圖標進行融合,如下圖:
但這裡必須要強調一點,很多時候,我們很難將一個特定形狀融入到所有的圖標當中,如果強行融合,難免會讓人覺得死板生硬,所以一定要有所取捨,例如案例中的圖標也不是所有都融入了圓形,如下圖:
有同學可能會問,為什麼案例中有些圖標沒有融入圓形基因,也不影響整套圖標的和諧統一呢?
因為它們融入了另外一個品牌基因——
顏色
。也就是我們接下來要講的內容。
吸取品牌顏色
這招是最簡單直接的方法,直接吸取品牌色作為視覺基因,以此來進行圖標設計,舉幾個例子:
顏色基因,我就不多講了,比較容易理解。
但是大家仔細觀察優酷這套圖標,我們會發現除了顏色基因以外,好像在logo上還提取了一個疊層的效果,而這種疊層的效果又屬於另外一種品牌基因——
風格特點
,我們繼續往下看。
抓取風格特點
這部分是今天內容的重點,也是我最近做圖標的一些感受。
我們先來講講如何抓取風格特點!
又要開始拿我的作品來舉例了,還是iwork那個logo:
除了顏色以外,我在logo上面提取出兩個特點:
斷:
是指整個logo有兩個
斷開
的地方層:
是指logo有三個不同顏色的深淺,形成前後關係,也就是
層級
。那如何將這兩個特點運用到圖標上呢?我們看下圖:
第一步:先畫好基礎形;
第二步:將合適的地方
斷開
;第三步:將局部(小塊)調整顏色,以區分
層級
;這樣一個具有品牌基因的圖標就誕生了!
其它的圖標也是一樣的道理,最後得到整套圖標如下圖:
上面這個案例只是抓取風格特點的一種結果,不同的案例會有不同的結果,例如網易雲音樂的圖標,是抓取logo上
圓潤
的風格特點,如下圖:
而優酷的圖標則是抓取
疊層
的風格特點,如下圖:
小密圈則是抓取
斷線
的風格特點,如下圖:
以上就是近期總結的《品牌基因法做圖標》整套知識體系,後期會不斷的優化改進,
最後再提醒大家一下,
當一種品牌基因無法突顯品牌性的時候,我們可以使用多種基因相互組合。
方法一定要靈活運用,切記不要鑽牛角尖,不然就白總結了!
今天的文章由
公眾號: 菜心設計鋪
授權發布
點擊下方 「
閱讀原文
」 查看《做設計,為什麼你的心裡總是沒底?》
↓↓↓
※【室內】不想再被忽悠?設計師手把手教你,如何辨別好戶型!
※【設計靈感】誰說只有英文海報好看,換漢字一樣驚艷你!
※【驚艷】把樓梯搞成這樣是要逆天嗎? !
※【雕塑】他用破銅爛鐵,造出了一個世外桃源
TAG:普象工業設計小站 |
※搞笑圖片:就算你不識字,能找到這個齒輪狀圖標嗎?
※手機狀態欄的那些圖標你都懂嗎?這裡幫你總結好了!
※這幾種手機圖標,頂部狀態欄很常見,但多數人都不知道有什麼用!
※手機狀態欄這些圖標都幹什麼用?不知道損失太大了
※5g出現後,手機狀態欄的圖標會是怎樣?你可能想像不到
※蘋果手機的小月亮圖標誰注意了?作用很大,別再忽視了!
※手機APP里的圖標是如何製作的?看完這個你就知道
※手機狀態欄這幾個小圖標什麼意思?終於搞懂了
※僅憑圓規,要讓我怎麼設計出讓人拍案叫絕的圖標?
※蘋果手機裡面月亮、耳朵圖標有什麼用?很多人不知道,看完長見識
※好玩!圖標也能像液體一樣流動,不裝這款壁紙APP實在太可惜了
※DNF:真愛粉玩家畫出這種超時空首飾圖標,可這真不是來搞笑的?
※估計沒人認出這些技能圖標是哪個遊戲的?
※圖標怎麼用,PPT才能有設計感?
※圖標設計-你想不到的N種操作
※設計|把圖標引入單詞 這樣的英語更好懂
※這樣的廁所圖標,你會走錯廁所嗎?
※飛機上這個圖標不重視,會要你命……
※這些小圖標原來是這樣做的
※在?你們手機桌面的圖標怎麼都這麼整齊?強迫症患者都快哭了