很多人說(shuō)網(wǎng)頁(yè)設計是力求細節的，在網(wǎng)頁(yè)制作里表達出的細節就是圖標。圖標在一個(gè)設計里帶來(lái)了額外的注解并且使設計里的對象和元素引起用戶(hù)的注意。

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

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

隱喻：

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

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

氣泡——評論

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

箭頭和硬盤(pán)——下載

問(wèn)號——幫助和常見(jiàn)解答問(wèn)題

文件夾——文件

號角——論壇

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

顯示器——視頻

放大鏡——搜索

字母表——按字母排列

鎖——安全

星號——重要標記

鼠標——表示鏈接還有很多很多。。。

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

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

---