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

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

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

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

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

箭頭和硬盤——下載

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

文件夾——文件

號角——論壇

兩個盤繞的箭頭——更新

顯示器——視頻

放大鏡——搜索

字母表——按字母擺放

鎖——安全

星號——重要符號

鼠標(biāo)——表明鏈接還有許多許多。。。

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

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