品牌基因的定義：視覺層面的品牌基因就是透過一件事物提取出一個（或一組）視覺符號。

將品牌基因應用到圖示中的方法如下：

1. 提取特定形狀直接應用。

2. 吸取品牌顏色

3. 抓取風格特點

理論經過初步吸收後，實踐既可以檢驗你是否真的掌握了理論，又可以強化對理論的深入理解。

二. 選擇具有明顯特徵的設計物件

選擇合適的品牌形象來提取基因。要求：

品牌特徵明確，易提取易設計。

該品牌的Tab圖示缺少品牌特徵。

比較熟悉瞭解的產品。

按照上述的三點，選擇了鏈家tab圖示進行重設計。

1. 品牌特徵明確，易提取易設計

經過分析，我們提取出4個特點：

一條線：一條轉角圓潤的矩形線條構成了房屋的剪影。

一個點：點睛之處，將圖形連為一體。

斷線：點與線之間斷開。

綠色：鏈家的品牌色。

△ 鏈家Logo的4個特點

2. 鏈家的Tab圖示缺少品牌特徵

鏈家目前Tab圖示只有綠色這一個品牌基因在裡面，這使它無法很好的與其他應用的圖示區分。因此尚存較大最佳化空間。

△ 鏈家App Tab圖示缺少鏈家品牌基因

3. 比較熟悉瞭解的產品

只有比較熟悉瞭解的產品，你對其的重設計才會相對不浮於表面。不過此次Icon的最佳化主要是從視覺層面最佳化。

三. 重設計展示

鏈家的4個Tab圖示分別是首頁、訊息、看房、我。接下來我們便用提取的理論來指導設計。

1. 提取特定形狀，直接應用——首頁圖示設計

鏈家現在的首頁圖示與網上搜索的首頁圖示，缺乏識別性，甚至和第一排第三個非常相似。

△ 鏈家首頁圖示與網上搜索的首頁圖示對比

實際上，鏈家Logo本身就是房屋的剪影，可以說已經具有首頁的含義，其自身的4個特點，使它比網上的圖形更具識別性。

△ 鏈家Logo與網上搜索的首頁圖示

《用品牌基因作圖示》理論的第一條，提取特定形狀直接應用，對於鏈家首頁icon十分受用，於是我們確定使用logo圖形作為首頁icon。

我們把鏈家Logo的放到750*1334px的介面裡，將其尺寸調整至42px後，鏈家Logo粗細為8px，而鏈家首頁icon粗細為3px，經過最佳化後將鏈家Logo粗細調整為4px。

△ 鏈家Logo直接應用於介面

△ 鏈家Logo粗細調整為4px

2. 抓取風格特點——訊息圖示設計

訊息圖示的設計，結合我們上面提取的鏈家Logo的4個特點 ：一條線、一個點、斷線、綠色。按下面的步驟逐一完成。

第一步：畫好基礎形。

第二步：在圖示右下的位置斷開（鏈家Logo的斷開位置）。

第三部：新增點，新增品牌色。

△ 訊息圖示設計過程

3. 度的把握——我的圖示設計

在設計我的圖示時，一開始我是很執著的使用之前提取的4個品牌特徵，轉角圓潤的矩形、小圓角、右下角斷點、一條線構成整個圖形，但總是有點不對。

△ 我的圖示設計探索

最後選擇使用大一些圓角來過度，斷點也不執著於右下角後，整個Icon視覺上就舒服多了。所以品牌特徵也不能強加，協調、整體風格符合即可。

△ 我的圖示確定稿

剩下的圖示如法炮製，4個Tab圖示就搞定了。圖示完成後更需要放入應用的場景檢查是否與之匹配。

△ 具有鏈家品牌特徵的Tab圖示

△ 最佳化後的Tab圖示在介面的應用

4. 度的把握——8個入口圖示設計

Tab圖示完成後，我們發現鏈家首頁的8個入口圖示也存在一些最佳化空間。8個圖示都使用了尖銳的轉角，與Logo的圓潤轉角不符。使用了矩形元素，而非Logo的圓點，缺乏一定的品牌特徵。此外整個首頁的其他控制元件等也是比較圓潤，這使得8個有著尖銳直角的圖示有一點突兀。此外視覺大小不一，部分圖示細節繁雜。

△ 鏈家首頁8個入口圖示

由於Tab圖示的設計已經有了明顯的特徵，鏈家首頁的8個入口圖示的最佳化便會更剋制，僅添加了圓潤轉角、圓點2個品牌特徵，使其有所呼應即可。

△ 最佳化後的鏈家首頁8個入口圖示

△ 最佳化後的圖示效果應用效果

四. 思考總結

從「用品牌基因作圖示」理論到實踐，關鍵是品牌特徵的提取，其次則是對品牌特徵的靈活運用，而對品牌特徵的運用程度把控是使整個圖示協調的重點。

紙上得來終覺淺，絕知此事要躬行。理論經過初步吸收後，實踐既可以檢驗你是否真的掌握了理論，又可以強化理論的深入理解。所以快去操作來鞏固理論吧！

圖示設計如何才能具有品牌性，這可能是每一個設計師都會在工作過程中遇到的問題。那麼面對這個問題，首先要明確的是什麼是品牌基因。

所謂的品牌基因包括品牌核心價值和品牌個性。具有不同的品牌基因才是品牌之間差異化的根本原因。

品牌資產的主體部分就是我們經常談到的品牌基因，一個品牌的品牌基因它會讓客戶明確和清晰的記住品牌的利益與個性，是驅動客戶認同，喜歡並且使用這個品牌的主要支撐。所以基於這個出發點去考慮圖示的設計才能讓品牌的風格和價值集一體。

至於如何三步設計一個圖示。首先要考慮以下幾點

一、圖示的造型

這個圖示的造型是怎麼都無法避開的，沒有形狀的圖示我是沒有見過的， （可能與本人幾十年的閱歷不夠有關，反正沒有見過沒有形狀的圖示，是不是廢話了）各種品牌有各自的文化涵養，所以在進行設計的過程行，要進行特定的領域甄別。符合行業特性即可。

二、品牌顏色

每一個品牌都有自己品牌色，不能進行色彩的混用，這裡的混用指的是品牌之間的色彩混用，比如拿最近的某團來說，不就黃了嗎（敏感色規避一下下），相比之前的綠色帶來的品牌效應更加有商業價值。

三、品牌圖示風格

所謂的品牌風格呢就相當於拿一個人一樣，有自己形形色色的標籤，沉穩啊，大氣啊等等的。所以說風格也是影響一個品牌價值走向的重要原因。對於圖示來說，有線性的圖示、面性圖示、線面結合圖示

線性圖示要注意的有以下幾點：

1、粗細對比 2、柔度對比

3、繁簡對比 4、特徵的識別度

5、色彩對比(這是所有的都要注意的)

面性圖示要注意的有：

輪廓對比。鏤空對比形體對比繁簡對比微質感對比

線面結合的圖示要注意的有：

1、線面比例（尤為重要）。

2、組合形式

最後大家要注意的是在設計過程中不能生搬硬套，當無法凸現品牌基因的時候，要多使用其他的設計方法論，不能再一個點鑽下去，要多點散射，有頭腦風暴的機會也要多利用哦

品牌基因的定義：視覺層面的品牌基因就是透過一件事物提取出一個（或一組）視覺符號。將品牌基因應用到圖示中的方法如下：

　　1. 提取特定形狀，直接應用

　　2. 吸取品牌顏色

　　3. 抓取風格特點