圖標(biāo)設(shè)計(jì)原則是指做設(shè)計(jì)時(shí)要遵守的必要準(zhǔn)則。在進(jìn)行圖標(biāo)設(shè)計(jì)時(shí)，設(shè)計(jì)原則可以幫助設(shè)計(jì)師快速地進(jìn)行設(shè)計(jì)定位。下面對(duì)應(yīng)用型圖標(biāo)設(shè)計(jì)原則和功能型圖標(biāo)設(shè)計(jì)原則進(jìn)行詳細(xì)講解。

?

①可識(shí)別性。識(shí)別性是圖標(biāo)設(shè)計(jì)的首要原則，是指設(shè)計(jì)的圖標(biāo)能準(zhǔn)確地表達(dá)出所代表的隱喻，能讓用戶(hù)第一眼識(shí)別出它所代表的含義，從中獲得相關(guān)信息。

?

②差異性。在設(shè)計(jì)圖標(biāo)時(shí)，必須在突出產(chǎn)品核心功能的同時(shí)表現(xiàn)出差異性，避免同質(zhì)化，力求給用戶(hù)留下深刻的印象。

?

③使用柵格線(xiàn)。在設(shè)計(jì)圖標(biāo)時(shí)，使用柵格線(xiàn)作為設(shè)計(jì)依據(jù)，可讓圖標(biāo)與系統(tǒng)保持和諧統(tǒng)一，更好地彼此匹配。

?

①表意準(zhǔn)確。功能型圖標(biāo)設(shè)計(jì)的第一原則是表意準(zhǔn)確，要讓用戶(hù)看到一個(gè)圖標(biāo)的第一時(shí)間理解它所代表含義。功能型圖標(biāo)在應(yīng)用界面起到指示、提醒、概括和表述的作用。

?

②輪廓清晰。輪廓清晰是指形狀邊緣棱角分明，沒(méi)有發(fā)虛的像素。在 Photoshop軟件中，設(shè)置常規(guī)選項(xiàng)中選擇“將矢量工具和像素網(wǎng)格對(duì)齊”復(fù)選框。這樣在進(jìn)行繪制時(shí)形狀會(huì)自動(dòng)對(duì)齊像素網(wǎng)格不會(huì)形成發(fā)虛的像素。以及在繪制圖標(biāo)時(shí)盡量使用45角，這樣的斜線(xiàn)是最清晰的。

?

③使用圖標(biāo)網(wǎng)格。繪制圖標(biāo)時(shí)應(yīng)隨時(shí)使用48×48像素的圖標(biāo)網(wǎng)格作為繪制依據(jù)，它能有效幫助設(shè)計(jì)師掌握構(gòu)圖布局。圖標(biāo)網(wǎng)格將圖標(biāo)的繪制區(qū)域劃分為若干份等大小的網(wǎng)格，并建立了關(guān)鍵線(xiàn)形狀、繪制區(qū)(46像素)和禁繪區(qū)(2像素)，讓繪制圖標(biāo)更科學(xué)、準(zhǔn)確和快速。

?

繪制圖標(biāo)分為兩種情況：一是規(guī)則的，可在46×46像素的圖標(biāo)網(wǎng)格區(qū)域繪制；二是不規(guī)則的，如異形的五角星它會(huì)有一些尖角在禁繪區(qū)內(nèi)。

?

需要注意的是，繪制圖標(biāo)并不是一味地要嚴(yán)格遵守圖標(biāo)網(wǎng)格去進(jìn)行繪制，其實(shí)也要保持視差平衡。視差平衡是講兩個(gè)物體同樣大的尺寸，但是其中的一個(gè)物體看起來(lái)明顯要大于另一物體，此時(shí)需要將其中一物體進(jìn)行縮小，在視覺(jué)上看起來(lái)平衡。

?

④一致性。致性指的是造型規(guī)則、圓角尺寸、線(xiàn)框粗細(xì)、樣式、細(xì)節(jié)特征等的統(tǒng)一,讓圖標(biāo)的外觀整體一致。

?