圖標(biāo)在生活中運(yùn)用是顯而可見的。例如：男女廁所標(biāo)志和各種交通標(biāo)志等。在計(jì)算機(jī)系統(tǒng)或軟件方面的應(yīng)用也是很廣泛。例如：程序標(biāo)識、數(shù)據(jù)標(biāo)識、命令選擇、模式信號或切換開關(guān)、狀態(tài)指示等。
下面的例子更形象的說明這個(gè)問題。

(圖片來源：九銘)

外國人A與中國人B，兩人在語言上存在差異對文字的認(rèn)識是不同的，用圖標(biāo)來表示，會縮短語言描述的距離。所以圖標(biāo)更具有快捷傳達(dá)信息、便于記憶的特性。那么圖標(biāo)被廣泛使用的時(shí)候，什么樣的圖標(biāo)才是好圖標(biāo)呢？好圖標(biāo)從兩個(gè)角度去認(rèn)識：辨識度與精致度。
辨識度：圖標(biāo)能夠直觀的表現(xiàn)要描述的物體。
精致度：在精美的頁面或者系統(tǒng)界面上，精致的圖標(biāo)能提升整個(gè)頁面的最佳視覺。

那么怎么樣才能做出一套好的圖標(biāo)？在圖標(biāo)設(shè)計(jì)過程中需要注意哪些問題？

在《圖標(biāo)設(shè)計(jì)語言》中作者Yegor Gilyov (來源站點(diǎn)Turbo Milk )曾提到 “如果你需要畫幾個(gè)圖標(biāo)，你需要整體考慮這個(gè)站點(diǎn)所有圖標(biāo)，然后再開始使用軟件繪制?！比绻愕膇con全都是粗糙模糊的造型或拙劣的漸變色，那么這個(gè)icon很失敗，不能當(dāng)作是“風(fēng)格的問題”來了事。這樣的icon不僅僅會毀掉整個(gè)頁面的美觀，更讓被描述的文字降低了被查看的欲望，對你的用戶來使用或閱讀它是一種極大的痛苦。Icon的細(xì)節(jié)包含對顏色的使用，對造型的創(chuàng)新，對質(zhì)感的體現(xiàn)。

Icon的設(shè)計(jì)步驟

 
我認(rèn)為icon設(shè)計(jì)遵循上面的一個(gè)規(guī)則，在做icon的前提要先構(gòu)思好整個(gè)icon的風(fēng)格，有了構(gòu)思可以開始造型設(shè)計(jì)接著就是上色，然后對整體的icon進(jìn)行細(xì)節(jié)修改。

Icon的要點(diǎn)從學(xué)會批評別人開始

曾經(jīng)有人說過：“批評別人的作品比自己制作一個(gè)優(yōu)秀的作品要容易得多。但如果使用系統(tǒng)的方式去批判，這才是個(gè)成熟的分析！”那么怎么學(xué)會去批判呢？下面來分享一些批判后總結(jié)的例子。

（圖片來源iconfans）

上面一些圖標(biāo)看起來很像，這讓人很難分辨出哪個(gè)是哪個(gè)。尤其小圖標(biāo)的時(shí)候辨識性差了。如果你不注意說明，你會很容易把這些圖標(biāo)混在一起。圖標(biāo)還是要有差異性，在保全風(fēng)格統(tǒng)一的前提下要有很好的識別性，可以在顏色上或者造型上做差異的改變。

(圖片來源：九銘)

#p#圖標(biāo)應(yīng)該是輕松被識別的，構(gòu)建它的元素要越少越好。而上面的插畫和圖形明顯的告訴我們圖標(biāo)的相關(guān)性不該是復(fù)雜的，可以省略掉相同的對象，凸顯出重要的信息。

上面圖片形象的說明了圖標(biāo)像素邊沿化的問題，左邊的圖標(biāo)比較模糊不清，右邊的比較清晰。

在做icon時(shí)很容易出現(xiàn)一些常見的毛邊，導(dǎo)致像素過渡化，最后圓角不柔和。

怎么樣處理不柔和的圓角？

在由大icon到小icon的過程中你要重視一些細(xì)節(jié)的處理，對于這個(gè)我創(chuàng)了一句口訣：去多穩(wěn)造型，邊沿移到位。

去多穩(wěn)造型：大icon到小icon的過程是由細(xì)節(jié)的減少開始變化，大icon比較注重質(zhì)感和光澤等，小icon除了保證質(zhì)感還要清晰可見。在做16像素icon時(shí)可以減少一些必要的元素用像素點(diǎn)去代替，去掉多余的陰影與高光。
邊沿移到位：小icon的邊緣移位主要靠移動像素點(diǎn)來實(shí)現(xiàn)，或者增加像素點(diǎn)。

經(jīng)過處理，上面的圖標(biāo)已經(jīng)沒有了原來的鋸齒，有的是柔和的圓角。
當(dāng)然每個(gè)設(shè)計(jì)師做icon的習(xí)慣都是不一樣的，這只是我做icon時(shí)的一些心得。