close

網頁設計圖標使用指南 -網上推廣


很多人說設計是力求細節的,在網頁設計里表達出的細節就是圖標。圖標在一個設計里帶來了額外的注解并且使設計里的對象和元素引起用戶的注意。

以下介紹的是一個用圖標描述的最優方法。當使用圖標時,圖標的描述包含了一系列的隱喻。這也是在網站導航廣泛使用圖標和一系列圖標組的原因。

隱喻:

圖標是文字的隱喻,也讓人很好地知道隱喻,對于可用性來說,在網站之間有效地進行交流是至關重要的,圖標應該是代替文字,最能充分傳送信息。用戶需要快速地知道圖標所表達信息。

使用大家認知的元素和簡單的隱喻---用戶應該會快速地知道圖標所表達信息。作圖標時,用一些共同的元素是很重要的,就好像一個屋子(表達“家”)。以下是一些例子:

氣泡——評論 信封——E-mail和聯系 箭頭和硬盤——下載 問號——幫助和常見解答問題 文件夾——文件 號角——論壇 兩個環繞的箭頭——更新 顯示器——視頻 放大鏡——搜索 字母表——按字母排列 鎖——安全 星號——重要標記 鼠標——表示鏈接還有很多很多。。。

圖標附加標簽---如果圖標還不能明確地表達意思,加上一個小小的標簽是非常不錯的選擇。對于用戶來說,文字很清楚表達它的意思,所以可以提高圖標的可用性。一般來說,盡量只用幾個字來做圖標的標簽,還有文字用一行。用可以易明的文字和簡潔的顏色。

Pixelmator 在它們的幫助導航欄里,很出色地做到這一點了。

 

當使用圖標時:

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

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

另外在Pixelmator 的作品中也有一個很好的例子。這些按鈕采用圖標和文字。另外,這些按鈕激活時的效果也很棒。當用戶移過這些按鈕時,這些圖標會由無色變成彩色的。這體現了相當好的可用性。

 


arrow
arrow
    創作者介紹
    創作者 pagepe 的頭像
    pagepe

    pagepe的部落格

    pagepe 發表在 痞客邦 留言(0) 人氣()