本文為自譯文章声旺，原文地址
設(shè)計一個漂亮的圖標(biāo)很容易，但是想要設(shè)計一個圖標(biāo)集并不是那么容易。要讓這些圖標(biāo)看起來是統(tǒng)一并且是精美的贮缕。
為什么要讓圖標(biāo)看起來統(tǒng)一呢？
圖標(biāo)就像是反映真實物體的圖形符號俺榆，當(dāng)它們組合成圖標(biāo)集的時候感昼，每個圖標(biāo)是具有其自己獨特的含義。用圖標(biāo)跟互聯(lián)網(wǎng)上的人溝通就好像用語言跟真實世界的伙伴溝通一樣罐脊。
在一個圖標(biāo)集中使用不同的風(fēng)格就好像在一個句子中用了好多種語言---就算人們理解了這句話的意思定嗓，也不會太在意這句話蜕琴。圖標(biāo)統(tǒng)一風(fēng)格將發(fā)揮很大的作用袖扛。
創(chuàng)建統(tǒng)一風(fēng)格的圖標(biāo)集是個很大的挑戰(zhàn)氧枣，下面是根據(jù)我的經(jīng)驗給出的6條建議：
1. 堅持一個風(fēng)格
聽起來很簡單，對不對寿冕？但這是讓圖標(biāo)精美和一致的最重要的一點恃逻。在還沒有決定用哪種風(fēng)格的時候雏搂，不要開始設(shè)計圖標(biāo)。
圖標(biāo)很多款式和風(fēng)格變化寇损，最常見的有：線性圖標(biāo)凸郑、填充圖標(biāo)、扁平圖標(biāo)矛市、擬物圖標(biāo)芙沥、手繪涂鴉圖標(biāo)等。
一旦確定了圖標(biāo)的風(fēng)格尘盼，在這個圖標(biāo)集里的圖標(biāo)都要是這種風(fēng)格的憨愉。一個不同風(fēng)格的圖標(biāo)會看起來很顯眼吸引人，但這并不是一種好的方式卿捎，破壞了統(tǒng)一性和美感配紫，以及整個圖標(biāo)集的價值。
看看下面這個例子午阵，地圖圖標(biāo)很顯眼躺孝，設(shè)計師在給圖標(biāo)上色的時候犯了一個錯誤，其他圖標(biāo)都是線性的底桂，而地圖圖標(biāo)是被填充的植袍。
主要的問題是到底要選擇哪一種風(fēng)格？這里有很多因素要考慮進(jìn)去籽懦。這是個很大的問題，在我的下一篇文章中會闡釋暮顺。
2. 保持同樣的細(xì)節(jié)
這跟上面提到的堅持同一個風(fēng)格是不一樣的厅篓。
每一種風(fēng)格的圖標(biāo)也有它自身的特點捶码。比如說，我們可以畫出各種各樣的線性圖標(biāo)惫恼。所以保持同樣的細(xì)節(jié)也很重要档押。圖標(biāo)要展示更多細(xì)節(jié)還是極簡風(fēng)格？描邊要粗一些還是細(xì)一些令宿？或者混合粗細(xì)描邊？那么對于圓角呢：圓角還是尖角掀淘？圓角的尺寸有多大旬蟋？拐角連接的地方要圓形還是直接連？
給圖標(biāo)打造細(xì)節(jié)的時候要考慮清楚革娄，制作圖標(biāo)集的從始至終都要堅持同樣的細(xì)節(jié)倾贰。
3.合適的尺寸
同一個圖標(biāo)集中的圖標(biāo)是保持同樣的尺寸。
圖標(biāo)不只要在同樣尺寸的輔助線框里拦惋，而是應(yīng)該看起來大小相等匆浙。想象同樣尺寸的兩個圖形--圓和正方形，正方形會看起來更大一些厕妖，因為它包含了更大的面積首尼。為了讓它們看起來一樣大，應(yīng)該做一些改變言秸，比如說软能，適當(dāng)?shù)目s小正方形。
4.使用網(wǎng)格
精美的圖標(biāo)集往往都是在設(shè)計的時候使用網(wǎng)格举畸。只是不要過度使用網(wǎng)格查排，如果圖標(biāo)并沒有那么精準(zhǔn)的貼合網(wǎng)格，就不要再糾結(jié)了抄沮。好的圖標(biāo)集使用網(wǎng)格跋核，但是太嚴(yán)格的去遵守反而會越弄越糟。
5.使用同樣的元素
這個很簡單：如果在上一個圖標(biāo)中使用了16px的圓形叛买，那么在另外一個圖標(biāo)中砂代，直接拷貝過來使用。毫無疑問率挣，在同一個圖標(biāo)集中使用同樣的元素會讓它看起來更統(tǒng)一刻伊，拷貝元素會節(jié)省大量的時間。
6.使用同樣的配色
雖然這個沒必要說椒功，但我還是要說一下捶箱，應(yīng)該使用同樣的配色。選擇顏色蛾茉，加入到色卡中，然后盡量只是用色卡中的幾個顏色撩鹿。
最后谦炬，在統(tǒng)一圖標(biāo)的時候也要保證識別性
圖標(biāo)應(yīng)該傳遞出正確的含義，圖標(biāo)的可識別性會讓它看起來更加精美和實用。
制作統(tǒng)一的圖標(biāo)集比看起來難的多键思。注意最小的細(xì)節(jié)础爬，一遍又一遍的檢查調(diào)整。記住這些建議吼鳞，趕快在實際設(shè)計中試試吧看蚜。
