很多人說網(wǎng)頁設(shè)計是力求細節(jié)的，在網(wǎng)頁制作里表達出的細節(jié)就是圖標(biāo)。圖標(biāo)在一個設(shè)計里帶來了額外的注解并且使設(shè)計里的對象和元素引起用戶的注意。

請觀看網(wǎng)頁教學(xué)網(wǎng)發(fā)布的Photoshop教程：創(chuàng)建有創(chuàng)新力的網(wǎng)站導(dǎo)航

以下介紹的是一個用圖標(biāo)描述的最優(yōu)方法。當(dāng)使用圖標(biāo)時，圖標(biāo)的描述包含了一系列的隱喻。這也是在網(wǎng)站導(dǎo)航廣泛使用圖標(biāo)和一系列圖標(biāo)組的原因。

隱喻：

圖標(biāo)是文字的隱喻，也讓人很好地知道隱喻，對于可用性來說，在網(wǎng)站之間有效地進行交流是至關(guān)重要的，圖標(biāo)應(yīng)該是代替文字，最能充分傳送信息。用戶需要快速地知道圖標(biāo)所表達信息。

使用大家認(rèn)知的元素和簡單的隱喻---用戶應(yīng)該會快速地知道圖標(biāo)所表達信息。作圖標(biāo)時，用一些共同的元素是很重要的，就好像一個屋子(表達“家”)。以下是一些例子：

氣泡——評論

信封——E-mail和聯(lián)系

箭頭和硬盤——下載

問號——幫助和常見解答問題

文件夾——文件

號角——論壇

兩個環(huán)繞的箭頭——更新

顯示器——視頻

放大鏡——搜索

字母表——按字母排列

鎖——安全

星號——重要標(biāo)記

鼠標(biāo)——表示鏈接還有很多很多。。。

圖標(biāo)附加標(biāo)簽---如果圖標(biāo)還不能明確地表達意思，加上一個小小的標(biāo)簽是非常不錯的選擇。對于用戶來說，文字很清楚表達它的意思，所以可以提高圖標(biāo)的可用性。一般來說，盡量只用幾個字來做圖標(biāo)的標(biāo)簽，還有文字用一行。用可以易明的文字和簡潔的顏色。

Pixelmator 在它們的幫助導(dǎo)航欄里，很出色地做到這一點了。

---