在網(wǎng)站中我們總能看到大大小小的圖標(biāo)，很多時(shí)候，我們?cè)谠O(shè)計(jì)的時(shí)候，小圖標(biāo)可以起到化龍點(diǎn)睛的作用。好的圖標(biāo)設(shè)計(jì)要和界面風(fēng)格保持一致，不能太突出，下面和海東科技沈陽(yáng)網(wǎng)站建設(shè)的小編一起來(lái)看看如何在圖標(biāo)上下功夫？ 

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

在沈陽(yáng)網(wǎng)站建設(shè)中，一個(gè)頁(yè)面的圖標(biāo)，有一整套，這一套圖標(biāo)都要保持整體的視覺(jué)統(tǒng)一性，也就是我們常常說(shuō)的風(fēng)格統(tǒng)一。如果其中某個(gè)圖標(biāo)設(shè)計(jì)的非常牛，而無(wú)法與其他圖標(biāo)形成統(tǒng)一性，這個(gè)圖標(biāo)也不能使用，因?yàn)樗粌H起不到錦上添花的作用，而且還可能會(huì)毀壞整體的視覺(jué)統(tǒng)一性。我們要給圖標(biāo)使用相同的顏色或者配色，或者是同色系 來(lái)設(shè)計(jì)。

有時(shí)候某個(gè)用戶看到某個(gè)沒(méi)用過(guò)的圖標(biāo)，就不知道到底是什么含義，這時(shí)候我們可以在下面以文本形式標(biāo)注清楚含義及作用。因?yàn)橛脩魧?duì)不熟悉的界面或者不熟悉的圖標(biāo)有不安全感，所以對(duì)于更多復(fù)雜且抽象的功能來(lái)說(shuō)，圖形化的表達(dá)具有局限性，所以他們應(yīng)該使用合適的文本標(biāo)簽來(lái)展示；而且文本標(biāo)簽應(yīng)該始終保持可見(jiàn)，不應(yīng)讓用戶進(jìn)行任何交互才能看見(jiàn)。

基本功能太花哨的圖標(biāo)可能會(huì)對(duì)用戶體驗(yàn)產(chǎn)生負(fù)面影響，所以圖標(biāo)以簡(jiǎn)潔明了為主，要保持 圖標(biāo)的簡(jiǎn)單，現(xiàn)代，友好才行。我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)圖標(biāo)時(shí)，還要進(jìn)行圖標(biāo)的可識(shí)別性和可記憶性的測(cè)試才行，畢竟圖標(biāo)的可用性才是重中之重。我們可以在圖標(biāo)設(shè)計(jì)中使用這些技巧，來(lái)更好地完成工作。因?yàn)閳D標(biāo)很小，所以要保證圖標(biāo)在小尺寸下有非常好的可讀性及清晰性，快速辨認(rèn)，一目了然。

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