很多人說設(shè)計是力求細節(jié)的,在網(wǎng)頁設(shè)計里表達出的細節(jié)就是圖標。圖標在一個設(shè)計里帶來了額外的注解并且使設(shè)計里的對象和元素引起用戶的注意。
以下介紹的是一個用圖標描述的最優(yōu)方法。當使用圖標時,圖標的描述包含了一系列的隱喻。這也是在網(wǎng)站導航廣泛使用圖標和一系列圖標組的原因。
隱喻:
圖標是文字的隱喻,也讓人很好地知道隱喻,對于可用性來說,在網(wǎng)站之間有效地進行交流是至關(guān)重要的,圖標應該是代替文字,最能充分傳送信息。用戶需要快速地知道圖標所表達信息。
使用大家認知的元素和簡單的隱喻---用戶應該會快速地知道圖標所表達信息。作圖標時,用一些共同的元素是很重要的,就好像一個屋子(表達“家”)。以下是一些例子:
- 氣泡——評論
- 信封——E-mail和聯(lián)系
- 箭頭和硬盤——下載
- 問號——幫助和常見解答問題
- 文件夾——文件
- 號角——論壇
- 兩個環(huán)繞的箭頭——更新
- 顯示器——視頻
- 放大鏡——搜索
- 字母表——按字母排列
- 鎖——安全
- 星號——重要標記
- 鼠標——表示鏈接還有很多很多。。。
圖標附加標簽---如果圖標還不能明確地表達意思,加上一個小小的標簽是非常不錯的選擇。對于用戶來說,文字很清楚表達它的意思,所以可以提高圖標的可用性。一般來說,盡量只用幾個字來做圖標的標簽,還有文字用一行。用可以易明的文字和簡潔的顏色。
Pixelmator 在它們的幫助導航欄里,很出色地做到這一點了。
當使用圖標時:
作為一個按鈕---圖標的功能很類似按鈕。用艷麗色彩的元素來代替文字。很多設(shè)計都是采用這種方法,而且還可以用很多種其他方法完成。
在按鈕上附加文字---按鈕上采用圖標和文字,這也是一個不錯的選擇。這樣更能夠吸引用戶的眼球。
另外在Pixelmator 的作品中也有一個很好的例子。這些按鈕采用圖標和文字。另外,這些按鈕激活時的效果也很棒。當用戶移過這些按鈕時,這些圖標會由無色變成彩色的。這體現(xiàn)了相當好的可用性。
出處:maxdison兜
責任編輯:moby
上一頁 下一頁 網(wǎng)頁設(shè)計圖標使用指南 [2]
|