圖標(biāo)是圖形化用戶界面設(shè)計(jì)中的重要元素之一，也是圖形化用戶界面設(shè)計(jì)中最直接、最生動(dòng)的視覺形態(tài)，有著優(yōu)秀圖形化用戶界設(shè)計(jì)、形象明確、造型突出的圖標(biāo)，能夠迅速地被用戶所理解和接受，從而使軟件或程序的使用效率提高，最終帶給用戶很好的使用體驗(yàn)。
?

?

圖形化用戶界面圖標(biāo)設(shè)計(jì)的原則，主要有以下幾個(gè)，即圖形化用戶界面圖標(biāo)的統(tǒng)一性原則；圖標(biāo)的用戶認(rèn)知性與民族性原則；圖標(biāo)的簡(jiǎn)潔性和符號(hào)性原則；圖標(biāo)的尺寸性原則和圖標(biāo)的文字應(yīng)用原則。

?

?

統(tǒng)一性原則

?

一個(gè)軟件或程序的系統(tǒng)中，圖標(biāo)的設(shè)計(jì)風(fēng)格需要保持統(tǒng)一。因?yàn)榻y(tǒng)一的圖標(biāo)比單一零散的圖標(biāo)更具品質(zhì)，更容易讓用戶理解和接受。圖標(biāo)的造型設(shè)計(jì)，可以使用輕松詼諧的繪畫風(fēng)格，也可以使用簡(jiǎn)潔明快的平面剪影效果或酷炫時(shí)尚的3D效果。

?

?

①圖標(biāo)的透視效果表現(xiàn)，是圖標(biāo)造型中的重要因素。如果某一圖標(biāo)元素的造型設(shè)計(jì)成平行透視的表現(xiàn)效果，那么其他的圖標(biāo)，也要按照平行透視效果來進(jìn)行設(shè)計(jì)。而如果圖標(biāo)元素視覺效果是成某一個(gè)特點(diǎn)角度，即成角透視效果，那么其他所有的圖標(biāo)，都要按照這個(gè)特定角度進(jìn)行設(shè)計(jì)。

?

?

②圖標(biāo)的光影效果表現(xiàn)，也能很好地體現(xiàn)圖標(biāo)的統(tǒng)一性。圖標(biāo)的光影效果，如果不是從同一光源角度射入，那么可能會(huì)導(dǎo)致整個(gè)圖標(biāo)系統(tǒng)視覺混亂。使用統(tǒng)一的光源效果，不僅可以使圖標(biāo)整體效果統(tǒng)一，而且也會(huì)讓使用者覺得圖標(biāo)的設(shè)計(jì)比較專業(yè)。

?

?

③圖標(biāo)的色彩風(fēng)格，也需要和圖標(biāo)造型風(fēng)格相統(tǒng)一。特別是在色彩的選擇和搭配上，盡量考慮色彩三屬性的協(xié)調(diào)，色相、明度或純度3項(xiàng)中至少有1項(xiàng)是相互統(tǒng)一協(xié)調(diào)的。同時(shí)，顏色選用也不宜過多，因?yàn)檫^多的顏色在一個(gè)很小的區(qū)域里出現(xiàn)，會(huì)讓人產(chǎn)生雜亂的感覺，影響到最終視覺效果。

?

用戶認(rèn)知性與識(shí)別性原則

?

圖標(biāo)設(shè)計(jì)的目的，是通過符號(hào)化的圖形傳達(dá)信息。因此，圖標(biāo)的用戶認(rèn)知性與識(shí)別性原則，在圖標(biāo)設(shè)計(jì)中就顯得尤其重要。圖標(biāo)，是建立在虛擬世界和真實(shí)世界的一種隱喻或映射關(guān)系的橋梁。隱喻旨在“以一種更為明顯，更為熟悉的觀念符號(hào)來表示某種觀念”，觀念之間存在著類似性。

?

?

在圖標(biāo)設(shè)計(jì)中，隱喻是一個(gè)相當(dāng)重要的表現(xiàn)手法。通過歸納和聯(lián)想，使圖標(biāo)的圖案造型與圖標(biāo)的使用功能，可以建立起最為直接的聯(lián)想。但是，這種直接的聯(lián)想關(guān)系，取決于圖標(biāo)使用用戶的認(rèn)知水平和認(rèn)知習(xí)慣。相較之下，具有隱喻表現(xiàn)手法的界面圖標(biāo)設(shè)計(jì)，可以化繁為簡(jiǎn)，將抽象事物的內(nèi)涵明確化，讓使用者更容易理解和認(rèn)知，因此顯著地提高了圖標(biāo)在人機(jī)交互間的有效性和準(zhǔn)確性。

?

簡(jiǎn)潔性與符號(hào)性原則

?

視覺圖案的寫實(shí)程度，與受眾對(duì)視覺圖案的關(guān)注度，是成正比的。即越寫實(shí)的圖案，越容易引起受眾的關(guān)注。因此，設(shè)計(jì)師在進(jìn)行圖標(biāo)設(shè)計(jì)時(shí)，其設(shè)計(jì)的圖標(biāo)的視覺表現(xiàn)越是逼真，越是可以引起用戶更多的注意，也可激發(fā)更多用戶的使用興趣。但是，形象寫實(shí)逼真的圖標(biāo)設(shè)計(jì)，卻也從另一個(gè)方面影響了圖標(biāo)信息的快速傳達(dá)。

?

?

因?yàn)閳D形在傳遞信息時(shí)，其簡(jiǎn)約程度，與受眾的識(shí)別認(rèn)知度，也是成正比的。即越是簡(jiǎn)潔的圖案，越容易讓人識(shí)別和記憶，也越是能高效地傳達(dá)信息。而極度寫實(shí)或加入過多裝飾效果的圖標(biāo)，其信息傳達(dá)的快捷度，也是大打折扣的。

?

?

象征性的符號(hào)，在圖標(biāo)設(shè)計(jì)中也是常見的。符號(hào)圖標(biāo)能夠更快地被用戶所接受、記憶和識(shí)別。同時(shí)，符號(hào)圖標(biāo)所使用的圖形文件小，便于硬件的支持和運(yùn)算效率的提高。因此，在圖標(biāo)設(shè)計(jì)時(shí)，盡量不要使用過于復(fù)雜的圖案。過多的圖形和裝飾效果，會(huì)降低圖形的認(rèn)知度，特別是在小尺寸圖標(biāo)中，由于圖標(biāo)尺寸偏小，導(dǎo)致視覺上的識(shí)別度降低。

?

?

同時(shí)，也需要避免過多的元素在同一圖標(biāo)中出現(xiàn)。如果必須在圖標(biāo)中加入過多元素的話，那么就要盡量在圖標(biāo)設(shè)計(jì)時(shí)保持強(qiáng)烈的符號(hào)品質(zhì)，讓主體圖案以符號(hào)化的形式出現(xiàn)。在圖標(biāo)中，應(yīng)謹(jǐn)慎地設(shè)置圖標(biāo)的圖形元素，因?yàn)椴豢赡芩械膱D標(biāo)，都有使用簡(jiǎn)約的黑白剪影效果。

?

?

尺寸性原則

?

由于圖形化用戶界面的使用環(huán)境不同，導(dǎo)致圖形用戶界面在使用中的顯示環(huán)境不同。因此，圖形化用戶界面的圖標(biāo)尺寸，也出現(xiàn)了不同。同時(shí)，隨著顯示技術(shù)的不斷發(fā)展，圖標(biāo)對(duì)應(yīng)的顯示尺寸越來越大，分辨率越來越高，這使得圖標(biāo)的細(xì)節(jié)，也不斷地在進(jìn)行改進(jìn)中。并且跨平臺(tái)軟件的圖標(biāo)大小或像素的數(shù)量，通常按照特定的技術(shù)規(guī)范進(jìn)行設(shè)計(jì) ? 。一般的圖標(biāo)標(biāo)準(zhǔn)尺寸有4種，分別為像素、24×24 像素、32×32像素和48×48像素。

?

?

?

圖標(biāo)設(shè)計(jì)，不同于其他的視覺設(shè)計(jì)。同一圖標(biāo)，由于其尺寸不同，展示效果和制作細(xì)節(jié)也不盡相同。因此，在不同顯示系統(tǒng)下的圖標(biāo)，在圖標(biāo)設(shè)計(jì)時(shí)，都有其對(duì)應(yīng)的圖標(biāo)效果。

?

?

文字應(yīng)用原則

?

在圖標(biāo)設(shè)計(jì)中，除了圖形設(shè)計(jì)之外，還有一個(gè)重要的組成部分就是文字。簡(jiǎn)潔明快的文字標(biāo)簽和清晰準(zhǔn)確的文字說明，能更好地提高圖形化用戶界面的工作效率 。在設(shè)置圖標(biāo)文字時(shí)，最好使用簡(jiǎn)單通俗的文字作為圖標(biāo)的說明文字。在圖標(biāo)文字的選擇上，需要具備高度的概括性。同時(shí)，圖標(biāo)文字又需要有高度的信息傳達(dá)性，能夠充分體現(xiàn)其是對(duì)圖標(biāo)圖案的一種解釋和說明。

?

?

?

在圖標(biāo)文字的設(shè)計(jì)中，需要對(duì)文字屬性和文字使用環(huán)境進(jìn)行考慮。而文字的字體、尺寸和色彩等方面，也會(huì)對(duì)圖標(biāo)的整體視覺和運(yùn)行效果產(chǎn)生影響。在文字字體的選擇上，考慮圖標(biāo)字體的形態(tài)不宜復(fù)雜。文字的識(shí)別度差異，在通常情況下，中文字體應(yīng)不小于14px，英文字體應(yīng)不小于 ?12px。另外，應(yīng)該盡量使用均勻的間距，使文字更為整齊清晰，易于辨體識(shí)。

?

?

圖標(biāo)中的文字使用，是對(duì)圖標(biāo)圖案的說明，能夠讓用戶高效、快速地讀懂圖標(biāo)所需要傳達(dá)的全部信息。圖標(biāo)文字的設(shè)計(jì)，涉及到圖標(biāo)文字內(nèi)容的選擇、字體選取、字形安排以及文字的色彩的選用等多個(gè)方面，是綜合應(yīng)用的結(jié)果，也體現(xiàn)了圖標(biāo)文字應(yīng)用在圖形化界面中的重要性。

?

?

圖形化用戶界面的圖標(biāo)設(shè)計(jì)，是一個(gè)高度系統(tǒng)化的工程。