很多人說設(shè)計(jì)是力求細(xì)節(jié)的,在網(wǎng)頁設(shè)計(jì)里表達(dá)出的細(xì)節(jié)就是圖標(biāo)。圖標(biāo)在一個(gè)設(shè)計(jì)里帶來了額外的注解并且使設(shè)計(jì)里的對象和元素引起用戶的留心。
請觀看網(wǎng)頁教程網(wǎng)揭曉的Photoshop教程 :建立有創(chuàng)新力的站點(diǎn)導(dǎo)航
以下介紹的是一個(gè)用圖標(biāo)描述的更優(yōu)要領(lǐng)。當(dāng)運(yùn)用圖標(biāo)時(shí),圖標(biāo)的描述包含了一系列的隱喻。這也是在站點(diǎn)導(dǎo)航廣泛運(yùn)用圖標(biāo)和一系列圖標(biāo)組的原由。
隱喻:
圖標(biāo)是文字的隱喻,也讓人很好地知道隱喻,對于可用性來說,在站點(diǎn)之間有效地執(zhí)行 交流是至關(guān)主要的,圖標(biāo)應(yīng)該是代替文字,更能充分傳送信息。用戶須要高速地知道圖標(biāo)所表達(dá)信息。
運(yùn)用大家認(rèn)知的元素和基本的隱喻---用戶應(yīng)該會(huì)高速地知道圖標(biāo)所表達(dá)信息。作圖標(biāo)時(shí),用一些共同的元素是很主要的,就好像一個(gè)屋子(表達(dá)“家”)。以下是一些例子:
氣泡——評論
信封——E-mail和聯(lián)系
箭頭和硬盤——下載
問號——幫助和多見解答疑問
文件夾——文件
號角——論壇
兩個(gè)環(huán)繞的箭頭——更新
顯示器——視頻
放大鏡——搜索
字母表——按字母排列
鎖——**
星號——主要標(biāo)記
鼠標(biāo)——表示鏈接還有很多很多。。。
圖標(biāo)附加標(biāo)簽---如果圖標(biāo)還不能明確地表達(dá)意思,加上一個(gè)小小的標(biāo)簽是非常不錯(cuò)的選擇。對于用戶來說,文字很清楚表達(dá)它的意思,所以可以提高圖標(biāo)的可用性。一般來說,盡量只用多個(gè)字來做圖標(biāo)的標(biāo)簽,還有文字用一行。用可以易明的文字和簡潔的顏色。
Pixelmator 在它們的幫助導(dǎo)航欄里,很精彩地做到這一點(diǎn)了。
當(dāng)運(yùn)用圖標(biāo)時(shí):
作為一個(gè)按鈕---圖標(biāo)的功能很類似按鈕。用艷麗色彩的元素來代替文字。很多設(shè)計(jì)都是采用這種要領(lǐng),而且還可以用很多種其他要領(lǐng)完成。
在按鈕上附加文字---按鈕上采用圖標(biāo)和文字,這也是一個(gè)不錯(cuò)的選擇。這樣更能夠吸引用戶的眼球。
另外在Pixelmator 的作品中也有一個(gè)很好的例子。這些按鈕采用圖標(biāo)和文字。另外,這些按鈕激活時(shí)的效果也很棒。當(dāng)用戶移過這些按鈕時(shí),這些圖標(biāo)會(huì)由無色變成多彩的。這體現(xiàn)了相當(dāng)好的可用性。
支持和提示信息---圖標(biāo)代替了文字。運(yùn)用圖標(biāo)能代替了寫出來的麻煩,運(yùn)用圖標(biāo)也可以支持文字和信息。圖標(biāo)成為了支持文字注釋一種非常好的要領(lǐng)。并且成為**站點(diǎn)一種魅力。
使用在標(biāo)題和頁眉上---圖標(biāo)的運(yùn)用引起用戶的留心,這是一個(gè)主要的原理,圖標(biāo)也是很普遍地使用在標(biāo)題和頁眉上。很直觀地把用戶的眼球帶到文字的開頭。
以下是一個(gè)圖標(biāo)使用在文字開頭的好例子。
網(wǎng)頁設(shè)計(jì)中圖標(biāo)描述的更優(yōu)要領(lǐng),與大家多多交流。
查看更多寧波網(wǎng)站制作公司網(wǎng)頁設(shè)計(jì)要領(lǐng)更優(yōu)