侯景艷+++熊傳鵬+++葉根軍

摘 要：文章提出了圖形界面的扁平化設(shè)計(jì)趨勢(shì)是圖形界面符號(hào)進(jìn)化的必然結(jié)果的觀點(diǎn)。通過對(duì)圖形界面的符號(hào)化進(jìn)程的分析，最終得出如下結(jié)論：擬物化的圖形多屬圖像符號(hào)，而扁平化的圖形多屬指示符號(hào)；扁平化界面的符號(hào)由擬物化界面的符號(hào)發(fā)展進(jìn)化而來。擬物化圖形界面與扁平化圖形界面是并存而不可相互取代。在進(jìn)行設(shè)計(jì)時(shí)，設(shè)計(jì)師應(yīng)當(dāng)根據(jù)兩種風(fēng)格界面的優(yōu)缺點(diǎn)取長補(bǔ)短，共同為圖形界面設(shè)計(jì)服務(wù)。

關(guān)鍵詞：扁平化；圖形界面；符號(hào)學(xué)

引言

卡西爾曾說過“人是符號(hào)的動(dòng)物?！闭Z言，工具包括思想，都隸屬于符號(hào)系統(tǒng)。人類文明的發(fā)展史，即是符號(hào)體系的發(fā)展史。文學(xué)、數(shù)學(xué)、計(jì)算機(jī)編程....人們不斷發(fā)明各種新符號(hào)，在生活與實(shí)踐中新的符號(hào)得到認(rèn)同或被改造，漸漸形成一個(gè)龐大而豐富的符號(hào)體系，傳遞著各種信息。而巖壁作畫，結(jié)繩記事，以及龜甲刻字，都表明了圖形化信息實(shí)際是人類信息傳遞的本源。用戶界面從字符發(fā)展到圖形，可以看作是一個(gè)圖形化的過程。以手機(jī)界面為例，1983年摩托羅拉生產(chǎn)了第一臺(tái)商用手機(jī)DynaTAC 8000X，此時(shí)的手機(jī)界面上都是字符；進(jìn)入21世紀(jì)，諾基亞的塞班系統(tǒng)獲得巨大成功，手機(jī)界面充滿各種圖形元素。而自2007年蘋果和谷歌相繼推出IOS和Android系統(tǒng)后，手機(jī)圖形界面的擬物化設(shè)計(jì)風(fēng)格便愈行愈盛。2010年，微軟推出Windows Phone，獨(dú)具一格的瓷片風(fēng)格令人耳目一新。此時(shí)，扁平化設(shè)計(jì)風(fēng)格已漸漸進(jìn)入人們的視野。2013年，蘋果推出IOS 7，拋棄了以往追求極致的擬物化設(shè)計(jì)，而選擇了無陰影和漸變效果的扁平化設(shè)計(jì)風(fēng)格。擬物化與扁平化之爭(zhēng)終于塵囂甚上，倍受關(guān)注。

1 界面與符號(hào)學(xué)的聯(lián)系

用戶界面在圖形化的過程中，設(shè)計(jì)師用字母、圖標(biāo)等符號(hào)代替各類功能及操作信息，用戶根據(jù)自身經(jīng)驗(yàn)及主觀聯(lián)想對(duì)這些符號(hào)作出認(rèn)知判斷，完成圖形界面人際交互的過程。這個(gè)過程也被稱為界面的符號(hào)化過程。可見，界面設(shè)計(jì)與符號(hào)學(xué)有著密切的聯(lián)系。

1.1 符號(hào)與符號(hào)學(xué)

1.1.1 關(guān)于符號(hào)學(xué)

意大利著名符號(hào)學(xué)家艾柯這樣定義符號(hào)“根據(jù)既定的社會(huì)習(xí)慣，可被看作代表其他東西的某種東西”?，F(xiàn)代符號(hào)學(xué)形成于20世紀(jì)初，主要包括信息符號(hào)、句法學(xué)、語義學(xué)和語用學(xué)。符號(hào)學(xué)涉及文化、藝術(shù)、媒體、自然科學(xué)等領(lǐng)域，有眾多分支，如圖文設(shè)計(jì)符號(hào)學(xué)，計(jì)算機(jī)符號(hào)學(xué)等。符號(hào)存在的意義在于信息傳達(dá)，傳達(dá)的信息并非臨時(shí)、短暫或私人性質(zhì)的。符號(hào)學(xué)旨在建立一種為人類文明所認(rèn)同，有著廣泛和可應(yīng)用意義的信息交流規(guī)則。這與用戶界面建立的意義是相互吻合的。正因如此，界面的圖形化發(fā)展過程可看做界面符號(hào)的進(jìn)化過程。這個(gè)過程對(duì)數(shù)碼時(shí)代的人機(jī)交互有著極其重要的意義。

1.1.2 能指與所指

戰(zhàn)國時(shí)如姬竊魏王虎符，成功控制魏國軍隊(duì)而破秦救趙的故事眾所周知。虎符雖小，卻象征著封建帝王的絕對(duì)權(quán)威，因而能調(diào)動(dòng)十萬大軍?；⒎鳛橐环N符號(hào)，其形象與象征意義共同構(gòu)成了符號(hào)本身，這便是符號(hào)的能指與所指?；⒎脑煨图y理等形象要素可理解為“能指”，是人能看到、聽到或觸摸到的對(duì)象；而虎符代表了中央的權(quán)威，可作為調(diào)兵的憑證，便可理解為“所指”，是生活在當(dāng)時(shí)社會(huì)，相關(guān)環(huán)境中的人所公認(rèn)的事實(shí)。

各個(gè)朝代的虎符，其形狀、數(shù)量、刻銘以及尊卑都不盡相同。雖然虎符的外形變了，但其代表的含義卻不曾改變。由此可見，能指與所指的關(guān)系也并非一成不變。對(duì)某個(gè)符號(hào)而言，不同時(shí)空環(huán)境，不同的能指其所指可能是相同的，如虎符隨朝代的外形演變；不同時(shí)空環(huán)境，相同的能指其所指也可能是不同的，如 字符在中國佛教意味著吉祥，在歐洲卻是納粹的表征，是殘暴的代名詞。

1.2 界面與符號(hào)學(xué)

1.2.1 界面的特質(zhì)

界面即指人機(jī)界面，是人與機(jī)器傳遞信息、相互影響的媒介和區(qū)域。它包含物理硬界面和數(shù)字軟界面，本文的界面主要針對(duì)計(jì)算機(jī)系統(tǒng)中的軟件人機(jī)界面，它涉及計(jì)算機(jī)科學(xué)，認(rèn)知心理學(xué)，圖形藝術(shù)學(xué)等等，它既是鋪陳信息的窗口區(qū)域，也是響應(yīng)操作的二維媒介，更是反映人機(jī)環(huán)境與情境，強(qiáng)調(diào)用戶體驗(yàn)的界面。如圖所示，是人機(jī)系統(tǒng)模型。

圖1 人機(jī)系統(tǒng)模型

1.2.2 圖形界面

圖形界面是軟件人機(jī)界面的可視組成部分，它包括信息的輸入和輸出，是用戶和設(shè)備之間的信息界面。它可分為三個(gè)層面：第一是視覺層面，包含圖形界面上的一切可視元素，如文字、圖形、圖標(biāo)和空白；第二是交互層面，是指人在對(duì)界面進(jìn)行操作時(shí)，機(jī)器對(duì)人的反饋，包括文字、圖標(biāo)等的各種反饋狀態(tài)，如選中和非選中，還包括緩沖、延遲和出錯(cuò)等，也包括動(dòng)效；第三是體驗(yàn)層面，是指基于視覺層面和交互層面，圖形界面帶給用戶的總體感受，它關(guān)注人的情感。

1.2.3 圖形界面的符號(hào)本質(zhì)

從視覺層面來說，圖形界面的一切具有意義的可視元素都是以一定的符號(hào)方式構(gòu)成，如文字、圖標(biāo)、圖形；從交互層面來說，界面所有的信息反饋都符合符號(hào)的信息交流規(guī)則；其實(shí)，圖形界面的設(shè)計(jì)過程就是一個(gè)將界面符號(hào)化的過程。界面是以信息交流為目的，是一個(gè)源起于設(shè)計(jì)師，延續(xù)到用戶的思維過程。在這個(gè)過程中，圖形界面帶給用戶不同的情感體驗(yàn)。

2 符號(hào)語言的特性

2.1 符號(hào)的三種類型

美國哲學(xué)家皮爾斯將符號(hào)分成三種不同的類型，反映出符號(hào)與它指涉對(duì)象的關(guān)聯(lián)程度。即圖像符號(hào)、指示符號(hào)和象征符號(hào)，這在圖形理論領(lǐng)域得到廣泛認(rèn)可。這三種符號(hào)類型之間是一個(gè)層次遞進(jìn)，信息量增大的過程。

（1）圖像符號(hào)（ICON），是通過模擬對(duì)象或與對(duì)象的相似而構(gòu)成的。最典型的例子就是肖像。因?yàn)樗c原始形象的相似度，使人可以憑直覺辨認(rèn)出來。值得注意的是，圖像符號(hào)只是復(fù)制或模擬原始形象的部分視覺信息。

（2）指示符號(hào)（Index），與所指涉的對(duì)象之間具有因果或時(shí)空上的關(guān)聯(lián)。典型例子就是道路上的指示牌。這類符號(hào)往往是借由幾種圖像符號(hào)的組合或再造，來詮釋新的意義，并且這種意義得到群體的認(rèn)同，是社會(huì)約定的結(jié)果。指示符號(hào)的形成需要花費(fèi)一定的時(shí)間，為了形成群體約定，人們需要付出一定的學(xué)習(xí)成本。endprint

（3）象征符號(hào)（Symbol），與所指涉的對(duì)象間無必然或內(nèi)在的聯(lián)系，它是約定俗成的結(jié)果，是有長時(shí)間多個(gè)人的感受所產(chǎn)生的聯(lián)想，是社會(huì)習(xí)俗集合而來。例如，龍象征著帝王的權(quán)力，梅蘭竹菊象征著四君子。

2.2 符號(hào)類型的演變與進(jìn)化

圖像符號(hào)、指示符號(hào)和象征符號(hào)是圖形符號(hào)的三個(gè)層次，共存而不可相互取代。從圖像符號(hào)到象征符號(hào)，其蘊(yùn)含的信息量不斷擴(kuò)大，對(duì)人類社會(huì)的影響程度不斷加深。例如我們所熟知的雷鋒頭像，它最初出現(xiàn)在畫報(bào)上，只是代表雷鋒的肖像。但歷經(jīng)幾十年，由于人們不斷發(fā)揚(yáng)其人其事，發(fā)展到如今，它則象征一種助人為樂的精神。一個(gè)單純的圖像符號(hào)經(jīng)由長時(shí)間多個(gè)人對(duì)其的感受聯(lián)想，最終變?yōu)橄笳鞣?hào)，這就是符號(hào)不斷深化的過程。

3 圖形界面的符號(hào)進(jìn)化

3.1 擬物與扁平

擬物就是模擬現(xiàn)實(shí)世界中物體的外形和行為，它使用隱喻這種綜合性的手段。一個(gè)經(jīng)典的例子就是蘋果曾經(jīng)的圖形界面設(shè)計(jì)。蘋果的擬物追求極致的細(xì)節(jié)，這是它所追求的品牌視覺風(fēng)格。

圖2 蘋果媒體播放器上的仿真金屬按鈕

而對(duì)于扁平化，Shawn Adrian這樣定義它：“扁平化設(shè)計(jì)意味著設(shè)計(jì)時(shí)不用通常意義的漸變，像素級(jí)完美的陰影，還有近年來流行的擬物化，而形成一種類似‘扁平的界面。”例如微軟公司推出的win8操作界面，如圖3。

圖3 微軟window 8.0操作系統(tǒng)界面

許多設(shè)計(jì)師用形式主義和功能主義來對(duì)應(yīng)擬物化設(shè)計(jì)風(fēng)格和扁平化設(shè)計(jì)風(fēng)格。Allen Grinshtein認(rèn)為界面的美在于簡(jiǎn)潔，不應(yīng)有任何多余的裝飾和細(xì)節(jié)。Sacha Greif舉了一個(gè)例子，真實(shí)世界的溫度計(jì)有玻璃外殼，那是為了容納水銀；而擬物設(shè)計(jì)中，一個(gè)模仿溫度計(jì)的控件，玻璃材質(zhì)卻完全是裝飾。這些設(shè)計(jì)師認(rèn)為，正因摒棄了所有多余裝飾而注重功能，扁平化界面的可用性更高。

有的設(shè)計(jì)師則持有不同觀點(diǎn)，“說‘?dāng)M物化是壞設(shè)計(jì)就像說‘紫色是一個(gè)骯臟的顏色或者‘在Web app中沒有橢圓的地兒，它沒有任何意義?！彼麄冋J(rèn)為，擬物化設(shè)計(jì)關(guān)注用戶的情感，為界面帶來個(gè)性。“界面設(shè)計(jì)中的細(xì)節(jié)對(duì)于用戶能否順暢的使用界面，起到了至關(guān)重要的作用?！崩?，界面中的按鈕和導(dǎo)航欄，如果將漸變、圓角和陰影效果都去除，那每個(gè)元素都會(huì)被置于同一平面上。這時(shí)，如果不能進(jìn)行更細(xì)致明確的提示，用戶便會(huì)在使用時(shí)不可避免的產(chǎn)生疑惑——這究竟是一個(gè)按鍵還是一個(gè)提示圖案，這是否可以被點(diǎn)擊等等。

3.2 扁平化是圖形界面的圖像符號(hào)向指示符號(hào)進(jìn)化的必然結(jié)果

用戶界面面向廣大人群，其所建立的符號(hào)系統(tǒng)必須具有廣泛的認(rèn)知性。而符號(hào)之所以為符號(hào)，其根本也在于廣泛的認(rèn)知所形成的社會(huì)約定，人們對(duì)符號(hào)的認(rèn)知大致經(jīng)歷了：生活→習(xí)慣→規(guī)范的發(fā)展過程。在圖形界面發(fā)展初期，各種視覺元素的設(shè)計(jì)尚未形成規(guī)范，界面圖形符號(hào)的能指與所指并未在人群里中形成約定，這是一個(gè)設(shè)計(jì)師不斷嘗試構(gòu)建并修正兩者關(guān)系的時(shí)期。

設(shè)計(jì)師須保證用戶對(duì)界面圖形符號(hào)的“能指”和“所指”具有普遍性認(rèn)知：對(duì)界面圖形熟悉，對(duì)圖形所包含的信息、操作方式及結(jié)果擁有經(jīng)驗(yàn)上的普遍認(rèn)識(shí)，從而建立起界面圖形符號(hào)系統(tǒng)的廣泛認(rèn)知性，使界面信息得以在用戶間暢通的傳達(dá)。于是，這個(gè)時(shí)期的設(shè)計(jì)師在設(shè)計(jì)界面圖形時(shí)，圖形符號(hào)的“能指”往往源于人們?nèi)粘Ｉ钪谐Ｒ姷男螒B(tài)，這有助于用戶對(duì)符號(hào)的形態(tài)與其所指代的內(nèi)容間產(chǎn)生聯(lián)想，通過反復(fù)操作獲得正面經(jīng)驗(yàn)，從而在符號(hào)的“能指”與“所指”之間建立起普遍聯(lián)系。

擬物化設(shè)計(jì)，因?yàn)槭褂脩裟苎杆偾逸p松地識(shí)別出符號(hào)的能指所指涉的生活中的原始形態(tài)并產(chǎn)生對(duì)應(yīng)聯(lián)想，便成為了主流設(shè)計(jì)?？梢哉J(rèn)為，大多數(shù)擬物圖形是一種圖像符號(hào)，它只是復(fù)制或模擬原始形象的部分視覺信息，如擬物圖標(biāo)中的“撥號(hào)”圖標(biāo)。

早期的撥號(hào)圖標(biāo)是一個(gè)逼真的撥盤電話，其形象與功能在當(dāng)時(shí)為大多數(shù)用戶所熟知，從而能輕松聯(lián)想到撥盤電話圖標(biāo)代表“打電話”。這種圖像符號(hào)經(jīng)過長時(shí)間的發(fā)展，后來簡(jiǎn)化為聽筒的輪廓填充配合模擬聲波的弧線，組合表現(xiàn)“打電話”，然后又延伸為，綠色傾斜聽筒輪廓圖形表示“撥號(hào)”，而紅色水平聽筒輪廓圖形表示“掛斷”。其實(shí)，這個(gè)時(shí)候的撥號(hào)圖標(biāo)已經(jīng)成為一種指示符號(hào)。它不再只是單純模擬原始形象，而是由幾種圖像符號(hào)通過某種方式組合表現(xiàn)“所指”。如，聽筒與聲波線輪廓的組合，紅色綠色與聽筒的組合。這種圖形不再是擬物，它明顯削弱了表現(xiàn)形式，而更側(cè)重表現(xiàn)意義。這是界面符號(hào)的進(jìn)化，因?yàn)樵谛蜗笊纤艿氖`更少，所能產(chǎn)生的聯(lián)想也更多，其所包含的信息量就更大了。

于是，扁平化界面應(yīng)運(yùn)而生，其圖形符號(hào)多為指示符號(hào)，這類符號(hào)往往是借由幾種圖像符號(hào)的組合或再造，來詮釋新的意義，并且這種意義得到群體的認(rèn)同，是社會(huì)約定的結(jié)果。其形成花費(fèi)了一定的時(shí)間和學(xué)習(xí)成本。扁平化設(shè)計(jì)是圖形界面的圖像符號(hào)向指示符號(hào)進(jìn)化的必然結(jié)果。

然而，圖像符號(hào)、指示符號(hào)和象征符號(hào)總是共存并且不可相互取代。因此，扁平化界面并不能取代擬物化界面。因?yàn)閳D像符號(hào)與指示符號(hào)各有其優(yōu)點(diǎn)，也各有其社會(huì)意義。圖形界面上的圖像符號(hào)因?yàn)樯鷦?dòng)而精致，注重個(gè)性與情感，在數(shù)碼設(shè)備分辨率越來越高的今天，能為人們帶來良好而獨(dú)特的視覺體驗(yàn)；而指示符號(hào)有著更復(fù)雜的組合規(guī)則，蘊(yùn)含了大量信息，且設(shè)計(jì)成本更低，其界面的功能性也更強(qiáng)。它們都隸屬于圖形界面的符號(hào)系統(tǒng)，為界面的圖形化進(jìn)程服務(wù)。

4 結(jié)束語

在圖形界面的符號(hào)化進(jìn)程中，界面的圖形經(jīng)歷了從圖像符號(hào)到指示符號(hào)的進(jìn)化過程，由此分別誕生了擬物化風(fēng)格界面設(shè)計(jì)和扁平化風(fēng)格界面設(shè)計(jì)。這兩種風(fēng)格的界面是共存而不可相互取代的，它們各自有著其符號(hào)學(xué)意義，都符合界面的信息交流規(guī)則?？梢灶A(yù)見的是，擬物化界面不會(huì)消失，而扁平化界面的應(yīng)用會(huì)越來越廣泛。

參考文獻(xiàn)

[1]王建輝.圖形符號(hào)與設(shè)計(jì)學(xué)[J].ART AND DESIGN，2012.

[2][法]路易讓·卡爾韋.結(jié)構(gòu)與符號(hào)—羅蘭.巴爾特傳[M].車槿山，譯.北京大學(xué)出版社，1997.

[3]宋冬慧，葛俊杰.符號(hào)學(xué)在圖形設(shè)計(jì)中的意義[J].桂林電子工業(yè)學(xué)院學(xué)報(bào)，2002.

[4]孫奕穎.圖形用戶界面的符號(hào)學(xué)解讀[J].鄭州輕工業(yè)學(xué)院學(xué)報(bào)，2008.

[5]韓曉墨.繼承與發(fā)展并重—論扁平化設(shè)計(jì)的席卷[J].現(xiàn)代裝飾理論，2012.endprint

（3）象征符號(hào)（Symbol），與所指涉的對(duì)象間無必然或內(nèi)在的聯(lián)系，它是約定俗成的結(jié)果，是有長時(shí)間多個(gè)人的感受所產(chǎn)生的聯(lián)想，是社會(huì)習(xí)俗集合而來。例如，龍象征著帝王的權(quán)力，梅蘭竹菊象征著四君子。

2.2 符號(hào)類型的演變與進(jìn)化

圖像符號(hào)、指示符號(hào)和象征符號(hào)是圖形符號(hào)的三個(gè)層次，共存而不可相互取代。從圖像符號(hào)到象征符號(hào)，其蘊(yùn)含的信息量不斷擴(kuò)大，對(duì)人類社會(huì)的影響程度不斷加深。例如我們所熟知的雷鋒頭像，它最初出現(xiàn)在畫報(bào)上，只是代表雷鋒的肖像。但歷經(jīng)幾十年，由于人們不斷發(fā)揚(yáng)其人其事，發(fā)展到如今，它則象征一種助人為樂的精神。一個(gè)單純的圖像符號(hào)經(jīng)由長時(shí)間多個(gè)人對(duì)其的感受聯(lián)想，最終變?yōu)橄笳鞣?hào)，這就是符號(hào)不斷深化的過程。

3 圖形界面的符號(hào)進(jìn)化

3.1 擬物與扁平

擬物就是模擬現(xiàn)實(shí)世界中物體的外形和行為，它使用隱喻這種綜合性的手段。一個(gè)經(jīng)典的例子就是蘋果曾經(jīng)的圖形界面設(shè)計(jì)。蘋果的擬物追求極致的細(xì)節(jié)，這是它所追求的品牌視覺風(fēng)格。

圖2 蘋果媒體播放器上的仿真金屬按鈕

而對(duì)于扁平化，Shawn Adrian這樣定義它：“扁平化設(shè)計(jì)意味著設(shè)計(jì)時(shí)不用通常意義的漸變，像素級(jí)完美的陰影，還有近年來流行的擬物化，而形成一種類似‘扁平的界面?！崩缥④浌就瞥龅膚in8操作界面，如圖3。

圖3 微軟window 8.0操作系統(tǒng)界面

許多設(shè)計(jì)師用形式主義和功能主義來對(duì)應(yīng)擬物化設(shè)計(jì)風(fēng)格和扁平化設(shè)計(jì)風(fēng)格。Allen Grinshtein認(rèn)為界面的美在于簡(jiǎn)潔，不應(yīng)有任何多余的裝飾和細(xì)節(jié)。Sacha Greif舉了一個(gè)例子，真實(shí)世界的溫度計(jì)有玻璃外殼，那是為了容納水銀；而擬物設(shè)計(jì)中，一個(gè)模仿溫度計(jì)的控件，玻璃材質(zhì)卻完全是裝飾。這些設(shè)計(jì)師認(rèn)為，正因摒棄了所有多余裝飾而注重功能，扁平化界面的可用性更高。

有的設(shè)計(jì)師則持有不同觀點(diǎn)，“說‘?dāng)M物化是壞設(shè)計(jì)就像說‘紫色是一個(gè)骯臟的顏色或者‘在Web app中沒有橢圓的地兒，它沒有任何意義。”他們認(rèn)為，擬物化設(shè)計(jì)關(guān)注用戶的情感，為界面帶來個(gè)性?！敖缑嬖O(shè)計(jì)中的細(xì)節(jié)對(duì)于用戶能否順暢的使用界面，起到了至關(guān)重要的作用。”例如，界面中的按鈕和導(dǎo)航欄，如果將漸變、圓角和陰影效果都去除，那每個(gè)元素都會(huì)被置于同一平面上。這時(shí)，如果不能進(jìn)行更細(xì)致明確的提示，用戶便會(huì)在使用時(shí)不可避免的產(chǎn)生疑惑——這究竟是一個(gè)按鍵還是一個(gè)提示圖案，這是否可以被點(diǎn)擊等等。

3.2 扁平化是圖形界面的圖像符號(hào)向指示符號(hào)進(jìn)化的必然結(jié)果

用戶界面面向廣大人群，其所建立的符號(hào)系統(tǒng)必須具有廣泛的認(rèn)知性。而符號(hào)之所以為符號(hào)，其根本也在于廣泛的認(rèn)知所形成的社會(huì)約定，人們對(duì)符號(hào)的認(rèn)知大致經(jīng)歷了：生活→習(xí)慣→規(guī)范的發(fā)展過程。在圖形界面發(fā)展初期，各種視覺元素的設(shè)計(jì)尚未形成規(guī)范，界面圖形符號(hào)的能指與所指并未在人群里中形成約定，這是一個(gè)設(shè)計(jì)師不斷嘗試構(gòu)建并修正兩者關(guān)系的時(shí)期。

設(shè)計(jì)師須保證用戶對(duì)界面圖形符號(hào)的“能指”和“所指”具有普遍性認(rèn)知：對(duì)界面圖形熟悉，對(duì)圖形所包含的信息、操作方式及結(jié)果擁有經(jīng)驗(yàn)上的普遍認(rèn)識(shí)，從而建立起界面圖形符號(hào)系統(tǒng)的廣泛認(rèn)知性，使界面信息得以在用戶間暢通的傳達(dá)。于是，這個(gè)時(shí)期的設(shè)計(jì)師在設(shè)計(jì)界面圖形時(shí)，圖形符號(hào)的“能指”往往源于人們?nèi)粘Ｉ钪谐Ｒ姷男螒B(tài)，這有助于用戶對(duì)符號(hào)的形態(tài)與其所指代的內(nèi)容間產(chǎn)生聯(lián)想，通過反復(fù)操作獲得正面經(jīng)驗(yàn)，從而在符號(hào)的“能指”與“所指”之間建立起普遍聯(lián)系。

擬物化設(shè)計(jì)，因?yàn)槭褂脩裟苎杆偾逸p松地識(shí)別出符號(hào)的能指所指涉的生活中的原始形態(tài)并產(chǎn)生對(duì)應(yīng)聯(lián)想，便成為了主流設(shè)計(jì)?？梢哉J(rèn)為，大多數(shù)擬物圖形是一種圖像符號(hào)，它只是復(fù)制或模擬原始形象的部分視覺信息，如擬物圖標(biāo)中的“撥號(hào)”圖標(biāo)。

早期的撥號(hào)圖標(biāo)是一個(gè)逼真的撥盤電話，其形象與功能在當(dāng)時(shí)為大多數(shù)用戶所熟知，從而能輕松聯(lián)想到撥盤電話圖標(biāo)代表“打電話”。這種圖像符號(hào)經(jīng)過長時(shí)間的發(fā)展，后來簡(jiǎn)化為聽筒的輪廓填充配合模擬聲波的弧線，組合表現(xiàn)“打電話”，然后又延伸為，綠色傾斜聽筒輪廓圖形表示“撥號(hào)”，而紅色水平聽筒輪廓圖形表示“掛斷”。其實(shí)，這個(gè)時(shí)候的撥號(hào)圖標(biāo)已經(jīng)成為一種指示符號(hào)。它不再只是單純模擬原始形象，而是由幾種圖像符號(hào)通過某種方式組合表現(xiàn)“所指”。如，聽筒與聲波線輪廓的組合，紅色綠色與聽筒的組合。這種圖形不再是擬物，它明顯削弱了表現(xiàn)形式，而更側(cè)重表現(xiàn)意義。這是界面符號(hào)的進(jìn)化，因?yàn)樵谛蜗笊纤艿氖`更少，所能產(chǎn)生的聯(lián)想也更多，其所包含的信息量就更大了。

于是，扁平化界面應(yīng)運(yùn)而生，其圖形符號(hào)多為指示符號(hào)，這類符號(hào)往往是借由幾種圖像符號(hào)的組合或再造，來詮釋新的意義，并且這種意義得到群體的認(rèn)同，是社會(huì)約定的結(jié)果。其形成花費(fèi)了一定的時(shí)間和學(xué)習(xí)成本。扁平化設(shè)計(jì)是圖形界面的圖像符號(hào)向指示符號(hào)進(jìn)化的必然結(jié)果。

然而，圖像符號(hào)、指示符號(hào)和象征符號(hào)總是共存并且不可相互取代。因此，扁平化界面并不能取代擬物化界面。因?yàn)閳D像符號(hào)與指示符號(hào)各有其優(yōu)點(diǎn)，也各有其社會(huì)意義。圖形界面上的圖像符號(hào)因?yàn)樯鷦?dòng)而精致，注重個(gè)性與情感，在數(shù)碼設(shè)備分辨率越來越高的今天，能為人們帶來良好而獨(dú)特的視覺體驗(yàn)；而指示符號(hào)有著更復(fù)雜的組合規(guī)則，蘊(yùn)含了大量信息，且設(shè)計(jì)成本更低，其界面的功能性也更強(qiáng)。它們都隸屬于圖形界面的符號(hào)系統(tǒng)，為界面的圖形化進(jìn)程服務(wù)。

4 結(jié)束語

在圖形界面的符號(hào)化進(jìn)程中，界面的圖形經(jīng)歷了從圖像符號(hào)到指示符號(hào)的進(jìn)化過程，由此分別誕生了擬物化風(fēng)格界面設(shè)計(jì)和扁平化風(fēng)格界面設(shè)計(jì)。這兩種風(fēng)格的界面是共存而不可相互取代的，它們各自有著其符號(hào)學(xué)意義，都符合界面的信息交流規(guī)則?？梢灶A(yù)見的是，擬物化界面不會(huì)消失，而扁平化界面的應(yīng)用會(huì)越來越廣泛。

參考文獻(xiàn)

[1]王建輝.圖形符號(hào)與設(shè)計(jì)學(xué)[J].ART AND DESIGN，2012.

[2][法]路易讓·卡爾韋.結(jié)構(gòu)與符號(hào)—羅蘭.巴爾特傳[M].車槿山，譯.北京大學(xué)出版社，1997.

[3]宋冬慧，葛俊杰.符號(hào)學(xué)在圖形設(shè)計(jì)中的意義[J].桂林電子工業(yè)學(xué)院學(xué)報(bào)，2002.

[4]孫奕穎.圖形用戶界面的符號(hào)學(xué)解讀[J].鄭州輕工業(yè)學(xué)院學(xué)報(bào)，2008.

[5]韓曉墨.繼承與發(fā)展并重—論扁平化設(shè)計(jì)的席卷[J].現(xiàn)代裝飾理論，2012.endprint

（3）象征符號(hào)（Symbol），與所指涉的對(duì)象間無必然或內(nèi)在的聯(lián)系，它是約定俗成的結(jié)果，是有長時(shí)間多個(gè)人的感受所產(chǎn)生的聯(lián)想，是社會(huì)習(xí)俗集合而來。例如，龍象征著帝王的權(quán)力，梅蘭竹菊象征著四君子。

2.2 符號(hào)類型的演變與進(jìn)化

圖像符號(hào)、指示符號(hào)和象征符號(hào)是圖形符號(hào)的三個(gè)層次，共存而不可相互取代。從圖像符號(hào)到象征符號(hào)，其蘊(yùn)含的信息量不斷擴(kuò)大，對(duì)人類社會(huì)的影響程度不斷加深。例如我們所熟知的雷鋒頭像，它最初出現(xiàn)在畫報(bào)上，只是代表雷鋒的肖像。但歷經(jīng)幾十年，由于人們不斷發(fā)揚(yáng)其人其事，發(fā)展到如今，它則象征一種助人為樂的精神。一個(gè)單純的圖像符號(hào)經(jīng)由長時(shí)間多個(gè)人對(duì)其的感受聯(lián)想，最終變?yōu)橄笳鞣?hào)，這就是符號(hào)不斷深化的過程。

3 圖形界面的符號(hào)進(jìn)化

3.1 擬物與扁平

擬物就是模擬現(xiàn)實(shí)世界中物體的外形和行為，它使用隱喻這種綜合性的手段。一個(gè)經(jīng)典的例子就是蘋果曾經(jīng)的圖形界面設(shè)計(jì)。蘋果的擬物追求極致的細(xì)節(jié)，這是它所追求的品牌視覺風(fēng)格。

圖2 蘋果媒體播放器上的仿真金屬按鈕

而對(duì)于扁平化，Shawn Adrian這樣定義它：“扁平化設(shè)計(jì)意味著設(shè)計(jì)時(shí)不用通常意義的漸變，像素級(jí)完美的陰影，還有近年來流行的擬物化，而形成一種類似‘扁平的界面?！崩缥④浌就瞥龅膚in8操作界面，如圖3。

圖3 微軟window 8.0操作系統(tǒng)界面

許多設(shè)計(jì)師用形式主義和功能主義來對(duì)應(yīng)擬物化設(shè)計(jì)風(fēng)格和扁平化設(shè)計(jì)風(fēng)格。Allen Grinshtein認(rèn)為界面的美在于簡(jiǎn)潔，不應(yīng)有任何多余的裝飾和細(xì)節(jié)。Sacha Greif舉了一個(gè)例子，真實(shí)世界的溫度計(jì)有玻璃外殼，那是為了容納水銀；而擬物設(shè)計(jì)中，一個(gè)模仿溫度計(jì)的控件，玻璃材質(zhì)卻完全是裝飾。這些設(shè)計(jì)師認(rèn)為，正因摒棄了所有多余裝飾而注重功能，扁平化界面的可用性更高。

有的設(shè)計(jì)師則持有不同觀點(diǎn)，“說‘?dāng)M物化是壞設(shè)計(jì)就像說‘紫色是一個(gè)骯臟的顏色或者‘在Web app中沒有橢圓的地兒，它沒有任何意義?！彼麄冋J(rèn)為，擬物化設(shè)計(jì)關(guān)注用戶的情感，為界面帶來個(gè)性?！敖缑嬖O(shè)計(jì)中的細(xì)節(jié)對(duì)于用戶能否順暢的使用界面，起到了至關(guān)重要的作用?！崩纾缑嬷械陌粹o和導(dǎo)航欄，如果將漸變、圓角和陰影效果都去除，那每個(gè)元素都會(huì)被置于同一平面上。這時(shí)，如果不能進(jìn)行更細(xì)致明確的提示，用戶便會(huì)在使用時(shí)不可避免的產(chǎn)生疑惑——這究竟是一個(gè)按鍵還是一個(gè)提示圖案，這是否可以被點(diǎn)擊等等。

3.2 扁平化是圖形界面的圖像符號(hào)向指示符號(hào)進(jìn)化的必然結(jié)果

用戶界面面向廣大人群，其所建立的符號(hào)系統(tǒng)必須具有廣泛的認(rèn)知性。而符號(hào)之所以為符號(hào)，其根本也在于廣泛的認(rèn)知所形成的社會(huì)約定，人們對(duì)符號(hào)的認(rèn)知大致經(jīng)歷了：生活→習(xí)慣→規(guī)范的發(fā)展過程。在圖形界面發(fā)展初期，各種視覺元素的設(shè)計(jì)尚未形成規(guī)范，界面圖形符號(hào)的能指與所指并未在人群里中形成約定，這是一個(gè)設(shè)計(jì)師不斷嘗試構(gòu)建并修正兩者關(guān)系的時(shí)期。

設(shè)計(jì)師須保證用戶對(duì)界面圖形符號(hào)的“能指”和“所指”具有普遍性認(rèn)知：對(duì)界面圖形熟悉，對(duì)圖形所包含的信息、操作方式及結(jié)果擁有經(jīng)驗(yàn)上的普遍認(rèn)識(shí)，從而建立起界面圖形符號(hào)系統(tǒng)的廣泛認(rèn)知性，使界面信息得以在用戶間暢通的傳達(dá)。于是，這個(gè)時(shí)期的設(shè)計(jì)師在設(shè)計(jì)界面圖形時(shí)，圖形符號(hào)的“能指”往往源于人們?nèi)粘Ｉ钪谐Ｒ姷男螒B(tài)，這有助于用戶對(duì)符號(hào)的形態(tài)與其所指代的內(nèi)容間產(chǎn)生聯(lián)想，通過反復(fù)操作獲得正面經(jīng)驗(yàn)，從而在符號(hào)的“能指”與“所指”之間建立起普遍聯(lián)系。

擬物化設(shè)計(jì)，因?yàn)槭褂脩裟苎杆偾逸p松地識(shí)別出符號(hào)的能指所指涉的生活中的原始形態(tài)并產(chǎn)生對(duì)應(yīng)聯(lián)想，便成為了主流設(shè)計(jì)?？梢哉J(rèn)為，大多數(shù)擬物圖形是一種圖像符號(hào)，它只是復(fù)制或模擬原始形象的部分視覺信息，如擬物圖標(biāo)中的“撥號(hào)”圖標(biāo)。

早期的撥號(hào)圖標(biāo)是一個(gè)逼真的撥盤電話，其形象與功能在當(dāng)時(shí)為大多數(shù)用戶所熟知，從而能輕松聯(lián)想到撥盤電話圖標(biāo)代表“打電話”。這種圖像符號(hào)經(jīng)過長時(shí)間的發(fā)展，后來簡(jiǎn)化為聽筒的輪廓填充配合模擬聲波的弧線，組合表現(xiàn)“打電話”，然后又延伸為，綠色傾斜聽筒輪廓圖形表示“撥號(hào)”，而紅色水平聽筒輪廓圖形表示“掛斷”。其實(shí)，這個(gè)時(shí)候的撥號(hào)圖標(biāo)已經(jīng)成為一種指示符號(hào)。它不再只是單純模擬原始形象，而是由幾種圖像符號(hào)通過某種方式組合表現(xiàn)“所指”。如，聽筒與聲波線輪廓的組合，紅色綠色與聽筒的組合。這種圖形不再是擬物，它明顯削弱了表現(xiàn)形式，而更側(cè)重表現(xiàn)意義。這是界面符號(hào)的進(jìn)化，因?yàn)樵谛蜗笊纤艿氖`更少，所能產(chǎn)生的聯(lián)想也更多，其所包含的信息量就更大了。

于是，扁平化界面應(yīng)運(yùn)而生，其圖形符號(hào)多為指示符號(hào)，這類符號(hào)往往是借由幾種圖像符號(hào)的組合或再造，來詮釋新的意義，并且這種意義得到群體的認(rèn)同，是社會(huì)約定的結(jié)果。其形成花費(fèi)了一定的時(shí)間和學(xué)習(xí)成本。扁平化設(shè)計(jì)是圖形界面的圖像符號(hào)向指示符號(hào)進(jìn)化的必然結(jié)果。

然而，圖像符號(hào)、指示符號(hào)和象征符號(hào)總是共存并且不可相互取代。因此，扁平化界面并不能取代擬物化界面。因?yàn)閳D像符號(hào)與指示符號(hào)各有其優(yōu)點(diǎn)，也各有其社會(huì)意義。圖形界面上的圖像符號(hào)因?yàn)樯鷦?dòng)而精致，注重個(gè)性與情感，在數(shù)碼設(shè)備分辨率越來越高的今天，能為人們帶來良好而獨(dú)特的視覺體驗(yàn)；而指示符號(hào)有著更復(fù)雜的組合規(guī)則，蘊(yùn)含了大量信息，且設(shè)計(jì)成本更低，其界面的功能性也更強(qiáng)。它們都隸屬于圖形界面的符號(hào)系統(tǒng)，為界面的圖形化進(jìn)程服務(wù)。

4 結(jié)束語

在圖形界面的符號(hào)化進(jìn)程中，界面的圖形經(jīng)歷了從圖像符號(hào)到指示符號(hào)的進(jìn)化過程，由此分別誕生了擬物化風(fēng)格界面設(shè)計(jì)和扁平化風(fēng)格界面設(shè)計(jì)。這兩種風(fēng)格的界面是共存而不可相互取代的，它們各自有著其符號(hào)學(xué)意義，都符合界面的信息交流規(guī)則?？梢灶A(yù)見的是，擬物化界面不會(huì)消失，而扁平化界面的應(yīng)用會(huì)越來越廣泛。

參考文獻(xiàn)

[1]王建輝.圖形符號(hào)與設(shè)計(jì)學(xué)[J].ART AND DESIGN，2012.

[2][法]路易讓·卡爾韋.結(jié)構(gòu)與符號(hào)—羅蘭.巴爾特傳[M].車槿山，譯.北京大學(xué)出版社，1997.

[3]宋冬慧，葛俊杰.符號(hào)學(xué)在圖形設(shè)計(jì)中的意義[J].桂林電子工業(yè)學(xué)院學(xué)報(bào)，2002.

[4]孫奕穎.圖形用戶界面的符號(hào)學(xué)解讀[J].鄭州輕工業(yè)學(xué)院學(xué)報(bào)，2008.

[5]韓曉墨.繼承與發(fā)展并重—論扁平化設(shè)計(jì)的席卷[J].現(xiàn)代裝飾理論，2012.endprint