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

請觀看網頁教學網發布的Photoshop教程：創建有創新力的網站導航

以下介紹的是一個用圖標描繪的最優辦法。當運用圖標時，圖標的描繪包含了一系列的隱喻。這也是在網站導航廣泛運用圖標和一系列圖標組的原因。

隱喻：

圖標是文字的隱喻，也讓人很好地知道隱喻，關于可用性來說，在網站之間有效地進行交流是至關重要的，圖標應該是替代文字，最能充沛傳送信息。用戶需求快速地知道圖標所表達信息。

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

氣泡——談論

信封——E-mail和聯絡

箭頭和硬盤——下載

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

文件夾——文件

號角——論壇

兩個盤繞的箭頭——更新

顯示器——視頻

放大鏡——搜索

字母表——按字母擺放

鎖——安全

星號——重要符號

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

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

Pixelmator 在它們的協助導航欄里，很超卓地做到這一點了。