無論是網(wǎng)頁，還是手機(jī)網(wǎng)站，或者是APP，都存在著各種各樣的小圖標(biāo)，這些圖標(biāo)既可以美化頁面，又可以當(dāng)不同的功能按鍵。優(yōu)秀的圖標(biāo)要和整體頁面保持視覺的統(tǒng)一風(fēng)格，提高用戶體驗。那么我們?nèi)绾卧趫D標(biāo)上下功夫？

1、一個頁面的圖標(biāo)，有一整套，這一套圖標(biāo)都要保持整體的視覺統(tǒng)一性，也就是我們常常說的風(fēng)格統(tǒng)一。如果其中某個圖標(biāo)設(shè)計的非常牛，而無法與其他圖標(biāo)形 成統(tǒng)一性，這個圖標(biāo)也不能使用，因為它不僅起不到錦上添花的作用，而且還可能會毀壞整體的視覺統(tǒng)一性。我們要給圖標(biāo)使用相同的顏色或者配色，或者是同色系 來設(shè)計。

2、圖標(biāo)除了風(fēng)格統(tǒng)一性外，最主要的是讓用戶一眼就能識別出這個圖標(biāo)的含義，這個圖標(biāo) 有什么作用，也就是行動的明確性。例如我們看到放大鏡圖標(biāo)，第一印象就是“搜索”功能；看到房子圖標(biāo)，第一印象就是“主頁”功能；看到云和太陽，第一印象 就是“天氣”功能……圖標(biāo)的首要任務(wù)是引導(dǎo)用戶去他們需要去的地方，所以如果用戶花了超過5秒時間來思考這個圖標(biāo)的含義，那么這個圖標(biāo)就是失敗的。另外我 們在設(shè)計圖標(biāo)時，要盡量使用用戶已經(jīng)熟悉的圖標(biāo)，不要去設(shè)計什么其他的新圖標(biāo)，讓用戶無所適從。

3、圖標(biāo)要很清晰，要幫助用戶毫不費力知曉他們要做什么才行。有時候某個用戶看到某個沒用過的圖標(biāo)，就不知道到底是什么含義，這時候我們可以在下面以文 本形式標(biāo)注清楚含義及作用。因為用戶對不熟悉的界面或者不熟悉的圖標(biāo)有不安全感，所以對于更多復(fù)雜且抽象的功能來說，圖形化的表達(dá)具有局限性，所以他們應(yīng) 該使用合適的文本標(biāo)簽來展示；而且文本標(biāo)簽應(yīng)該始終保持可見，不應(yīng)讓用戶進(jìn)行任何交互才能看見。

4、圖標(biāo)一定要簡單，我們可以發(fā)現(xiàn)過于復(fù)雜的圖標(biāo)讓用戶無法記憶?；竟δ芴ㄉ诘膱D標(biāo)可能會對用戶體驗產(chǎn)生負(fù)面影響，所以圖標(biāo)以簡潔明了為主，要保持 圖標(biāo)的簡單，現(xiàn)代，友好才行。因為圖標(biāo)很小，所以要保證圖標(biāo)在小尺寸下有非常好的可讀性及清晰性，快速辨認(rèn)，一目了然。

5、手機(jī)網(wǎng)站、APP上的圖標(biāo)都是直接用手來觸控的，也我們要設(shè)計最佳觸控體驗的圖標(biāo)才行。以人的手指為圖標(biāo)大小的設(shè)計界面，觸屏對象的推薦點擊目標(biāo)尺 寸大約是7-10mm。設(shè)計圖標(biāo)時，我們要考慮觸控目標(biāo)之間的有效間距，如果圖標(biāo)與圖標(biāo)之間太近，則會導(dǎo)致用戶在觸控時引起錯誤操作。特別是“保存”和 “取消”這兩個功能的圖標(biāo)，這種具有相反功能的圖標(biāo)尤其如此。

最后，我們在設(shè)計網(wǎng)頁圖標(biāo)時，還要進(jìn)行圖標(biāo)的可識別性和可記憶性的測試才行，畢竟圖標(biāo)的可用性才是重中之重。我們可以在圖標(biāo)設(shè)計中使用這些技巧，來更好地完成工作。

【聲明：信息來自網(wǎng)絡(luò)，如有侵權(quán)，聯(lián)系既刪?！?br>