劉翠林

（天津商業(yè)大學(xué) 寶德學(xué)院，天津 300384）

信息時代飛速發(fā)展，如今已經(jīng)進(jìn)入移動互聯(lián)時代，手機應(yīng)用越來越廣泛，手機應(yīng)用的圖標(biāo)設(shè)計，已成為重中之重。手機應(yīng)用的圖標(biāo)英文簡稱為Icon，是為使人機界面更加易于操作和人性化而設(shè)計出的標(biāo)識特定功能的圖形標(biāo)志。隨著手機移動端的不斷發(fā)展，軟件界面設(shè)計中的圖標(biāo)設(shè)計也發(fā)揮著越來越重要的作用。圖標(biāo)的圖形化設(shè)計，在一定程度上替代了文字信息，可以跨越不同的文化背景，透過視覺符號來傳遞信息。

一、圖標(biāo)設(shè)計的重要性

（一）圖標(biāo)是手機應(yīng)用的名片

用戶了解一個新應(yīng)用是從應(yīng)用的圖標(biāo)開始的，一個應(yīng)用的個性和風(fēng)格可以從圖標(biāo)體現(xiàn)出來。圖標(biāo)作為用戶和軟件溝通的橋梁，起到了非常重要的作用。對于手機應(yīng)用來說圖標(biāo)設(shè)計有如一個品牌的標(biāo)志設(shè)計一樣，人們對某一個手機應(yīng)用的認(rèn)知，基本上是從應(yīng)用的圖標(biāo)開始，一個好的圖標(biāo)設(shè)計可以很好的告訴用戶軟件類型、特征以及用途，可以說圖標(biāo)是應(yīng)用的名片。

（二）圖標(biāo)設(shè)計對軟件的操作起到了重要的作用

另外在軟件界面中，圖標(biāo)設(shè)計對軟件的操作也起到了至關(guān)重要的作用，可以說軟件的易用性很大程度上取決于圖標(biāo)的設(shè)計和布局。由于手機屏幕空間的限制，手機應(yīng)用的圖標(biāo)必須更小，更簡潔更直觀。用戶一看到圖標(biāo)便清楚其功能和操作，不需要看幫助文件或者重新學(xué)習(xí)。圖標(biāo)設(shè)計直接影響到軟件的操作，好的圖標(biāo)設(shè)計可以讓軟件操作更簡便、更直觀。

二、圖標(biāo)設(shè)計的限制

手機界面設(shè)計經(jīng)過擬物化和扁平化的不同階段，如今的圖標(biāo)設(shè)計風(fēng)格已經(jīng)在扁平化的基礎(chǔ)上更加趨向于直觀、簡潔和易懂。在有限之中拓展無限，是軟件圖標(biāo)中的又一個難點。當(dāng)然，任何事物在一定的條件下都有一定的限度或限制，甚至有的限度，是很難改變的，只能面對和承繼它，并在有限之中主動開拓?zé)o限，創(chuàng)造無限。具體分析，軟件圖標(biāo)設(shè)計的有限，主要表現(xiàn)為：

（一）圖標(biāo)信息傳達(dá)的限制

由于手機應(yīng)用是一個軟件，要通過一個流程完成具體的功能，這個功能或簡單或復(fù)雜，而軟件的圖標(biāo)要表達(dá)這個功能。圖標(biāo)直接表達(dá)理念也是個難事，它必須采取或寓意，或象征，或暗示，或聯(lián)想等創(chuàng)意思維方式，需要告訴你的更多在圖形之外。圖標(biāo)必須傳達(dá)對應(yīng)的手機應(yīng)用要傳達(dá)的信息，用具體的有限的圖形符號去表達(dá)抽象理念確實是非常困難的事情。

（二）圖標(biāo)設(shè)計的空間限制

由于圖標(biāo)的特性，在手機軟件界面設(shè)計中，它屬于“小品”。受到手機屏幕的限制，畫面中的空間極度有限，圖標(biāo)的尺寸和形狀都有嚴(yán)格的限制，一般外形為帶有圓角的矩形或者圓形。在這么小的空間里進(jìn)行創(chuàng)意設(shè)計，這無疑在先天上限制了設(shè)計者的方方面面，必須用簡潔的元素去表達(dá)創(chuàng)意。

> 圖1 Safari瀏覽器中閱讀列表圖標(biāo)設(shè)計

> 圖2 iPhone手機地圖應(yīng)用的圖標(biāo)設(shè)計

> 圖3 IOS中的日歷和時鐘的圖標(biāo)設(shè)計

> 圖4 IOS中語音備忘錄的圖標(biāo)

（三）圖標(biāo)設(shè)計中色彩的限制

由于圖標(biāo)面積較小一般不適合使用豐富的色彩，單純的色彩是軟件圖標(biāo)設(shè)計的優(yōu)勢，亦是劣勢，讓它表現(xiàn)豐富的色彩，既不可能亦不應(yīng)該。如果用指定的專用色，那么色彩的豐富性又無回旋余地了。這些有限的條件，在軟件圖標(biāo)設(shè)計中更是無法回避的客觀存在。

（四）圖標(biāo)設(shè)計的扁平化限制

界面設(shè)計的扁平化為用戶的操作帶來了便利，減輕了系統(tǒng)的負(fù)擔(dān)提升了性能，但扁平化的設(shè)計也為圖標(biāo)設(shè)計增加了難度。在扁平化設(shè)計概念下，圖標(biāo)更加追求簡潔直觀的表達(dá)，舍棄所有額外的材質(zhì)、光影等元素。什么質(zhì)感、體積、結(jié)構(gòu)、透視等凡是繪畫藝術(shù)中能表現(xiàn)的，在圖標(biāo)設(shè)計中卻無能為力。只能另辟新徑，尋找自身的潛能優(yōu)勢。

為了簡潔，軟件圖標(biāo)中對過多元素持排斥態(tài)度。任何不需要的、可有可無的元素必須大膽拋棄，寧缺毋濫；其他藝術(shù)形式或可借助外力手段幫助完成創(chuàng)作成果。而圖標(biāo)幾乎無法爭取“外援”，一切只能靠自己。

三、在有限中創(chuàng)造無限，手機圖標(biāo)的內(nèi)涵設(shè)計

正因為圖標(biāo)的設(shè)計面臨諸多的限制，才形成了標(biāo)志獨特的藝術(shù)形象和表達(dá)形式。設(shè)計者面對軟件圖標(biāo)的種種“有限”進(jìn)行開拓創(chuàng)新，變被動為主動，尋求“無限”，創(chuàng)造“無限”，在矛盾和統(tǒng)一中尋求生存和發(fā)展之路。

一般在進(jìn)行圖標(biāo)設(shè)計時，設(shè)計師使用圖形創(chuàng)意的方法，運用聯(lián)想加同構(gòu)，通過色彩、圖形、字體等元素的組合，將軟件本身的應(yīng)用范疇和操作特征精準(zhǔn)地告訴用戶。然而隨著手機應(yīng)用的發(fā)展，每個用戶的手機里都裝有大量的應(yīng)用。在這種大量的信息面前，如何讓軟件的特性得到更好的展現(xiàn)，如何在認(rèn)知的基礎(chǔ)上傳遞給用戶更多的理念和情感，這便需要設(shè)計者發(fā)揮創(chuàng)意，在有限中創(chuàng)造無限。在很小的空間中設(shè)計和表現(xiàn)確實非常困難，只有采用超越常規(guī)的思維模式，開拓創(chuàng)新，才能將圖標(biāo)設(shè)計出新意。

（一）圖標(biāo)設(shè)計中文化內(nèi)涵的挖掘

圖標(biāo)的圖形化特點具有符號學(xué)特征，很多符號有著特定的文化內(nèi)涵，傳遞特定的信息。比方說一個波動的“K線”圖形可以傳達(dá)經(jīng)濟(jì)、金融、股票等等信息；心形圖標(biāo)可以表示愛心、健康等信息。使用約定俗成的符號，可以更準(zhǔn)確地將軟件的特性傳遞給用戶，但是使用約定俗成符號也會造成缺乏新鮮感。只有在使用這些符號的前提下，挖掘更深層次的文化內(nèi)涵，運用創(chuàng)新型的思維模式，給圖標(biāo)的設(shè)計注入更多的情感因素，才能給用戶帶來更加深刻的印象。如圖1，在蘋果手機的Safari瀏覽器中，閱讀列表的圖標(biāo)被設(shè)計成一個眼鏡的圖形，首先眼鏡代表閱讀的意思，這個圖形很好地體現(xiàn)了閱讀列表的概念。同時這個眼鏡的形狀是蘋果公司創(chuàng)始人喬布斯生前佩戴的最鐘愛的眼鏡的形狀，這不單是對喬布斯的致敬和緬懷，同時這個圖標(biāo)對于蘋果的老用戶來說也傳達(dá)出更深刻的文化內(nèi)涵和情感信息。

再比如圖2，“地圖”應(yīng)用的圖標(biāo)是一個地圖上面有一個路標(biāo)，路標(biāo)上標(biāo)有“280”的字樣，這個“280”代表了蘋果總部所在的位置美國280號州際公路。這些圖標(biāo)背后的故事無疑加深了人們對軟件的情感。

（二）動態(tài)圖標(biāo)的使用讓圖標(biāo)傳達(dá)更精準(zhǔn)的內(nèi)涵信息

隨著圖標(biāo)設(shè)計的不斷發(fā)展，圖標(biāo)不再是一個靜止的狀態(tài)，可以通過動態(tài)化處理來傳遞更多的信息和概念。一個動態(tài)的圖標(biāo)可以更好地傳達(dá)軟件的信息，為用戶提供使用方便。iPhone手機中日歷的圖標(biāo)是一個動態(tài)圖標(biāo)，實時顯示當(dāng)前日期，而時鐘的圖標(biāo)是一個正在運行的時鐘，并始終跟手機的時間保持一致（圖3）。這無疑提升了用戶的使用體驗,不但方便了用戶觀看時間，也加深了用戶的印象。

現(xiàn)在很多系統(tǒng)還采用動態(tài)壁紙，動態(tài)壁紙不但本身是個動態(tài)圖片，還可以根據(jù)時間地點的不同進(jìn)行變化。比方說根據(jù)時間的不同表現(xiàn)出白天和黑夜的不同景象，展現(xiàn)出豐富的變化。動態(tài)背景和動態(tài)圖標(biāo)互相結(jié)合可以創(chuàng)造出更加豐富的視覺效果，增強的用戶體驗。

（三）其他感官的可視化處理，讓圖標(biāo)具有全方位感官體驗

圖標(biāo)作為視覺符號，主要傳遞視覺信息，如果可以傳遞其他感官的信息，將會具有更加全面的用戶體驗。如圖4，蘋果手機的語音備忘錄圖標(biāo)，采用了一個聲音的波形作為圖形元素，很好的體現(xiàn)了語音備忘錄的特征。同時它也是“Apple”的這個單詞發(fā)出的聲音的波形，這個內(nèi)涵設(shè)計無疑帶給用戶一個驚喜，并更有創(chuàng)意地將聲波和圖形結(jié)合在一起，全方位地展現(xiàn)軟件的特性。

總結(jié)

手機應(yīng)用的圖標(biāo)設(shè)計已經(jīng)成為一個獨特的設(shè)計門類，具有自己的特點和風(fēng)格。手機應(yīng)用的圖標(biāo)設(shè)計受到有限的空間、有限的色彩、固定的形狀等等各方面的限制。隨著移動終端的不斷發(fā)展，如何在眾多的手機應(yīng)用中脫穎而出，讓手機應(yīng)用的操控更加簡便直觀，圖標(biāo)設(shè)計起到不可替代的作用。只有正確面對圖標(biāo)設(shè)計中的種種限制，在有限的空間里發(fā)揮無限的可能，做好圖標(biāo)的內(nèi)涵設(shè)計，變有限為無限，才能設(shè)計出更具創(chuàng)新性的手機應(yīng)用圖標(biāo)?！?/p>