編者按：給界面做圖標，如何做才能有理有據(jù)呢？今天這篇好文的作者總結(jié)了工作中的一些經(jīng)驗系吩，幫你制作出有說服力的圖標。
在看這篇文章之前你需要清楚妒蔚，我所講的東西并不是什么權(quán)威穿挨，只是在工作中總結(jié)出來的一些的小經(jīng)驗而已，制作圖標的方法也有很多種肴盏，這里只是給大家一個思路上的啟發(fā)科盛，希望能對你有所幫助吧！
按照慣例菜皂，我們還是先來看一下本次《利用品牌基因法進行圖標設(shè)計》的大綱：
什么是品牌基因贞绵？
?如何提取品牌基因
如何將品牌基因注入到圖標設(shè)計中
圖標制作過程中需要注意的事項
一、什么是品牌基因恍飘？
品牌包括了理念榨崩、視覺谴垫、行為三個部分，而本文所講的品牌基因只是視覺層面的母蛛。
既然是視覺上的翩剪，那就一定是可以看見的東西。沒錯彩郊，簡單來說肢专，品牌基因就是一個符號，而這個符號可以來源于任何事物焦辅，就像三星GALAXY SIII的靈感是來自于大自然的鵝卵石，國際版QQ的靈感是來自于氧氣…椿胯，但不論怎么樣筷登，最后我們都需要將這些基因、靈感可視化哩盲，變成一個或者一組符號傳達給用戶前方。
一句話總結(jié)：品牌基因（視覺層面）就是通過一件事物提取出一個（或一組）視覺符號。
二廉油、如何提取品牌基因
最初在做“我的”圖標時惠险，找了很多參考，網(wǎng)上一搜一大把抒线，如圖：
但是如果隨便下載一個改一改就直接用班巩，你會有一種很不踏實的感覺，因為當別人問你為什么這樣設(shè)計的時候嘶炭，你總不能說“我看網(wǎng)上都這么做的啊”抱慌。
那問題就來了，如何能做一個有理有據(jù)的圖標呢眨猎？這時候你的腦袋里就可以思考“品牌基因”了抑进。我們可以去觀察品牌的logo、輔助圖形睡陪、設(shè)計來源等等寺渗，這些都可以幫助你去提取符號、特征兰迫。
所以通過這個思路我去觀察了logo信殊，如圖所示
將logo的“i”字母放大后，我們會發(fā)現(xiàn)下面這個局部形狀和人型（“我的”圖標）很相似汁果，
所以在經(jīng)過優(yōu)化之后得到下圖:
這樣當別人問你為什么設(shè)計成這個樣子的時候鸡号，你可以很自信的告訴他，你是通過logo上的元素提取優(yōu)化得到的须鼎！
但是僅僅做這一個圖標是不夠的鲸伴，我們需要提煉出一個能夠貫穿整套圖標的視覺符號府蔗，于是我再次去觀察和思考logo的樣式，細心的同學(xué)可能已經(jīng)發(fā)現(xiàn)汞窗，其實整個logo的每一筆開頭都有一個共同的特征姓赤，如下圖
而這個共同的特征就是我們要找的符號，也就是所謂的品牌基因仲吏，是貫穿整個logo的靈魂所在不铆，至于這個特征是怎么來的，那是做logo之前的事情裹唆，這里我們就不在闡述了誓斥。
后經(jīng)過優(yōu)化后，我將符號總結(jié)為以下特征：
三许帐、如何將品牌基因注入到圖標設(shè)計中劳坑？
得到這個視覺符號之后，就需要將這個特征注入到我們的圖標設(shè)計中了成畦，舉個例子距芬，我們現(xiàn)在來做“收藏”的圖標，也就是一個愛心循帐。
那首先我們還是需要去找一些參考框仔，去了解愛心的結(jié)構(gòu)，并在本子上畫一些草圖拄养，最后思考如何與我們提取出來的符號相結(jié)合离斩。如果這些前期內(nèi)容你都做完了，恭喜你瘪匿，我們可以開始電腦繪制了捐腿，步驟如下：
就這樣一個有理有據(jù)的圖標就完成了。同理柿顶，其他圖標也用類似的方法進行繪制茄袖！
四、圖標制作過程中需要注意的事項
首先我們來看一下整套圖標的效果
關(guān)于圖標設(shè)計中注意的事項嘁锯，之前有寫過一篇宪祥，大家可以自行查閱：《從零基礎(chǔ)到合格的圖標設(shè)計5個實戰(zhàn)方法》，這里針對這一套圖標再來增加兩點家乘。
1. 避免過于生硬的結(jié)合
當有些圖標與提取出來的視覺符號很難完全結(jié)合時蝗羊，那就不要去強行結(jié)合，只要大體調(diào)性是對的就ok仁锯，比如“掃一掃”的圖標耀找，最開始我就強行使用了一個10px的圓角和三個2px的圓角，如下圖：
做完后，我總覺得怪怪的野芒，并且有點復(fù)雜蓄愁，那這時候倒不如讓四個圓角都是10px，可能會看著更舒服一些狞悲。再比如有些圓形圖標撮抓，我們也無法將符號特征融入進去，這時候只要最后的風(fēng)格與基本特征保持一直就ok摇锋，例如斷線和雙色丹拯。
所以大家在執(zhí)行的過程中千萬不要生硬的將符號特征與圖標相結(jié)合，避免造成過于死板的情況出現(xiàn)荸恕。
2. 制定好斷線及粗細規(guī)范
制作斷線的時候乖酬，一定要制定好斷線的規(guī)則，比如說我在做這套圖標的時候融求，我會以50x50px的大小來繪制圖標咬像，線條描邊是2px，所有斷線的開口大小為10px双肤，所有的斷點要在大圓角拐角處破開（圓形圖標除外），有了這些規(guī)則之后钮惠，才能夠保證你輸出的圖標統(tǒng)一茅糜、規(guī)范！
3. 圖標的特征不要太多
我這一套其實是有一點點復(fù)雜的素挽，因為它同時擁有三個屬性蔑赘，分別是不同大小的圓角、雙色预明、斷線缩赛，正常來說有1-2個特性就可以了，不然可能會讓圖標顯的過于繁瑣撰糠，所以大家在作圖標的時候酥馍，這一點可以斟酌一下！
好了阅酪，以上就是本期分享的《利用品牌基因法進行圖標設(shè)計》旨袒，希望能對大家有所啟發(fā)！
