盧冰虹

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

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

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

1.圖標(biāo)表征

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

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

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

2.隱喻知覺

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

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

圖2 博物館鳥瞰圖

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

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

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

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

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

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

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

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

1.界面層級的合理歸納

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

2.優(yōu)化方案

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

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

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

總結(jié)

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