“有限中的無限”
——移動(dòng)互聯(lián)時(shí)代下手機(jī)圖標(biāo)的內(nèi)涵設(shè)計(jì)

劉翠林

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

總結(jié)

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