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

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

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

隱喻：

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

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

氣泡——評(píng)論

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

箭頭和硬盤——下載

問號(hào)——幫助和常見解答問題

文件夾——文件

號(hào)角——論壇

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

顯示器——視頻

放大鏡——搜索

字母表——按字母排列

鎖——安全

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

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

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

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

---