交互界面圖標(biāo)的隱喻
——以廣州百年音樂(lè)家數(shù)字檔案為例

盧冰虹

（廣州大學(xué),廣東廣州 510006）

新一代信息技術(shù)影響下，由數(shù)字化控制的人機(jī)界面設(shè)計(jì)，正逐漸轉(zhuǎn)向凸顯智能化應(yīng)用的界面功能，從界面視覺(jué)系統(tǒng)的視角，圖標(biāo)是一種將文本內(nèi)容轉(zhuǎn)換成圖形元素的應(yīng)用形式，界面設(shè)計(jì)過(guò)程中，圖標(biāo)不僅實(shí)現(xiàn)觀眾對(duì)復(fù)雜信息的快速識(shí)別，更具備引導(dǎo)用戶開(kāi)展對(duì)應(yīng)需求的交互活動(dòng)的作用。這些設(shè)計(jì)在于服務(wù)用戶更高效的運(yùn)用信息進(jìn)行有效轉(zhuǎn)換；但不單只停留在視覺(jué)感官上，而是對(duì)交互體驗(yàn)是否流暢、是否能夠符合用戶對(duì)交互的預(yù)期判斷，也是交互體驗(yàn)的深層知覺(jué)感官體驗(yàn)。

一、圖標(biāo)的隱喻

1.圖標(biāo)表征

以特定符號(hào)呈現(xiàn)、具有高強(qiáng)識(shí)別性和功能性的圖形，稱為圖標(biāo)（iсоn）。圖標(biāo)是界面中一個(gè)系統(tǒng)或者多個(gè)系統(tǒng)并存的重構(gòu)狀態(tài)，在呈現(xiàn)圖形視覺(jué)風(fēng)格的同時(shí)，傳遞其表征背后蘊(yùn)含的信息，用戶通過(guò)對(duì)圖標(biāo)形狀聯(lián)想這些信息，進(jìn)而實(shí)現(xiàn)智能化的人機(jī)界面交互活動(dòng)。

作為一個(gè)導(dǎo)向型的功能圖標(biāo)，在設(shè)計(jì)上需要符合促進(jìn)用戶正確判斷功能的元素，這種元素的選擇通常來(lái)自受眾通用的認(rèn)知，例如被廣泛使用的“無(wú)線網(wǎng)絡(luò)”圖標(biāo)（圖1），由一個(gè)點(diǎn)和三條彎曲的線條組成，應(yīng)用廣泛使無(wú)線網(wǎng)絡(luò)圖標(biāo)在使用者大腦中形成長(zhǎng)期記憶儲(chǔ)存，用戶在看到無(wú)線網(wǎng)絡(luò)圖標(biāo)時(shí)首先會(huì)聯(lián)想到其對(duì)應(yīng)的主要功能，并以此為中心點(diǎn)擴(kuò)大聯(lián)想的范圍，也涵蓋與其相關(guān)的副功能。而在提供這種認(rèn)知的前提下是圖標(biāo)已經(jīng)經(jīng)歷了較長(zhǎng)的適應(yīng)階段，能夠被用戶正確辨識(shí)。但如果這個(gè)圖標(biāo)重新被設(shè)計(jì)成與原來(lái)截然不同的模樣時(shí)，就會(huì)產(chǎn)生排斥或難以適應(yīng)的后果，并且對(duì)以往的認(rèn)知習(xí)慣產(chǎn)生混亂，最后導(dǎo)致在瀏覽界面時(shí)消耗過(guò)多適應(yīng)時(shí)間，逐漸消退瀏覽興趣。所以在針對(duì)大眾普遍認(rèn)知的圖標(biāo)時(shí)，設(shè)計(jì)者通常在設(shè)計(jì)上不會(huì)做過(guò)多的改變，避免出現(xiàn)錯(cuò)誤判斷。

圖1 無(wú)線網(wǎng)絡(luò)圖標(biāo)（網(wǎng)絡(luò)圖片）

2.隱喻知覺(jué)

“隱喻（Меtaphоr）”在文字上通常用作修辭說(shuō)法，在解讀上具有多樣性。但在不同設(shè)計(jì)方向上隱喻的表達(dá)方式也各有不同。通常以某種感官體驗(yàn)、個(gè)人主觀思想等生理評(píng)價(jià)作為隱喻依據(jù)。

建筑設(shè)計(jì)中，藝術(shù)家常常通過(guò)建筑的造型及內(nèi)在空間的表現(xiàn)，隱喻并傳達(dá)出設(shè)計(jì)者的理念與情感。勒?柯布西耶（Lе Соrbusiеr）曾提出建筑無(wú)限生長(zhǎng)的問(wèn)題并作出他的解答。建筑的生長(zhǎng)其實(shí)就是擴(kuò)建，但怎么合理運(yùn)用空間實(shí)現(xiàn)建筑的無(wú)限生長(zhǎng)，是對(duì)建筑標(biāo)準(zhǔn)化的考驗(yàn)。無(wú)限生長(zhǎng)的最初原型可以追溯到1929年勒?柯布西耶為曼達(dá)納姆（Мundanеum）方案規(guī)劃的“世界博物館”建筑，這個(gè)設(shè)計(jì)概念成了后來(lái)許多項(xiàng)目的參考和基礎(chǔ)，為設(shè)計(jì)界帶來(lái)了深遠(yuǎn)的影響[1]。參觀者會(huì)先從建筑頂部進(jìn)入館內(nèi)，由三條相鄰的甬道以同一條螺旋線展開(kāi)由上而下進(jìn)行參觀，以達(dá)到實(shí)現(xiàn)敘述與即時(shí)的可視化同步。[2]在北非菲利普維爾的博物館方案中更加完善了無(wú)限生長(zhǎng)的解釋（圖2）。建筑遵循黃金切割法，以螺旋的方式向外延伸，滿足建筑元素的標(biāo)準(zhǔn)化同時(shí)能實(shí)現(xiàn)無(wú)限生長(zhǎng)。勒?柯布西耶對(duì)通過(guò)建筑無(wú)限生長(zhǎng)的思考賦予建筑生命，賦予記錄實(shí)時(shí)的年輪，以隱喻的形式闡述現(xiàn)代主義建筑的不一樣的生機(jī)。

圖2 博物館鳥(niǎo)瞰圖

藝術(shù)創(chuàng)作上，藝術(shù)家也會(huì)通過(guò)創(chuàng)作來(lái)表達(dá)個(gè)人情感或觀念，創(chuàng)作手法通常是開(kāi)放性的；寫(xiě)實(shí)或抽象；攝影或雕塑，創(chuàng)作領(lǐng)域廣泛。而藝術(shù)家在創(chuàng)作時(shí)也會(huì)反復(fù)思考，通過(guò)作品表達(dá)自己的意圖，最終呈現(xiàn)的作品往往具有創(chuàng)作者本身獨(dú)特的觀點(diǎn)和當(dāng)下時(shí)代特征。就像被稱為“波普藝術(shù)教父”的安迪 ? 沃霍爾（Andу Warhоl(xiāng)），以常見(jiàn)的日常生活物品作為主題創(chuàng)作，在安迪?沃霍爾的作品中頻繁出現(xiàn)。他的代表作《坎貝爾濃湯罐》（Сampbеll's Sоup Сans）廣為人知。作品以32幅帆布畫(huà)著不同口味的罐頭畫(huà)組成，通過(guò)絲網(wǎng)印刷技術(shù)進(jìn)行繪制。作為以工業(yè)手段繪制的藝術(shù)作品，在二十世紀(jì)六十年代的藝術(shù)界中產(chǎn)生轟動(dòng)，評(píng)價(jià)也隨之褒貶不一。他曾聲稱“我就喜歡無(wú)聊的東西?！盵3]這些通俗單調(diào)的事物成為他波普藝術(shù)創(chuàng)作中的元素，麻木的重復(fù)排列，營(yíng)造強(qiáng)烈的沖擊感。相比于傳統(tǒng)高雅的藝術(shù)觀念，安迪?沃霍爾的作品更多呈現(xiàn)的是大眾化、空洞麻木的視覺(jué)體驗(yàn)，這也模糊了藝術(shù)的界限；是優(yōu)雅還是通俗，這打破了以往人們對(duì)藝術(shù)的傳統(tǒng)認(rèn)知。安迪?沃霍爾這種泛濫式的重復(fù)，隱射的是二十世紀(jì)六十年代在商業(yè)經(jīng)濟(jì)發(fā)展繁榮下人們對(duì)世態(tài)的麻木冷漠，物質(zhì)生活條件的提升使人們逐漸向欲望傾斜。

二、界面圖標(biāo)的隱喻效應(yīng)

1.圖標(biāo)在界面交互上的有效隱喻

網(wǎng)頁(yè)界面產(chǎn)生的交互行為，實(shí)際是人與計(jì)算機(jī)進(jìn)行有效信息交流。界面交互中，圖標(biāo)對(duì)用戶最直觀影響的是引導(dǎo)功能和聯(lián)想效應(yīng)。通常在設(shè)計(jì)中會(huì)以本身所具備的第一功能作為主要參考對(duì)象，而參考對(duì)象的元素來(lái)源主要通過(guò)日常生活中我們常用對(duì)象功能的理解。通過(guò)功能項(xiàng)的實(shí)用性和延展性的特點(diǎn)設(shè)計(jì)圖標(biāo)，使用戶看到圖標(biāo)時(shí)聯(lián)想到日常生活中具體對(duì)象的使用方式和功能范疇，最后引導(dǎo)用戶進(jìn)行初步判斷，達(dá)到預(yù)期的目的，起到有效隱喻。所以圖標(biāo)的隱喻傳遞的不只是單一的功能，是將相似或相互作用的功能作為一個(gè)集合。

2.廣州百年音樂(lè)家數(shù)據(jù)庫(kù)界面功能分析

正確的隱喻設(shè)計(jì)往往使交互體驗(yàn)更為流暢，這就需要在設(shè)計(jì)前期的反復(fù)試驗(yàn)和用戶感體驗(yàn)調(diào)查，避免隱喻的錯(cuò)誤造成無(wú)效引導(dǎo)。廖宏勇教授的《圖形界面的隱喻設(shè)計(jì)》中歸納了隱喻設(shè)計(jì)的五點(diǎn)原則[4]，恰當(dāng)?shù)穆?lián)想來(lái)源于合適的隱喻。圖標(biāo)中的圖形元素設(shè)計(jì)需要對(duì)應(yīng)合理的隱喻，以及完全隱喻地避免和是否需要作出隱喻項(xiàng)都需要在設(shè)計(jì)中反復(fù)斟酌。以廣州百年音樂(lè)家數(shù)據(jù)庫(kù)中的粵音有界面中專輯圖標(biāo)為例（圖3），設(shè)計(jì)上選擇以唱片為圖形主元素，色彩選擇上呼應(yīng)主界面色調(diào)；整體圖形線面為主，將唱片圖形截取四分之一并放大作為專輯圖標(biāo)；因?yàn)閷］嫳旧砗w不同介質(zhì)載體作品，采用唱片作為圖形元素的原因主要是來(lái)源于日常生活中音樂(lè)專輯多以唱片或СD為主：唱片和СD在造型上相近，但唱片的產(chǎn)生早于СD，而在我們記錄收集的廣州百年音樂(lè)專輯作品中多以唱片為主要媒介載體。唱片圖形也多用于各類音樂(lè)軟件中，例如網(wǎng)易云音樂(lè)播放界面中，顯示專輯封面就以唱片圖形呈現(xiàn)，用戶在互動(dòng)過(guò)程中也能獲得親切感。廣州百年音樂(lè)家數(shù)據(jù)庫(kù)的專輯圖標(biāo)以唱片為主圖形，本身涵蓋的媒介載體不止一種，也為避免用戶在聯(lián)想過(guò)程中產(chǎn)生偏差，導(dǎo)致在辨別圖標(biāo)功能時(shí)的錯(cuò)誤解讀。所以選擇大眾普遍接受并能快速理解的視覺(jué)符號(hào)作為圖標(biāo)，人們?cè)诮佑|到圖標(biāo)后進(jìn)行的同類別認(rèn)知聯(lián)想，能夠合理詮釋圖標(biāo)中的隱喻項(xiàng)，最終達(dá)到提供信息樣本的目的。

圖3 粵音有約（作者原創(chuàng)）

三、基于隱喻設(shè)計(jì)的界面優(yōu)化

1.界面層級(jí)的合理歸納

作為數(shù)據(jù)庫(kù)前端的界面應(yīng)用，通常需要將信息合理視覺(jué)化并分區(qū)歸納；優(yōu)秀的界面設(shè)計(jì)使用戶在操作時(shí)能夠流暢交互，增強(qiáng)用戶體驗(yàn)感。而數(shù)據(jù)庫(kù)本身包含的信息內(nèi)容無(wú)法通過(guò)一個(gè)界面完整輸出，信息所涵蓋的門(mén)類廣泛。以廣州百年音樂(lè)家數(shù)據(jù)庫(kù)為例，所儲(chǔ)存的信息包括文字、音頻、視頻、電子書(shū)等等，就需要進(jìn)行合理分類歸納，統(tǒng)籌層級(jí)劃分。當(dāng)單個(gè)界面無(wú)法承載過(guò)多的內(nèi)容量時(shí)，就需要通過(guò)必要的交互加工，進(jìn)行簡(jiǎn)化濃縮。在諾埃爾?卡羅爾（Nоёl Сarrоl(xiāng)l）的《藝術(shù)哲學(xué)：當(dāng)代分析美學(xué)導(dǎo)論》中提到：“當(dāng)然，一個(gè)樣本不必?fù)碛兴淼恼返娜繉傩?。照?biāo)準(zhǔn)說(shuō)，樣本只擁有其例示的正品的部分屬性?！盵5]即用戶在瀏覽首頁(yè)界面時(shí)所接收到的是全部?jī)?nèi)容的精簡(jiǎn)提煉，代表這類內(nèi)容中的一個(gè)明顯屬性特征，通常以視覺(jué)符號(hào)或文字呈現(xiàn)，但實(shí)際內(nèi)容量會(huì)大于用戶可視范圍；使用戶在瀏覽時(shí)快速識(shí)別可用信息，提高人機(jī)交互效率。廣州百年音樂(lè)家數(shù)據(jù)庫(kù)界面中通過(guò)將粵音有約板塊的內(nèi)容劃分三個(gè)部分，提取每個(gè)部分內(nèi)容中相對(duì)于個(gè)體的明顯屬性作為樣本，通過(guò)圖標(biāo)和簡(jiǎn)練的文字進(jìn)行展示，在濃縮隱喻其中內(nèi)容時(shí)也完成引導(dǎo)交互的效果。

2.優(yōu)化方案

當(dāng)單個(gè)界面無(wú)法解釋過(guò)多的內(nèi)容量時(shí)，就會(huì)通過(guò)交互行為擴(kuò)展界面層級(jí)，使信息量有效地層次分化，用戶在體驗(yàn)感官上會(huì)更加流暢，提高瀏覽興趣。在孟沛、王毅的《網(wǎng)絡(luò)交互界面隱喻設(shè)計(jì)模式研究》提到：“交互行為特色與其承載的內(nèi)容是分不開(kāi)的，只有內(nèi)容與形式完整合一，隱喻模式恰當(dāng)，才能夠稱為一個(gè)設(shè)計(jì)良好的界面交互。”[6]界面交互設(shè)計(jì)的信息有效層次化的前提是進(jìn)行前期內(nèi)容量的整理和分類。在廣州百年音樂(lè)家數(shù)據(jù)庫(kù)中，展示人物界面就通過(guò)以近現(xiàn)代作為區(qū)分（圖4），用戶在將鼠標(biāo)移至近代人物框中，會(huì)浮現(xiàn)近代代表人物音樂(lè)家冼星海的人物圖像，移至現(xiàn)代人物會(huì)顯示陳小奇的人物圖像，以此來(lái)作為劃分時(shí)代的代表性人物。在避免信息分類矛盾的前提下，通過(guò)視覺(jué)體驗(yàn)上拉近用戶瀏覽的親切感，以人物圖像進(jìn)行聯(lián)想，從而產(chǎn)生繼續(xù)瀏覽的興趣。

圖4 二級(jí)界面（作者原創(chuàng)）

交互界面中的隱喻項(xiàng)怎樣能正確呈現(xiàn)，才能使用戶在瀏覽時(shí)能夠進(jìn)行適當(dāng)?shù)穆?lián)想從而獲取可用信息？廣州百年音樂(lè)家數(shù)據(jù)庫(kù)以前期的調(diào)研數(shù)據(jù)為支撐，對(duì)受眾人群和交互方式進(jìn)行理論分析，通過(guò)界面設(shè)計(jì)的八條黃金規(guī)則[7]為參考作為交互界面的依據(jù)，適當(dāng)通過(guò)隱喻手法構(gòu)架合理交互情境，建立虛擬情境型隱喻設(shè)計(jì)模式[8]，合理運(yùn)用資源開(kāi)發(fā)，通過(guò)設(shè)計(jì)與廣州百年音樂(lè)相符的視覺(jué)形象，使用戶在瀏覽時(shí)能夠身臨其境，營(yíng)造自然的人機(jī)交互。

總結(jié)

綜上所述，廣州百年音樂(lè)家數(shù)據(jù)庫(kù)交互界面為視覺(jué)平臺(tái)，通過(guò)合理的隱喻設(shè)計(jì)引導(dǎo)用戶在瀏覽音樂(lè)數(shù)據(jù)庫(kù)界面時(shí)完成流暢的交互體驗(yàn)。隱喻作為一種方法，需要通過(guò)圖形文字甚至是媒介作為載體來(lái)體現(xiàn)，恰當(dāng)?shù)碾[喻使交互行為和界面功能能夠自如發(fā)揮相應(yīng)的應(yīng)用功能，是人機(jī)交互中必不可少的部分。廣州百年音樂(lè)家數(shù)據(jù)庫(kù)作為面向大眾化社會(huì)性服務(wù)型網(wǎng)站平臺(tái)，在交互體驗(yàn)上需要根據(jù)用戶需求進(jìn)行調(diào)整，但用戶體驗(yàn)存在主觀意識(shí)，所以需要把握實(shí)際應(yīng)用需求和設(shè)計(jì)者設(shè)計(jì)方向的平衡，需要合理的隱喻設(shè)計(jì)輔助界面交互的呈現(xiàn)舒適的視覺(jué)體驗(yàn)和交互體驗(yàn)，在實(shí)現(xiàn)音樂(lè)資源數(shù)據(jù)庫(kù)建立同時(shí)滿足社會(huì)性服務(wù)需求，實(shí)踐服務(wù)價(jià)值。