很多人說網(wǎng)頁設(shè)計是力求細節(jié)的,在網(wǎng)頁制作里表達出的細節(jié)就是圖標(biāo)。圖標(biāo)在一個設(shè)計里帶來了額外的注解并且使設(shè)計里的對象和元素引起用戶的注意。
請觀看網(wǎng)頁教學(xué)網(wǎng)發(fā)布的Photoshop教程:創(chuàng)建有創(chuàng)新力的網(wǎng)站導(dǎo)航
以下介紹的是一個用圖標(biāo)描述的最優(yōu)方法。當(dāng)使用圖標(biāo)時,圖標(biāo)的描述包含了一系列的隱喻。這也是在網(wǎng)站導(dǎo)航廣泛使用圖標(biāo)和一系列圖標(biāo)組的原因。
隱喻:
圖標(biāo)是文字的隱喻,也讓人很好地知道隱喻,對于可用性來說,在網(wǎng)站之間有效地進行交流是至關(guān)重要的,圖標(biāo)應(yīng)該是代替文字,最能充分傳送信息。用戶需要快速地知道圖標(biāo)所表達信息。
使用大家認(rèn)知的元素和簡單的隱喻---用戶應(yīng)該會快速地知道圖標(biāo)所表達信息。作圖標(biāo)時,用一些共同的元素是很重要的,就好像一個屋子(表達“家”)。以下是一些例子:
氣泡——評論
信封——E-mail和聯(lián)系
箭頭和硬盤——下載
問號——幫助和常見解答問題
文件夾——文件
號角——論壇
兩個環(huán)繞的箭頭——更新
顯示器——視頻
放大鏡——搜索
字母表——按字母排列
鎖——安全
星號——重要標(biāo)記
鼠標(biāo)——表示鏈接還有很多很多。。。
圖標(biāo)附加標(biāo)簽---如果圖標(biāo)還不能明確地表達意思,加上一個小小的標(biāo)簽是非常不錯的選擇。對于用戶來說,文字很清楚表達它的意思,所以可以提高圖標(biāo)的可用性。一般來說,盡量只用幾個字來做圖標(biāo)的標(biāo)簽,還有文字用一行。用可以易明的文字和簡潔的顏色。
Pixelmator 在它們的幫助導(dǎo)航欄里,很出色地做到這一點了。
Copyright@ 2011-2016 版權(quán)所有:大連千億科技有限公司 遼ICP備11013762-3號 google網(wǎng)站地圖 百度網(wǎng)站地圖 網(wǎng)站地圖
公司地址:大連市沙河口區(qū)中山路692號辰熙星海國際2317 客服電話:0411-39943997 QQ:2088827823 37482752
法律聲明:未經(jīng)許可,任何模仿本站模板、轉(zhuǎn)載本站內(nèi)容等行為者,本站保留追究其法律責(zé)任的權(quán)利! 隱私權(quán)政策聲明