如何強化圖標設計的品牌基因？我總結了12個方法！

隨著互聯網產品的不斷發展，產品設計越來越成熟多樣，而同質化的設計也變得越來越嚴重。如何定制化設計拉開差異化是設計師不斷探索的方向，而立足于品牌做設計也是其中的方向之一，基于品牌差異化形成產品特有的設計風格，是我們可以不斷嘗試和深入的方向。

那么如何將品牌融入到產品設計中呢？今天將和大家探索其中的一個方向，如何將品牌基因融入圖標設計中。

分享目錄

• 品牌基因提取方向
• 強化圖標設計案例分析
• 小結

品牌基因提取方向

立足于品牌做設計是形成產品設計獨特性、差異化和品牌性的關鍵，除了直接的品牌曝光以外，品牌基因的融入也是強化的重點方向。

而品牌基因的提取方向很多，比如品牌色、特征圖形、局部表現、風格特征、留白空隙、性格特征、品牌形象（吉祥物）等等，歸根結底主要的方向是顏色、圖形、特征、風格、吉祥物等。

1. 品牌色方向

品牌色方向的提取會分為直接運用和局部點綴，品牌色的大量運用可以起到提升品牌曝光度的作用。

2. 圖形提取

從 LOGO 圖形中提取品牌基因圖形是較為常見的手法，可以是一個局部的提取，也有可能是某個特征圖形的連續發散。有時候 LOGO 圖形中無法進行特征性提取，也有根據產品或者服務理念等方向進行特征圖形的提煉。

3. 品牌特征的提煉

除了具象的圖形以外，也有基于品牌特征進行提煉，比如一個弧度的特征延續到圖標設計的圓角表現中；一個空隙的提取，延續到圖標的空隙處理上；一種風格特征的提煉，延續到圖標設計風格的表現上。基于品牌 LOGO 圖形的特征進行提煉，也是一種潛移默化的處理技巧，作為圖標設計中的品牌基因融入也是一種不錯的選擇。

4. 設計風格的提取

除了提取可見的圖形和特征以外，提取品牌設計的風格特征也是一種途徑，比如是圓潤可愛的風格，還是商務科技的感覺。如果說圖形特征的提取是造型可見化的視覺表現，那么設計風格的提取就是性格特征的內在表現。

5. 品牌形象的結合

現在很多產品都會設計吉祥物作為品牌形象，可以拉進與用戶之間的親和力，將吉祥物提煉到圖標設計中也是一種強化品牌感的形式。不僅可以突出圖標設計的特征和提高品牌曝光度，也能讓用戶感覺設計更加親和，接受度得到提升。

品牌基因的提取方向很多，這里只是列舉了最為常見的方向，品牌的曝光需要“見縫插針”化的設計融入，只有立足于品牌進行設計探索，才能逐步形成產品的差異化設計。

強化圖標設計案例分析

為了給大家詳細的進行分析，選擇了一些案例作為輔助進行分析，希望拋磚引玉，引導大家發現更多優秀的設計案例。

1. 品牌色的提取強化曝光度

品牌的曝光度除了 LOGO 圖形的出現頻率以外，品牌色的出現頻率也是較為常見的設計表達。直接提取品牌色作為圖標設計配色不僅可以統一視覺表現風格，也是加強品牌曝光度的形式之一。

2. 品牌色的點綴是設計的點睛之筆

在產品設計中對于一些功能性圖標的處理，很多設計師會選擇無彩色系進行表現，使得設計不會顯得很花俏。有時候為了在保障統一性的前提下，使得畫面不會顯得過于“素”，也會選擇使用品牌色來對圖標設計進行點綴，這點睛之筆的表現不僅可以強化品牌感，也能讓設計感更靈活。

3. LOGO 圖形直接引用到圖標設計

近些年很多產品都經常將 LOGO 圖形直接用于圖標使用，將 LOGO 圖形替換到底部標簽欄首頁圖標的位置來凸顯品牌感，這是強化品牌曝光的硬性手法。

4. 品牌形象提煉到圖標設計中

如果產品或者品牌有自己的 IP 形象（吉祥物），可以將吉祥物提煉到圖標設計中。比如吉祥物的造型輪廓、局部特征等進行提煉，結合到圖標設計中效果也是很明顯的，還能帶給用戶更強的親和力。

5. 圖標設計結合品牌基因圖形

從品牌 LOGO 圖形中提煉基因圖形用于圖標設計中是較為理想的選擇，也是設計師需要不斷探索和研究的方向。這種基因圖形也是輔助圖形的一種形式，是品牌設計的環節之一。基因圖形可以是 LOGO 的局部圖形、輪廓特征、連續發散形成的重組圖形等，需要我們細心觀察 LOGO 圖形，去發現很細小的局部表現并進行提煉。

6. 局部特征的提煉運用

從 LOGO 圖形中提煉出局部特征，這個特征圖形不一定能形成輔助圖形運用，但是也可以作為圖標設計的一個方向進行延展。比如 LOGO 圖形中的一個弧度，或者是一個點線面的元素等。

7. 基于品牌風格延續圖標設計

分析品牌 LOGO 設計的風格特征和性格特征，提煉出這種設計風格并延續運用到圖標設計中，風格特征的統一也能形成圖標設計的差異化表現。比如 LOGO 設計比較方正硬朗，圖標設計也是延續一樣的風格特征來進行設計，就像 29CM 的設計案例。

8. 品牌名稱結合圖標設計

除了品牌設計中的圖形提煉以外，也可以從品牌名稱中提取詞組首字母、網址、簡寫字母等元素作為圖標設計的方向。

9. 品牌名稱直接替換圖標位置

除了將品牌名稱提煉出來作為圖標設計的元素使用，也有產品直接將品牌名稱作為圖標的位置來體現功能模塊，這樣的處理形式比較適合名稱為字母或者數字的形式。比如 MONO 的底部標簽欄圖標，直接提取 LOGO 上面的 4 個字母（M、O、N、O），將其作為圖標來體現功能模塊。

10. 品牌形象局部特征提煉

品牌形象結合到圖標設計中是比較常見的形式，除了直接運用吉祥物造型以外，也可以提煉形象局部特征。比如飛豬旅行除了將吉祥物形象作為“首頁”點擊狀態的圖標使用，也將形象右上角的特征部位提取出來，結合到“首頁”和“我的”兩個功能模塊的默認圖標設計中。

11. 提取品牌圖形外輪廓

除了提取品牌圖形特征以外，也可以提取圖形輪廓作為圖標延展設計的特定造型，也能將品牌感融入到整體設計中。例如 Google Play，提取出三角形后，整套圖標都以三角形作為外輪廓來進行設計。

12. 提取品牌風格特征

如果沒有特征性的圖形提煉，也可以考慮提取品牌的風格特征作為圖標設計的風格。比如寶寶巴士旗下的一些產品圖標設計，便是提取 LOGO 圓潤的風格特征。

隨著互聯網設計的不斷成熟，很多優秀的設計案例都立足于品牌進行深入探索，這里只是列舉的一些應用方向。希望大家可以加強產品體驗和分析總結，掌握優秀案例的軌跡，并應用到更多的設計場景中。

小結

基于品牌為起點去思考設計深入的方向，提高產品設計中品牌的曝光度，體現定制化設計的差異，是我們不斷探索和研究的方向。掌握從品牌設計中提煉特征性圖形元素，作用于設計延展中，需要提高這方面的意識和觀察能力。

品牌基因在圖標設計中的運用只是其中的一個方向，以此為拋磚引玉，為大家打開一個分析的突破口。希望可以對大家有所啟發，延展并應用到更多的設計細分領域中。

歡迎關注作者的微信公眾號：「黑馬家族」