最近，空心圖標(biāo)和實心圖標(biāo)的討論變得激烈起來，有言論指出空心圖標(biāo)在視覺上比實心圖標(biāo)看起來更復(fù)雜，更容易讓用戶差生疲勞感和倦怠感。對此，設(shè)計師們都各抒己見，一部分人表示贊同這種說法，而另一部分人則表示這樣的言論將問題過分了放大化了，并且在證據(jù)方面有所欠缺。

　　圖標(biāo)也可以理解為是網(wǎng)站中的一種指引，是每個新用戶都會涉及到的元素，所以無論空心或?qū)嵭模粋€能夠令人一目了然，并且記憶深刻的圖標(biāo)才是用戶真正喜歡的圖標(biāo)。

　　以下是AnyForWeb搜尋的一些空心或?qū)嵭牡膱D標(biāo)案例，看看你更傾心于哪一款呢?

　　1.模糊背景上覆蓋著由簡單線條、字體和單一的顏色組成的空心圖標(biāo)，這會讓整個界面看起來很優(yōu)雅。不僅如此，這種簡易的設(shè)計手法也讓設(shè)計師輕松不少，在效果和操作上都令大家很滿意。

　　2.純色的背景似乎搭配任何元素都能達到令人意想不到的效果，下面這個案例也不例外。正紅色與白色之間的經(jīng)典配搭，加以可愛的造型，成就了一個俏皮的實心圖標(biāo)設(shè)計。界面底部的實心按鈕與幽靈按鈕也與圖標(biāo)區(qū)域前后呼應(yīng)。

　　3.APP底部的圖標(biāo)隨著用戶的任意切換，在空心和實心之間自由轉(zhuǎn)變。實心的圖標(biāo)相比較空心的而言，給人一種更突出和明顯的視覺效果，讓用戶更容易的抓到重點。而主內(nèi)容左邊的卡通小圖案同時采用了空心的設(shè)置，盡顯極簡主義。

　　4.Line的界面似乎代表了大多數(shù)APP的圖標(biāo)設(shè)計方式。頭部和底部的圖標(biāo)選用兩種顏色的實心設(shè)計，下拉菜單部分使用空心圖標(biāo)。這樣的設(shè)計雖然比較大眾化，但不可否認的是，這樣的做法的確讓整個界面看起來格外整潔。

　　5.幽靈按鈕雖然簡潔大方，但是過多的使用會另界面很單調(diào)無味，但如果使用全部實心的圖標(biāo)設(shè)計又會覺得很突兀。下面這個案例就想出了一個好方法。既然空心實心都不合適，那不如嘗試一下讓兩者結(jié)合在一起吧。

　　6.兩種色差明顯的顏色搭配在一起會體現(xiàn)出一種自然而然的時尚感，黑色背景和亮黃色的圖標(biāo)元素就是很典型的例子。強烈的對比色會讓空心圖標(biāo)看起來也像實心圖標(biāo)一樣，具有突出重點的效果。

　　7.Metro風(fēng)格的界面設(shè)計也能運用在APP的圖標(biāo)模塊中，案例中將各種第三方分享平臺的實心圖標(biāo)都用方塊元素連接在一起，讓原本單調(diào)的圖標(biāo)瞬間活躍了起來，給用戶一種煥然一新的感覺。

　　8.傳統(tǒng)的導(dǎo)航圖標(biāo)大多會集中在一個區(qū)域內(nèi)，而SevenEleven的APP在此做了很大的突破，將4個部分分別分布在界面的上下左右，簡單的界面突然有了運動場的氛圍，讓APP充滿了生命力。

　　9.天氣類應(yīng)用的看點中總會有氣候圖標(biāo)的一席之地，正如這個案例中所表現(xiàn)的，這又是一個空心與實心相結(jié)合的圖標(biāo)設(shè)計。

　　10.這也是一個純色塊與實心圖標(biāo)搭配的案例，這個APP的界面設(shè)計其實很普通，但正因為圖標(biāo)的設(shè)計讓網(wǎng)站變得可愛起來。

　　圖標(biāo)在網(wǎng)頁設(shè)計中算是一個小單元，但它的重要性大家都有目共睹。空心圖標(biāo)和實心圖標(biāo)在不同的環(huán)境中發(fā)揮著不同的作用，美化著網(wǎng)頁中的小細節(jié)。