一個(gè)網(wǎng)頁是否精美，細(xì)節(jié)是否完善，從網(wǎng)頁圖標(biāo)就能體現(xiàn)出來。圖標(biāo)是文字的隱喻，在網(wǎng)站制作網(wǎng)頁之間有效地進(jìn)行交流是至關(guān)重要的，圖標(biāo)能充分傳送信息。通過這些小小的圖標(biāo)，可以方便的實(shí)現(xiàn)視覺引導(dǎo)和功能劃分。那么關(guān)于網(wǎng)頁圖標(biāo)，你了解多少？

      1、無論是普通網(wǎng)頁，還是手機(jī)網(wǎng)站，或者是APP，都離不開各種各樣的圖標(biāo)。圖標(biāo)是優(yōu)秀網(wǎng)頁設(shè)計(jì)中必不可缺少的一個(gè)最重要的細(xì)節(jié)，通常一個(gè)小小的圖標(biāo)就能體現(xiàn)出網(wǎng)頁設(shè)計(jì)質(zhì)量高低。當(dāng)我們?cè)O(shè)計(jì)圖標(biāo)時(shí)，需要設(shè)計(jì)圖標(biāo)外觀精致，而且意味深刻才行，這樣才能有很高的辨識(shí)度。

     2、圖標(biāo)通常是有兩種類型：象形圖標(biāo)及表意圖標(biāo)。所謂象形圖標(biāo)，字面意思就能領(lǐng)會(huì)，就是圖標(biāo)與想表達(dá)的意思相似，例如飛機(jī)場(chǎng)圖標(biāo)就是一個(gè)飛機(jī)；搜索圖標(biāo)就是一個(gè)放大鏡；書本圖標(biāo)就是一本書；撥號(hào)圖標(biāo)就是一個(gè)電話；……這種就是最典型的象形圖標(biāo)，通過相似性或?qū)ξ锢韺?duì)象的引用來傳達(dá)含義的符號(hào)，這種圖標(biāo)也是現(xiàn)在比較流行并通用的圖標(biāo)。還有一種圖標(biāo)就是表意圖標(biāo)，與象形圖標(biāo)不同，它會(huì)更加復(fù)雜，需要人的深刻理解能力；例如一個(gè)圓里包含著一條橫線，意味著“否”，很多人看到象形圖標(biāo)第一眼還不能馬上識(shí)別出來，需要?jiǎng)幽X筋想一想才行，所以這種象形圖標(biāo)使用的并不多。大多數(shù)情況下，我們?cè)谠O(shè)計(jì)圖標(biāo)時(shí)會(huì)結(jié)合象形圖標(biāo)會(huì)和表意圖標(biāo)一起使用，這樣表達(dá)的意思更明確。

     3、網(wǎng)格，是我們?cè)O(shè)計(jì)中經(jīng)常使用的輔助工具，完美的網(wǎng)頁設(shè)計(jì)需要靠它來實(shí)現(xiàn)，例如設(shè)計(jì)大圖時(shí)需要使用風(fēng)格，而我們?cè)O(shè)計(jì)圖標(biāo)時(shí)也需要使用網(wǎng)格進(jìn)行規(guī)范化設(shè)計(jì)。運(yùn)用網(wǎng)格來設(shè)計(jì)圖標(biāo)，可以讓一組或者一套圖標(biāo)保持集中及一致性，可以決定圖標(biāo)的間距以及對(duì)齊規(guī)則。大多數(shù)情況下，使用一些簡單方便的網(wǎng)格會(huì)更加有助于你的圖標(biāo)設(shè)計(jì)。

     4、圖標(biāo)應(yīng)該和網(wǎng)站整體設(shè)計(jì)相配，圖標(biāo)設(shè)計(jì)不僅僅是代表真實(shí)對(duì)象的圖形符號(hào)。它更是一種獨(dú)特的語言，其中每個(gè)圖標(biāo)都具有專屬的意義。我們可以使用相同的風(fēng)格來設(shè)計(jì)圖標(biāo)；還可以注意每個(gè)圖標(biāo)的尺寸，要注意圓形、方形、三角形的視覺平衡；還可以使用相同的元素來設(shè)計(jì)圖標(biāo)；或者是使用相同的配色方案也設(shè)計(jì)圖標(biāo)。這樣設(shè)計(jì)出來的圖標(biāo)，其視覺風(fēng)格才會(huì)與整體設(shè)計(jì)風(fēng)格相似，才能與整個(gè)頁面風(fēng)格完美契合，提供了一種視覺上的和諧感。

     5、通常設(shè)計(jì)圖標(biāo)的尺寸都有一定的規(guī)則，傳統(tǒng)的尺寸有：16×16, 24×24, 32×32, 48×48, 64×64, 96×96, 128×128, 256×256, 512×512，這些就是應(yīng)用在手機(jī)、電腦、移動(dòng)設(shè)備上的各種圖標(biāo)尺寸。當(dāng)然，設(shè)計(jì)小圖標(biāo)是比較難的，畢竟要在那么小的尺寸上表達(dá)出含義或者功能，是相當(dāng)復(fù)雜及困難的，通常建議使用64-96px最佳。確定了一個(gè)圖標(biāo)的尺寸后，其他一套的圖標(biāo)都可以按這個(gè)尺寸來設(shè)計(jì)。

     6、仔細(xì)觀察不同的圖標(biāo)，發(fā)現(xiàn)圖標(biāo)通常有六種最常見的風(fēng)格：線性圖標(biāo)，這種最簡單，純用線條設(shè)計(jì)出來的圖標(biāo)；還有填充圖標(biāo)，也就是在線性圖標(biāo)基礎(chǔ)上填充一些顏色，讓圖標(biāo)更豐富；還有單色圖標(biāo)，這種圖標(biāo)很常見，一套所有圖標(biāo)都只使用一種顏色；扁平化圖標(biāo)，也現(xiàn)在流行的圖標(biāo)，表意準(zhǔn)確，適合扁平化網(wǎng)頁；手繪風(fēng)格圖標(biāo)，這種圖標(biāo)不太常見，通常運(yùn)用在一些活潑性網(wǎng)頁上；擬物化圖標(biāo)，這種是最復(fù)雜的圖標(biāo)，要求設(shè)計(jì)師技術(shù)高超，否則設(shè)計(jì)的圖標(biāo)超級(jí)難看。

      我們?cè)谠O(shè)計(jì)圖標(biāo)時(shí)，需要了解圖標(biāo)基礎(chǔ)知識(shí)，才能有更好的進(jìn)步和提升，設(shè)計(jì)出一套外觀精致、意味深刻的圖標(biāo)。