網頁設計中表徵圖描述的最優方法

來源:互聯網
上載者:User

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

請觀看網頁教學網發布的Photoshop教程:建立有創新力的網站導航

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

隱喻

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

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

  • 氣泡——評論
  • 信封——E-mail和聯絡
  • 箭頭和硬碟——下載
  • 問號——協助和常見解答問題
  • 檔案夾——檔案
  • 號角——論壇
  • 兩個環繞的箭頭——更新
  • 顯示器——視頻
  • 放大鏡——搜尋
  • 字母表——按字母排列
  • 鎖——安全
  • 星號——重要標記
  • 滑鼠——表示連結還有很多很多。。。

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

Pixelmator 在它們的協助導覽列裡,很出色地做到這一點了。

當使用表徵圖時

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

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

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



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。