如果你想給網(wǎng)站折騰點什么，對代碼、CSS不精通的朋友，那么試試增加、修改點小圖標吧，一款簡約的網(wǎng)站風(fēng)格最適合在圖標上下點功夫。

在Web2.0剛流行那段時間，網(wǎng)頁的無框架、無色彩（純白色）的網(wǎng)頁設(shè)計叫個性、潮流，在近幾年，網(wǎng)頁如果還是一堆沒點綴的網(wǎng)頁，叫雷同。現(xiàn)在，簡單、大氣的網(wǎng)頁是流行的趨勢，博客亦是如此。而在網(wǎng)頁設(shè)計里表達出的細節(jié)就是圖標。如下圖所示，2000-2005年左右比較流行的個人網(wǎng)站和一個用圖標表現(xiàn)網(wǎng)站的對比圖。

（2000-2005年國內(nèi)典型的個人網(wǎng)站——阿江守候 北京乾元坤和科技有限公司--www.controlmeasurement.com）

（用靜態(tài)圖像表現(xiàn)內(nèi)容的概念 北京乾元坤和科技有限公司--www.controlmeasurement.com）

在此之前盧松松先講講圖標的概念：在很久很久以前（其實就是幾年前），用像素逐點逐點地進行繪制圖標是最好的選擇，這是因為當時的計算機性能并不高，使用像素可以節(jié)省圖標的體積，也便于快速讀取。早些的操作系統(tǒng)使用的都是像素圖標（包括現(xiàn)在使用的大部分手機和mp4等）。例如下圖：

（早些的操作系統(tǒng)使用的都是像素圖標 北京乾元坤和科技有限公司--www.controlmeasurement.com）

當然這樣的也很有魅力，但現(xiàn)在的操作系統(tǒng)所能支持的圖標格式（如PNG）已經(jīng)可以實現(xiàn)多通道透明漸變了，也就是說，你可以給圖標加上陰影甚至模糊的效果。而在windows vista出現(xiàn)后，PC支持的圖標尺寸達到了256*256像素。包括我在內(nèi)，很多人都使用photoshop或illustrator來繪制大尺寸圖標，而且能通過縮放得到不同尺寸，像素圖標就不行了，不同的尺寸都要設(shè)計師一個點一個點逐一繪制）。

對于網(wǎng)頁設(shè)計來說，圖標只是圖片而已，他的格式通常是gif、jpeg或png，總之只要能在瀏覽器中顯示就行。所以你可以隨意使用像素或?qū)憣嵉娘L(fēng)格。當要注意的是，想要給網(wǎng)站搭配出特色個性的風(fēng)格，選擇（或制作）優(yōu)秀的圖標還需要注意一下幾點：

一：不要“詞不達意”

圖標必須要適合所代表的意思，最理想的情況是，在沒有輔助說明文字的條件下，用戶仍然能理解什么意思。

（北京乾元坤和科技有限公司--www.controlmeasurement.com）

如百度中的“地圖”、“百度統(tǒng)計”、“百科”、“MP3”等等，但也有少數(shù)幾個的含義不那么明顯，“搜索開放”、“手機”、“網(wǎng)站導(dǎo)航”。也許你通過旁邊的文字就能明白這個欄目的含義。

二：小而簡單

圖標應(yīng)當小而簡單，應(yīng)該讓用戶一目了然，它們畢竟是輔助元素，所以不能設(shè)計得過大，更不能喧賓奪主，占據(jù)顯要的位置。另一方面，網(wǎng)頁設(shè)計本身特征也不贊成我們使用大圖片。

“一目了然“的意思是，你需要讓用戶能夠理解它們的含義，并且能夠毫不費力的區(qū)別不同圖標。這個道理很簡單，如果每個圖標看起來都差不多，就僅僅是個圖案而已，就沒有任何的辨別性和指向性。