張振中

鄭州成功財(cái)經(jīng)學(xué)院，鄭州 451200

圖標(biāo)是圖形化用戶界面設(shè)計(jì)中的重要元素之一，也是圖形化用戶界面設(shè)計(jì)中最直接、最生動(dòng)的視覺(jué)形態(tài)，有著優(yōu)秀圖形化用戶界設(shè)計(jì)、形象明確、造型突出的圖標(biāo)，能夠迅速地被用戶所理解和接受，從而使軟件或程序的使用效率提高，最終帶給用戶很好的使用體驗(yàn)。同時(shí)，圖標(biāo)的設(shè)計(jì)，并不是簡(jiǎn)單對(duì)圖形或圖片進(jìn)行堆砌，而是要深入到用戶的操作和交互使用過(guò)程中，區(qū)分用戶對(duì)圖標(biāo)“使用”和“適用”的需求[1]。因此，在圖形化用戶界面的圖標(biāo)設(shè)計(jì)中，需要對(duì)圖形化用戶界面的用戶使用過(guò)程中各個(gè)方面進(jì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)用原則。具體從這幾個(gè)方面入手，通過(guò)相關(guān)案例分析在圖標(biāo)設(shè)計(jì)中需要注意的問(wèn)題，進(jìn)行了相應(yīng)的探討。其目的，就是要將上述原則，繼續(xù)落實(shí)在今后的圖標(biāo)設(shè)計(jì)實(shí)踐之中。

一、圖標(biāo)的統(tǒng)一性原則

一個(gè)軟件或程序的系統(tǒng)中，圖標(biāo)的設(shè)計(jì)風(fēng)格需要保持統(tǒng)一。因?yàn)榻y(tǒng)一的圖標(biāo)比單一零散的圖標(biāo)更具品質(zhì)，更容易讓用戶理解和接受[2]。圖標(biāo)的造型設(shè)計(jì)，可以使用輕松詼諧的繪畫風(fēng)格，也可以使用簡(jiǎn)潔明快的平面剪影效果或酷炫時(shí)尚的3D效果。而在當(dāng)下流行的3D效果圖標(biāo)中，透視效果和光影效果，則無(wú)疑很好地促成了圖標(biāo)的整體統(tǒng)一風(fēng)格。

其一，圖標(biāo)的透視效果表現(xiàn)，是圖標(biāo)造型中的重要因素。如果某一圖標(biāo)元素的造型設(shè)計(jì)成平行透視的表現(xiàn)效果，那么其他的圖標(biāo)，也要按照平行透視效果來(lái)進(jìn)行設(shè)計(jì)。而如果圖標(biāo)元素視覺(jué)效果是成某一個(gè)特點(diǎn)角度，即成角透視效果，那么其他所有的圖標(biāo)，都要按照這個(gè)特定角度進(jìn)行設(shè)計(jì)。例如，智能手機(jī)主題的圖標(biāo)設(shè)計(jì)。又如，REAL VⅠSTA General 3D圖標(biāo)設(shè)計(jì)（見(jiàn)圖1），如果其中一個(gè)照相機(jī)圖標(biāo)的放置效果為正面透視成30°角，那么在這一主題下，其他圖標(biāo)包括用戶、游戲、打印機(jī)、攝像頭等在內(nèi)的應(yīng)用程序的圖標(biāo)設(shè)計(jì)效果，也同樣需要按照正面透視成30°角的效果來(lái)設(shè)計(jì)。因?yàn)橹挥羞@樣的設(shè)計(jì)，才能使所設(shè)計(jì)的界面整體有統(tǒng)一的視覺(jué)效果。

圖1 REAL VISTA General 3D圖標(biāo)設(shè)計(jì)①

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

在VⅠSTAR系統(tǒng)的使用說(shuō)明書中，有一章專門介紹圖標(biāo)的光影效果的使用規(guī)范，這樣的開發(fā)細(xì)節(jié)規(guī)定，便于圖標(biāo)設(shè)計(jì)者和開發(fā)者設(shè)計(jì)的圖標(biāo)，能夠和VⅠSTAR系統(tǒng)相一致。同時(shí)，使用陰影也可以提升圖標(biāo)在背景上的可視性，這是大多數(shù)設(shè)計(jì)師習(xí)慣用到的手法，如果只在空白背景上做一個(gè)立體效果的圖標(biāo)，而沒(méi)有添加任何的背景或陰影，那么使用者就會(huì)感覺(jué)到這個(gè)圖案漂浮在背景空間上，是不穩(wěn)定的。如果加入陰影作為背景，那么就不至于讓人感覺(jué)到如此地飄忽不定，整體圖標(biāo)也顯得穩(wěn)定。統(tǒng)一的陰影位置和角度，搭配統(tǒng)一的光影角度，這樣圖形化界面也會(huì)顯得統(tǒng)一協(xié)調(diào)。

例如，創(chuàng)意醫(yī)療圖標(biāo)設(shè)計(jì)（見(jiàn)圖2），使用統(tǒng)一的立體方形為背景，搭配統(tǒng)一的右上角光源效果和左下角陰影位置，雖然圖標(biāo)造型簡(jiǎn)單，但是整體效果統(tǒng)一明確，同時(shí)具有強(qiáng)烈的視覺(jué)穩(wěn)定感。

圖2 創(chuàng)意醫(yī)療圖標(biāo)設(shè)計(jì)②

其三，圖標(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í)，顏色選用也不宜過(guò)多，因?yàn)檫^(guò)多的顏色在一個(gè)很小的區(qū)域里出現(xiàn)，會(huì)讓人產(chǎn)生雜亂的感覺(jué)，影響到最終視覺(jué)效果。例如，女性手機(jī)圖標(biāo)（見(jiàn)圖3），其使用了玫紅色為圖標(biāo)設(shè)計(jì)的主色調(diào)，這不僅體現(xiàn)了女性的特色，而且使整個(gè)的圖形化用戶界面的圖標(biāo)，排列成為了一個(gè)統(tǒng)一的整體。

圖3 女性手機(jī)主題圖標(biāo)設(shè)計(jì)③

二、圖標(biāo)的用戶認(rèn)知性與識(shí)別性原則

圖標(biāo)設(shè)計(jì)的目的，是通過(guò)符號(hào)化的圖形傳達(dá)信息。因此，圖標(biāo)的用戶認(rèn)知性與識(shí)別性原則，在圖標(biāo)設(shè)計(jì)中就顯得尤其重要。圖標(biāo)，是建立在虛擬世界和真實(shí)世界的一種隱喻或映射關(guān)系的橋梁。隱喻旨在“以一種更為明顯，更為熟悉的觀念符號(hào)來(lái)表示某種觀念”[3]，觀念之間存在著類似性。在圖標(biāo)設(shè)計(jì)中，隱喻是一個(gè)相當(dāng)重要的表現(xiàn)手法。通過(guò)歸納和聯(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)確性[4]。

一個(gè)小型企業(yè)內(nèi)部程序?qū)俚能浖D標(biāo)，其設(shè)計(jì)的定位與規(guī)劃，與大眾軟件所使用的圖標(biāo)的定位與規(guī)劃，是截然不同的。因?yàn)?，特定軟件的圖標(biāo)所對(duì)應(yīng)的使用人群，和大眾軟件所對(duì)應(yīng)的使用人群的范圍，存在著很大的差異。這些用戶的認(rèn)知水平和認(rèn)知習(xí)慣，因而也就存在很大的不同。在設(shè)計(jì)圖標(biāo)時(shí)所要考慮的因素，最為關(guān)鍵的就是用戶的認(rèn)知能力。據(jù)心理學(xué)家研究表明，用戶認(rèn)知的差異來(lái)自于多個(gè)方面，其中主要包括用戶在社會(huì)文化、民族文化、地域特點(diǎn)、性別、教育程度等方面的差異。

很多人對(duì)社會(huì)文化的理解，感覺(jué)很抽象。其實(shí)，在圖形設(shè)計(jì)特別是圖標(biāo)設(shè)計(jì)中，所謂用戶認(rèn)知的社會(huì)文化差異，就是社會(huì)文化視覺(jué)元素的區(qū)別。這些差異，又體現(xiàn)在視覺(jué)圖形的使用習(xí)慣、視覺(jué)符號(hào)的地域特點(diǎn)、地域環(huán)境對(duì)視覺(jué)元素的區(qū)別與影響等方面。相同的視覺(jué)元素，應(yīng)用在符號(hào)設(shè)計(jì)中，可能會(huì)產(chǎn)生不同的視覺(jué)效果和符號(hào)含義。

在圖標(biāo)的設(shè)計(jì)中，也是一樣的道理。相同的元素，使用在不同系統(tǒng)，圖標(biāo)就會(huì)出現(xiàn)不同的應(yīng)用效果。例如，移動(dòng)通訊設(shè)備中應(yīng)用程序“設(shè)置”功能的圖標(biāo)，歐洲和北美的部分區(qū)域，使用了齒輪作為圖形元素，而亞洲國(guó)家則使用扳手和螺絲刀作為圖形元素（見(jiàn)圖4）。產(chǎn)生這種情況的原因，主要是歐洲和北美的人進(jìn)入機(jī)械化工業(yè)的時(shí)間較長(zhǎng)，齒輪是工業(yè)化的代表，因此，在他們的心目中，對(duì)“設(shè)置”功能的印象，就是機(jī)械齒輪的調(diào)整。而亞洲國(guó)家由于進(jìn)入機(jī)械化階段時(shí)間短，大眾對(duì)“設(shè)置”功能這個(gè)概念的印象，還停留在手工業(yè)時(shí)代，所以手動(dòng)的扳手和螺絲刀，給他們帶來(lái)更為直接的聯(lián)想。在圖標(biāo)設(shè)計(jì)中，正確地理解和分析不同使用者對(duì)視覺(jué)圖形的認(rèn)知，顯得尤其重要。

圖4 “設(shè)置”功能圖標(biāo)設(shè)計(jì)④

圖標(biāo)的用戶識(shí)別性體現(xiàn)在文化傳統(tǒng)、生活環(huán)境和行為習(xí)慣這3個(gè)方面，因?yàn)樵诓煌膰?guó)家和民族，這3個(gè)方面是徹底不同的。在電子郵件之類應(yīng)用程序的圖形化界面設(shè)計(jì)中，郵件圖標(biāo)造型設(shè)計(jì)體現(xiàn)得最為突出。因?yàn)猷]箱在全球各個(gè)地方都有，但是，在不同的國(guó)家或不同的區(qū)域，這些郵箱的造型，卻有著很大的不同。

蘋果公司的智能手機(jī)圖標(biāo)中，有用到郵件功能的圖標(biāo)，它所設(shè)計(jì)的圖標(biāo)，需要帶有人機(jī)交互識(shí)別性原則。如果蘋果公司設(shè)計(jì)的這個(gè)大眾軟件的郵箱圖標(biāo)，其圖標(biāo)視覺(jué)形象基于一個(gè)小國(guó)家的鄉(xiāng)村郵箱造型，顯然是錯(cuò)誤的。因此蘋果公司的智能手機(jī)郵件圖標(biāo)，選用了更適合于大多數(shù)使用，又易于讓人識(shí)別的“郵票”元素（見(jiàn)圖5）。因?yàn)猷]票是全球通用郵資憑證，郵票外框的半圓孔造型的識(shí)別性，遠(yuǎn)高于造型各異的郵箱，同時(shí)具有普適性，所以這種元素的視覺(jué)形象，在蘋果的圖標(biāo)設(shè)計(jì)上，獲得了大眾的廣泛認(rèn)可。

圖5 蘋果公司“郵件”功能圖標(biāo)設(shè)計(jì)⑤

三、圖標(biāo)的簡(jiǎn)潔性和符號(hào)性原則

研究表明，視覺(jué)圖案的寫實(shí)程度，與受眾對(duì)視覺(jué)圖案的關(guān)注度，是成正比的。即越寫實(shí)的圖案，越容易引起受眾的關(guān)注。因此，設(shè)計(jì)師在進(jìn)行圖標(biāo)設(shè)計(jì)時(shí)，其設(shè)計(jì)的圖標(biāo)的視覺(jué)表現(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í)或加入過(guò)多裝飾效果的圖標(biāo)，其信息傳達(dá)的快捷度，也是大打折扣的。

象征性的符號(hào)，在圖標(biāo)設(shè)計(jì)中也是常見(jiàn)的。符號(hào)圖標(biāo)能夠更快地被用戶所接受、記憶和識(shí)別。同時(shí)，符號(hào)圖標(biāo)所使用的圖形文件小，便于硬件的支持和運(yùn)算效率的提高。因此，在圖標(biāo)設(shè)計(jì)時(shí)，盡量不要使用過(guò)于復(fù)雜的圖案。過(guò)多的圖形和裝飾效果，會(huì)降低圖形的認(rèn)知度，特別是在小尺寸圖標(biāo)中，由于圖標(biāo)尺寸偏小，導(dǎo)致視覺(jué)上的識(shí)別度降低。同時(shí)，也需要避免過(guò)多的元素在同一圖標(biāo)中出現(xiàn)。如果必須在圖標(biāo)中加入過(guò)多元素的話，那么就要盡量在圖標(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)約的黑白剪影效果。雖然WP8系統(tǒng)圖標(biāo)基本使用這一風(fēng)格（見(jiàn)圖6），還同時(shí)體現(xiàn)了圖標(biāo)扁平化趨勢(shì)，但是要在圖標(biāo)中加入使人感興趣的視覺(jué)效果，在設(shè)計(jì)時(shí)，就不能減少對(duì)用戶視覺(jué)的沖擊體驗(yàn)效果的關(guān)注。過(guò)于平淡的設(shè)計(jì)，往往會(huì)導(dǎo)致用戶的厭惡和抵觸心理。因此，圖標(biāo)設(shè)計(jì)可以在明確識(shí)別和信息傳達(dá)的同時(shí)，加強(qiáng)一下視覺(jué)效果，哪怕是損失一部分快速識(shí)別的符號(hào)化元素。把握識(shí)別度和符號(hào)化相關(guān)的程度關(guān)系，是很重要的。這種類型的設(shè)計(jì)，一般在大尺寸的圖標(biāo)上應(yīng)用得相對(duì)多一些。而相對(duì)小尺寸的圖標(biāo)，則更多地需要較少的裝飾或視覺(jué)效果，這樣能夠便于用戶識(shí)別。

圖6 WP8系統(tǒng)圖標(biāo)設(shè)計(jì)⑥

四、圖標(biāo)的尺寸性原則

由于圖形化用戶界面的使用環(huán)境不同，導(dǎo)致圖形用戶界面在使用中的顯示環(huán)境不同。因此，圖形化用戶界面的圖標(biāo)尺寸，也出現(xiàn)了不同。同時(shí)，隨著顯示技術(shù)的不斷發(fā)展，圖標(biāo)對(duì)應(yīng)的顯示尺寸越來(lái)越大，分辨率越來(lái)越高，這使得圖標(biāo)的細(xì)節(jié)，也不斷地在進(jìn)行改進(jìn)中。并且跨平臺(tái)軟件的圖標(biāo)大小或像素的數(shù)量，通常按照特定的技術(shù)規(guī)范進(jìn)行設(shè)計(jì)[5]。一般的圖標(biāo)標(biāo)準(zhǔn)尺寸有4種，分別為16×16像素、24×24 像素、32×32像素和48×48像素。這4種常規(guī)尺寸的圖標(biāo)，在PC系統(tǒng)中使用，從Windows 98系統(tǒng)開始，一直持續(xù)到Windows XP。隨著電子產(chǎn)品的不斷發(fā)展及操作系統(tǒng)的更新?lián)Q代的不斷加速，圖形化界面設(shè)計(jì)的形式越來(lái)越多，圖標(biāo)的尺寸也越來(lái)越大，目前已經(jīng)逐步發(fā)展成為4種標(biāo)準(zhǔn)尺寸，即小圖標(biāo)32×32像素、中圖標(biāo)64×64 像素、大圖標(biāo) 128×128 像素，以及特大圖標(biāo)256×256像素。在Windows 7系統(tǒng)中，最大的圖標(biāo)尺寸，已經(jīng)發(fā)展到了512×512像素。在圖標(biāo)設(shè)計(jì)中，圖標(biāo)的尺寸越大，意味著設(shè)計(jì)師在制作圖標(biāo)的過(guò)程中，所需要考慮和展現(xiàn)的細(xì)節(jié)就越多，同時(shí)也需要配合和考慮到系統(tǒng)的整體性[6]。

圖標(biāo)設(shè)計(jì)，不同于其他的視覺(jué)設(shè)計(jì)。同一圖標(biāo)，由于其尺寸不同，展示效果和制作細(xì)節(jié)也不盡相同。因此，在不同顯示系統(tǒng)下的圖標(biāo)，在圖標(biāo)設(shè)計(jì)時(shí)，都有其對(duì)應(yīng)的圖標(biāo)效果。例如，Artisan Ophone手機(jī)圖標(biāo)（見(jiàn)圖7），在不同的尺寸大小上，其效果有著細(xì)微的差別，同時(shí)在整體觀看時(shí)，又是效果統(tǒng)一協(xié)調(diào)的。

圖7 Artisan Ophone手機(jī)圖標(biāo)設(shè)計(jì)⑦

因此，在設(shè)計(jì)制作不同系統(tǒng)、不同尺寸的圖標(biāo)時(shí)，應(yīng)注意相關(guān)的問(wèn)題。在設(shè)計(jì)制作大尺寸圖標(biāo)和小尺寸圖標(biāo)時(shí)，也有需要注意的問(wèn)題。在Windows XP系統(tǒng)中，桌面快捷方式的大圖標(biāo)，使用的是帶陰影效果的，而在導(dǎo)航欄中的小圖標(biāo)，則是不帶陰影效果的。這些因素，都是要根據(jù)特定的軟件或程序的尺寸需求，來(lái)進(jìn)行設(shè)計(jì)的。

五、圖標(biāo)的文字應(yīng)用原則

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

在圖標(biāo)文字的設(shè)計(jì)中，需要對(duì)文字屬性和文字使用環(huán)境進(jìn)行考慮。而文字的字體、尺寸和色彩等方面，也會(huì)對(duì)圖標(biāo)的整體視覺(jué)和運(yùn)行效果產(chǎn)生影響。在文字字體的選擇上，考慮圖標(biāo)字體的形態(tài)不宜復(fù)雜。黑體和中等線體等字體，因其橫豎撇捺筆畫一致相等、空隙均勻，是圖標(biāo)文字中比較常用的字體[8]。而圖標(biāo)字體的大小，則應(yīng)根據(jù)圖標(biāo)顯示尺寸的大小來(lái)進(jìn)行設(shè)計(jì)。由于文字的識(shí)別度差異，在通常情況下，中文字體應(yīng)不小于14px，英文字體應(yīng)不小于12px。另外，應(yīng)該盡量使用均勻的間距，使文字更為整齊清晰，易于辨識(shí)[9]。

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

六、結(jié)語(yǔ)

設(shè)計(jì)的對(duì)象是產(chǎn)品，但是設(shè)計(jì)的目的并不是產(chǎn)品，而是滿足人類的需要[10]。圖形化用戶界面的圖標(biāo)設(shè)計(jì)，也是如此。圖形化用戶界面的圖標(biāo)設(shè)計(jì)，是一個(gè)高度系統(tǒng)化的工程，需要考慮的原則很多，需要滿足的需求也很多，可以說(shuō)，其需要解決的問(wèn)題，存在于圖標(biāo)設(shè)計(jì)過(guò)程中的各個(gè)方面。本文研究圖形化用戶界面圖標(biāo)設(shè)計(jì)的原則，通過(guò)圖標(biāo)設(shè)計(jì)過(guò)程中的各個(gè)方面原則的理論分析，是希望在圖標(biāo)設(shè)計(jì)的基礎(chǔ)理論上，加大探討與研究的力度，找尋更為人本化的圖標(biāo)設(shè)計(jì)的策略與方法，從而推動(dòng)我國(guó)圖形化用戶界面設(shè)計(jì)的理論發(fā)展，并帶動(dòng)我國(guó)ⅠT創(chuàng)意產(chǎn)業(yè)的持續(xù)發(fā)展和不斷進(jìn)步。

注釋

① 圖1來(lái)源： REAL VISTA General.REAL VISTA General 3D圖標(biāo)設(shè)計(jì)[EB/OL].（2011-09-19）[2014-12-03].http://www.visionunion.com/article.jsp?code=201109190023.

② 圖2來(lái)源：佚名.創(chuàng)意醫(yī)療圖標(biāo)按鈕圖片[EB/OL].（2013-05-12）[2014-12-03].http://www.taopic.com/vector/201305/348826.html.

③ 圖3來(lái)源：http://tieba.baidu.com/p/286904 9777.

④ 圖4來(lái)源：作者PS拼合.

⑤ 圖5來(lái)源：http://www.24ker.com/app/92.html.

⑥ 圖6來(lái)源：IT之家.WP8.1的Metro動(dòng)態(tài)磁貼：彰顯你的個(gè)性[EB/OL].（2014-04-21）[2014-12-03].http://wp.msn.com.cn/news/focus/26617 6.shtml.

⑦ 圖7來(lái)源：http://www.uedhome.cn/visual/sho jiui/032210092013.html.

[1]黃炯.手機(jī)界面圖標(biāo)設(shè)計(jì)發(fā)展研究[J].藝術(shù)與設(shè)計(jì)：理論，2013（6）：111-113.

[2]潘璠，明蘭.智能手機(jī)GUI設(shè)計(jì)原則研究[J].湖北經(jīng)濟(jì)學(xué)院學(xué)報(bào)：人文社會(huì)科學(xué)版，2012（12）：38-40.

[3]劉偉元.用戶界面中圖標(biāo)設(shè)計(jì)原則[J].包裝工程，2013（8）：94-97.

[4]任美琪，謝慶森.手機(jī)交互界面中圖標(biāo)的隱喻設(shè)計(jì)研究[J].包裝工程，2014（4）：29-31.

[5]滕兆烜，金頌文，甄永亮.論手機(jī)圖形用戶界面中圖標(biāo)設(shè)計(jì)可視性[J].包裝工程，2013（4）：66-70.

[6]張婷婷.圖形用戶界面中影響用戶認(rèn)知的圖標(biāo)設(shè)計(jì)因素研究[D].上海：上海交通大學(xué)，2011：28-29.

[7]李琰君，張振中，吳李玥.圖形化界面設(shè)計(jì)分析[J].包裝工程，2008（5）：141-143.

[8]毛珊珊.手機(jī)圖形界面的圖標(biāo)設(shè)計(jì)風(fēng)格研究[D].北京：北京服裝學(xué)院，2012：37-38.

[9]郭霞.軟件用戶界面圖標(biāo)的易用性設(shè)計(jì)研究[D].南京：南京航空航天大學(xué)，2012：34-35.

[10]李硯祖.產(chǎn)品設(shè)計(jì)藝術(shù)[M].北京：中國(guó)人民大學(xué)出版社，2005：5-6.