如果你的網(wǎng)站曾經(jīng)多次改版，你可以將五年前的網(wǎng)站與現(xiàn)在的網(wǎng)站，做一個(gè)對(duì)比。是的，圖片可能更精美了、布局可能更潮流了，這些似乎都沒有質(zhì)的改變。你會(huì)發(fā)現(xiàn)這樣一位非常明顯的改變——今天的網(wǎng)站，特別是企業(yè)網(wǎng)站，文字更少而圖標(biāo)更多。為什么會(huì)出現(xiàn)這樣的變化呢？這樣的變化對(duì)用戶體驗(yàn)來說是好還是壞呢？方維網(wǎng)站建設(shè)就這一問題進(jìn)行分析。
 

圖標(biāo)的作用

圖標(biāo)本質(zhì)上就是圖形，最簡單的圖標(biāo)就是幾何圖形。在設(shè)計(jì)領(lǐng)域，圖標(biāo)有如下三個(gè)作用：
一是替代的作用。用圖標(biāo)替代語言和文字，此類圖標(biāo)是具有一定傳播度和舒適度的圖標(biāo)，它們很容易與文字對(duì)應(yīng)起來。例如，我們看到公廁門口的小人，就知道這是廁所。甚至不用寫上“男女”的文字。
二是指示作用。其具有指示方向、方位、地理位置的作用。包括箭頭等圖標(biāo)，都具有這一作用。
三是間隔的作用。例如，我們?cè)谖恼轮谐３３霈F(xiàn)的間隔線，起到了切割整體的作用。此類圖標(biāo)的出現(xiàn)，可以緩解閱讀大量文字產(chǎn)生的視覺疲勞。
四是吸引研究的作用。圖標(biāo)容易被著色，相較于文字而言，給圖標(biāo)加上合理的顏色，圖標(biāo)可以吸引用戶的注意力。

網(wǎng)站為何要使用圖標(biāo)？

最初的網(wǎng)站設(shè)計(jì)，圖標(biāo)很少，甚至只有一個(gè)LOGO可以算作是圖標(biāo)。即便使用圖標(biāo)，也會(huì)使用常用的數(shù)量有限的幾種圖標(biāo)。但是，現(xiàn)在，大量的網(wǎng)站開始使用圖標(biāo)，這是為什么呢？
我們分析有如下幾個(gè)原因：
首先，受到手機(jī)系統(tǒng)設(shè)計(jì)的影響。在PC時(shí)代，例如，視窗系統(tǒng)，大量使用了文字而不是圖標(biāo)。但是無論是IOS系統(tǒng)還是安卓系統(tǒng)，都是使用了大量的圖標(biāo)進(jìn)行組織。網(wǎng)站設(shè)計(jì)也受此影響，開始加入大量的圖標(biāo)。
其次，受到移動(dòng)優(yōu)先的影響。響應(yīng)式網(wǎng)站實(shí)際上就是移動(dòng)優(yōu)先，面對(duì)手機(jī)較小的屏幕，只能減少文字而增加圖標(biāo)，用圖標(biāo)代替文字。例如，單純的PC網(wǎng)站想要用戶回到頂部，會(huì)增加一個(gè)“回到頂部”的按鈕，但是響應(yīng)式網(wǎng)站可能只安裝一個(gè)“置頂”的圖標(biāo)。
最后，也受到潮流文化的影響。簡潔文化、極簡生活，已經(jīng)成為一種潮流，圖標(biāo)比文字顯然更為簡潔，設(shè)計(jì)業(yè)界也追隨了這一趨勢(shì)。

圖標(biāo)在網(wǎng)站設(shè)計(jì)中的應(yīng)用

一是讓頁面更有設(shè)計(jì)感使用圖標(biāo)。例如重要的文字說明，會(huì)搭配圖標(biāo)使用。這會(huì)給用戶更強(qiáng)的科技感和設(shè)計(jì)感。
二是直接用圖標(biāo)進(jìn)行代替。例如，網(wǎng)站上“掛”的售后服務(wù)，可能只有圖標(biāo)，如企鵝圖標(biāo)表示QQ客服、電話圖標(biāo)表示打電話、二維碼圖標(biāo)表示企業(yè)公眾號(hào)。
三是用圖標(biāo)進(jìn)行方向和操作案例。比如，企業(yè)網(wǎng)站中的一篇文章，在手機(jī)中可能只會(huì)呈現(xiàn)一部分，然后下面有一個(gè)“繼續(xù)閱讀”的箭頭圖標(biāo)。這樣的設(shè)計(jì)，可以給予用戶更多的選擇權(quán)，并且頁面看起來也更為干凈。

網(wǎng)站設(shè)計(jì)中圖標(biāo)使用誤區(qū)

我們也發(fā)現(xiàn)，一些網(wǎng)頁設(shè)計(jì)者，存在圖標(biāo)濫用、錯(cuò)用、不正當(dāng)使用的問題。主要體現(xiàn)在如下幾個(gè)方面。
一個(gè)方面是圖標(biāo)過度使用。一些本來不需要使用、沒必要使用圖標(biāo)的地方，使用了圖標(biāo)。導(dǎo)致網(wǎng)站圖標(biāo)數(shù)量過多，然而給人以零碎的感覺。
另一個(gè)方面是圖標(biāo)模糊使用。例如，使用不常見的、意思傳達(dá)不準(zhǔn)確的圖標(biāo)，加之沒有精煉的文字說明，導(dǎo)致用戶存在誤操作。
綜上，圖標(biāo)在網(wǎng)站設(shè)計(jì)中應(yīng)用，雖然是一個(gè)趨勢(shì)，但是也要合理使用、正確使用。