用品牌基因法做圖標設計，高級UI設計師才會的手法！（實戰(zhàn)篇）

@菜心設計鋪 ：菜心的品牌基因法不知道大家有沒有忘記，之前有寫過兩篇，今天來寫第三篇——實戰(zhàn)篇，根據(jù)真實的案例來再次講述如何運用品牌基因法制作圖標！

如果你忘記了之前的品牌基因法（升級篇），可以先去回顧一下：

1. 《用品牌基因法做圖標設計，這是高級UI設計師才會的手法》
2. 《用品牌基因法做圖標設計，高級UI設計師才會的手法！（升級篇）》

我們今天來聊的是一個真實的工作任務，做任務的過程分為以下幾個階段：

• 收到任務
• 找參考
• 根據(jù)參考執(zhí)行
• 感覺沒有品牌性
• 根絕品牌基因法提取基因
• 再次執(zhí)行

1. 收到任務

我們每天都可能收到不同的設計任務，作為設計師，順利的完成這些任務是我們最基本的能力，那我們今天要講的任務是什么呢？

嘿嘿！一套天氣圖標。

認真的構(gòu)思中.....

2. 找參考

算了，還是先看看別人都是怎么做的吧！

我找了一堆參考，隨機選幾個展示下，如下圖（圖片采集于花瓣網(wǎng)）：

3. 根據(jù)參考執(zhí)行

有了這么多參考，可以開做了，多做幾個版本，顯示出自己有多努力，哼！

方案一：

方案二：

方案三：

4. 感覺沒有品牌性

雖然設計這么多稿，但總感覺還是沒什么品牌性，每一稿都有其他人的影子，心里沒底啊！

于是我去分析了各個參考，發(fā)現(xiàn)圓形，三角形，四邊形，五邊形，六邊形都被用過了，下圖是我的各種分析與嘗試：

又想創(chuàng)新又要有特點好難啊！

但很多事情如果思路和方法對了，不應該這么難啊！

所以我懷疑肯定是思考的方式不對：收到任務就找參考，找完參考想都不想就開始擼圖，擼你妹啊！

從一開始就沒有從品牌這個點切入，導致后面的路一直都是歪的，即使做再多稿，也會心理沒底，因為沒有品牌性！

突然想起，本寶寶不是寫過《品牌基因法》嗎？

5. 根據(jù)品牌基因法提取基因

如果你已經(jīng)回顧了品牌基因法，應該知道提取基因的方法有三個方向：

• 提取特定形狀
• 吸取品牌顏色
• 抓取風格特點

我們這次用的方法是提取特定形狀法。

由于信息安全問題，不方便展示提取基因的原圖標，這里只告訴大家，我從原品牌圖標上提取了一個基因符號-“花瓣”，如下圖：

這個符號是具有品牌感的，如果能把它融入天氣圖標中，方向一定沒錯！

6. 再次執(zhí)行

沿著這個方向，我再次執(zhí)行，嘗試用這個基因符號做出云朵的主形象、太陽的光點和雨滴，如下圖：

經(jīng)過組合與調(diào)整，得到最后的成品（部分圖標）：

這樣，一組有品牌感的概念設計就完成了，不論是闡述設計思路還是最后展示成品都可以自信滿滿，內(nèi)心忍不住夸上自己一句：棒棒噠！

總結(jié)

最后提醒大家兩個點吧：

第一，做設計還是需要有些特點，如果你做出的設計，換個logo誰都能用，那就基本上是沒啥特點了，所以一定要考慮好品牌性。

第二，有時候雖然可以提取出品牌基因符號，但確實不一定適合你當下的場景，不要覺得方向?qū)α耍鸵欢茏龊茫瑘?zhí)行力需要慢慢練，實在不好看咱就換個思路，一定要靈活運用哈！

學習圖標設計的同學，建議先掌握設計流程：《聊聊圖標設計流程及小技巧》

設計完成后從這四個方面來審視你的圖標：《好圖標怎么做？教你從四個方面來評價圖標設計的質(zhì)量》

想讓圖標出彩，可以從頂尖設計師的分享汲取經(jīng)驗：《頂尖設計師分享的6個圖標設計優(yōu)化指南》。

動效圖標已是趨勢，來這看基礎的圖標動效設計：《高手常用的六種圖標動效設計思路（附大量實例）》

歡迎關(guān)注作者的微信公眾號：「菜心設計鋪」

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內(nèi)人氣最高的設計網(wǎng)址導航，設計師必備：http://hao.uisdc.com