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

以下介紹的是一個(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)了。

 

當使用圖標時(shí)：

作為一個(gè)按鈕---圖標的功能很類(lèi)似按鈕。用艷麗色彩的元素來(lái)代替文字。很多設計都是采用這種方法，而且還可以用很多種其他方法完成。

在按鈕上附加文字---按鈕上采用圖標和文字，這也是一個(gè)不錯的選擇。這樣更能夠吸引用戶(hù)的眼球。

另外在Pixelmator 的作品中也有一個(gè)很好的例子。這些按鈕采用圖標和文字。另外，這些按鈕激活時(shí)的效果也很棒。當用戶(hù)移過(guò)這些按鈕時(shí)，這些圖標會(huì )由無(wú)色變成彩色的。這體現了相當好的可用性。

---