許多人說規(guī)劃是力求細節(jié)的，在網(wǎng)頁規(guī)劃里表達出的細節(jié)便是圖標。圖標在一個規(guī)劃里帶來了額定的注解并且使規(guī)劃里的目標和元素引起用戶的注意。

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

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

隱喻：

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

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

氣泡——談?wù)?/p>

信封——E-mail和聯(lián)絡(luò)

箭頭和硬盤——下載

問號——協(xié)助和常見解答問題

文件夾——文件

號角——論壇

兩個盤繞的箭頭——更新

顯示器——視頻

放大鏡——搜索

字母表——按字母擺放

鎖——安全

星號——重要符號

鼠標——表明鏈接還有許多許多。。。

圖標附加標簽---如果圖標還不能明確地表達意思，加上一個小小的標簽是十分不錯的選擇。關(guān)于用戶來說，文字很清楚表達它的意思，所以可以進步圖標的可用性。一般來說，盡量只用幾個字來做圖標的標簽，還有文字用一行。用可以易明的文字和簡練的色彩。

Pixelmator 在它們的協(xié)助導(dǎo)航欄里，很超卓地做到這一點了。