從平面到界面

孔莉莉

摘 要：視覺是健全人類在生活常態中獲得信息的最主要感覺媒介，視覺傳達設計是以視覺符號轉達信息的設計。作為以視覺感知為基礎的龐大設計體系，在現代設計形成之前已在人類歷史上留下了諸多文明的印記。自在包豪斯以來的現代設計階段，更是占據了重要地位的設計領域。在新千年前后的20年中，數字媒體技術的蓬勃發展與應用推廣，撼動了上千年來紙質媒體作為承載與傳播信息最重要媒介的優勢地位。當數字媒體成為當今世界信息儲存與傳播的主流媒體時，視覺傳達設計的信息承載與傳播介質也不可避免地發生變化，其內涵外延正隨之產生變革。

關鍵詞：數字媒體;視覺傳達設計;界面設計

0 引言

始于20世紀末興于21世紀的數字媒體，在經歷了20多年的發展后已在全球大范圍內取代傳統紙質媒體而躍居主流媒體之列。在此更迭之前的紙質媒體時代中，視覺傳達設計通常被簡略地認為幾乎等同于平面設計。關于視覺傳達設計是否將隨著這場媒體變革的發展而式微，還是實現蛻變轉身的疑問，可通過分析視覺傳達設計的本質，以及其在媒體轉型過程中具有代表性的設計領域的發展演變情況來探索答案。

1 跨世紀的媒介轉型背景

數字媒體是隨著數字化技術的誕生與應用發展起來的新興媒體，以此為依托產生的數字媒體設計領域是人文藝術與科學技術跨界融合的交叉學科。歐美發達國家自20世紀末起開展對傳統設計媒體向數字媒體轉型的研究，信息產業與現代服務業發展迅速，已基本完成或正在經歷這一轉型進程，期間也遇到部分技術與市場的瓶頸及風險。國內啟動對該數字媒體設計領域的研究較晚，但具有轉型速度快、地區差異較明顯、波及產業面略窄的特點。

設計媒體的數字化轉型與跨界創新，是關于在數字化生存環境下研究傳統藝術設計媒體的轉變與迭代的產業趨勢的命題?；诳缃缯先诤蟿撔碌陌l展是目前已知的有效方法之一，以此孕育出的交互設計、體驗設計、信息設計、服務設計等交叉學科正值從萌芽到發展的關鍵階段，廣泛滲透于信息產業與現代服務業領域，虛擬現實、數字媒體社交、物聯網、數字媒體娛樂等新興設計領域蓬勃發展。

2 視覺傳達設計及其目標

視覺是健全人類在生活常態中獲得信息的最主要感覺媒介，根據實驗心理學的統計，對于常人而言每天接收的信息大多數通過視覺獲得（83%），其次是聽覺（11%），再是嗅覺（3.5%）、最后是觸覺（1.5%）與味覺（1%）。由此可見，以視覺為主要感知的領域具有重量級的感知優勢。

視覺傳達設計，英語原文Visual Communication Design，是以視覺符號轉達信息的設計，其設計過程是將抽象語言轉化為具體的符號概念，并通過各種推廣渠道展現。這一傳播過程可以“將一些事務變得容易理解和有趣”，使抽象的概念形象化，從而提高其所含信息的傳達力度，使信息或觀念更容易被更廣范圍、更多層面的眾所接受。

設計是有計劃的創造性活動，視覺傳達設計作為一個龐大的設計領域，其最終目標是信息的傳播，傳播力和感染力是對該領域設計作品的判斷不可或缺的標準。早在紙媒時代，視覺傳達設計的范疇也并非局限于平面設計，在視覺傳達設計的邊緣領域中尤為顯著，比如視覺識別設計系統中的理念與行為識別設計，銷售環境視覺設計等。

由此可見，視覺傳達設計并不以搭載于紙質媒體還是數字媒體來界定所涉及設計領域范疇，其本身也是隨著技術與受眾生活方式不斷地發展而不斷進步的設計領域。

3 媒體轉型的壓力與動力

以人類賴以獲取信息作重要的感知途徑“視覺”為關鍵詞的視覺傳達設計無可避免地體現著鮮明的時代特征和豐富的文化內涵，媒體升級與轉型影響著受眾獲取信息的方式與手段，促成了視覺傳達設計領域在新千年前后的十年中高速地發展與分化，時期隨著科技的進步、新能源的出現和產品材料的開發應用而不斷擴大，并與其他領域相互交叉，逐漸形成數個與視覺媒介關聯并相互協作的多感知設計新領域。

早在數字媒體發展初期，視覺傳達設計已開始突破傳統平面設計、廣告設計的范疇，逐步區別于以往信息傳播的方式，形成了特殊而獨立的體系——網頁設計領域。網頁設計使用戶能更有效地通過網絡獲取信息，并對網頁的視覺呈現留下深刻良好的印象。隨著網頁設計的發展，聽覺元素介入到視覺元素中，參與了頁面的風格定位，敘事節奏和氛圍的營造。在數字媒體初露端倪到逐步發展壯大階段，正是網頁設計逐漸向平面設計分秋色的過渡時期。

媒介升級帶來的轉型壓力的同時也為視覺傳達設計領域帶來了拓展的動力。即使在視覺傳達設計典型的傳統紙質媒介領域，曾在人類文明歷史中起到上千年重要文化傳播功能的紙質書籍和海報也在數字媒體語境下實現了向電子書、動態海報的發展。

4 從平面向界面的轉移

從紙質媒介到數字媒介的媒體轉型，伴隨著近年來數字媒體的發展，受眾獲取信息的渠道已不再局限于網頁，手機上網用戶數量已超過個人電腦用戶數量，早期的網頁設計領域不斷細分與發展，并與其他學科跨界融合，產生了界面設計這一新興領域。

平面設計作為紙質媒體時代視覺傳達設計中最大的設計領域，這一名稱是國內業界約定成俗的稱呼，其英語原文Graphic Design較為嚴謹的翻譯應是圖形設計。界面設計是用戶界面設計的簡稱，英語原文為User Interface Design，簡稱UI，其廣義的概念是對軟件的人機交互、操作邏輯、界面美觀的整體設計;其中屬于視覺傳達設計領域部分的嚴謹地表述應是狹義的界面設計概念——圖形用戶界面設計，英語原文Graphical User Interface Design，簡稱GUI。

平面設計與界面設計兩者最直觀的共同之處是“圖形”，即可視化。圖形圖像最大的價值在于對材料的視覺化過程，并非數據本身。信息本身并不能給出關于一個事件是如何發生、為何發生的答案，而需要設計師們的主觀理解和參與發揮作用，運用圖形使冰冷的數據形象化，為受眾的情感體驗展開了一個全新的維度。在收集、解析和詮釋數據信息的過程中，新技術和新平臺的誕生推進了數據思維方式的發展。基于此，受眾個體的體驗可以與他人的體驗重疊或沖突，從而產生了新的交流方式。

界面設計與傳統的平面設計看似都是視覺設計形式，但兩者即使在表象上仍有諸多區別。從表象觀察，前者的可視化可以是靜態也可以是動態，還包含了交互，而后者的可視化以靜態固化為主。從感知的豐富性分析前者以視覺為主，通常包涵聽覺，觸覺交互反饋，目前對味覺和嗅覺的模擬已在實驗階段。后者以視覺為主，在小概率上也會帶有其他感知設計的介入，比如印刷紙張帶有的機理，裁切工藝造成的觸覺變化，特殊油墨添加的味道等，但對第二大信息獲取感知聽覺的應用微乎其微。

根據實驗心理學的另一統計，受眾對于不同感知方式獲取信息的記憶力有所不同，通常能記住閱讀內容的約10%，聽到內容的約20%，看到內容的約30%，同時聽到和看到內容的約50%，在交流過程中自己所講內容的約70%。這組實驗比較說明通過多媒體傳播信息不僅非常有利于信息的獲取，而且有利于信息在記憶。數字媒體時代新興的界面設計帶有以視覺為主的綜合感知交互特征，在此層面上比紙質媒體時代傳統的平面設計有更高效地信息傳播與記憶優勢。

實際上界面設計與平面設計在設計邏輯和設計方式上存在著更顯著的不同。平面設計更偏重視覺流程的設計，通過強大的沖擊力或引起觀者的好奇心來吸引觀眾注意從提高而傳達信息的效率。界面設計更注重與使用戶形成獲得良好的交互體驗，用戶可根據自身需求發掘更多的信息，更側重交互參與感。界面設計相對于平面設計而言是更為系統復雜的設計門類，會涉及更多的交叉學科，強調從需求設計和體驗設計出發，經過邏輯分層和原型的技術實現，最后才是視覺設計。所以盡管面設計與平面設計最終都是以視覺形式為主呈現信息，其背后的原理并不相同。

可見從平面設計到界面設計，是兩個同屬于視覺傳達設計，相互間有著千絲萬縷關聯并有明顯承接關系的設計范疇。界面設計包括了大部分平面設計的知識，但其內涵外延遠非局限于此。圖形用戶界面設計并非是紙質媒體時代的平面設計向數字媒體時代的基因挪移的克隆體，而是在媒體轉型過程中，與交互設計、信息可視化設計、音畫設計、模塊化程序設計等新興學科跨界融合產生的新興視覺傳達設計領域。因此，界面設計可以被看作是紙質媒介時代的平面設計在數字媒體時代的子代，有遺傳也有異變甚至突變。在視覺傳達設計領域中曾經在紙質媒介時代占主導地位的平面設計，隨著數字媒體時代的全面到來，其權重正不斷向界面設計傾斜。

5 未來的擴展與趨勢

目前界面設計的應用領域按數字媒介可細分為個人電腦程序、網頁、智能移動終端應用等。按現有可實現技術推導，未來界面設計的交互介質可不局限于現有電腦的液晶屏幕或智能手機的玻璃幕，可從柔性屏發展到流體分界面，甚至可以是通過虛擬現實技術，在沉浸式全景多媒體環境中設定的概念上的而并不真正存在于現實中的交互界面，這些都將是未來視覺傳達設計的可開拓領域。

媒體的升級轉型所帶來的用戶需求的變革是視覺傳達設計發展的原動力，平臺化，兼容性，從多媒體到多技術多學科的包容平臺是未來的重要發展趨勢之一，屆時視頻與音頻，甚至嗅覺與觸覺模擬等元素與起主導作用的視覺元素融合互動植入社交媒體平臺與智能擴展的界面設計中，引導提升用戶身臨其境的綜合感知體驗，很有可能將再次拓展視覺傳達設計的學科邊界。

喬布斯設計蘋果電腦時世界上并沒有對蘋果電腦的需求，可以說這個需求是被創造出來的，且通過設計引導用戶行為改變了世界。在當今全球一體化的數字媒體讀圖時代，新一代的視覺傳達設計師應關注媒介與用戶的升級帶來的設計思維轉變，注重用戶體驗、需求設計，而人機界面則是實現這一改變的重要媒介。在此基礎上的界面設計已使視覺傳達設計突破傳統紙質媒體的局限而產生巨大的社會影響力。當然，在從被動迎合需求向主動創造需求的過程中應注重作品的實質意義與價值，避免單純追求商業經濟利益而創造出浪費資源或消極生活方式的無益需求。

6 結語

如果單純將傳統平面設計的信息傳遞媒介從紙張印刷更換成屏幕投影，其傳達的信息內容以及信息傳達的方式并無本質改變，因此，從平面到界面的發展并非以物理介質為動因。在視覺傳達設計領域從平面到界面的升級中，剔除傳播媒介的表象，以設計的目標與邏輯為依據探究視覺傳達設計發展的脈絡，可見數字媒體的誕生與發展不但并未削弱視覺傳達設計的使命與影響，反而賦予后者更廣闊的表現語言與全方位的傳播途徑。究其本質，新技術的不斷發展與滲透帶來交互環節的介入，提高了受眾對信息渠道和情感訴求的需求，交互方式的變革改變著社交方式甚至社會結構的構架，強力推動了視覺傳達設計領域從內涵到形式的蛻變，而傳達媒介的形式只是其外在的表象。

在可以預見的未來，紙質媒體與數字媒體將在同一時代并存延續，各自發揮特點與優勢，數字媒體取代了傳統紙質媒體儲存與傳播信息的功能，紙質媒體并未因此消亡，很可能向更為經典的形式化方向發展。因此，在設計實踐中無須意圖恪守傳統視覺傳達設計的邊界而排斥新媒體的介入，同時也無須一味追求標新立異的表現形式而刻意割裂傳統媒介。應將需求設計的目標，作為選擇設計媒介甚至制定綜合媒介運用策略的出發點。

在智能擴展技術可能改變人類獲取信息的感知排序前，視覺感知仍然是所有感知中擁有壓倒性優勢的一種，視覺感知的信息獲取比重地位決定了視覺傳達設計的重要性。未來數字媒體技術的發展可以視覺為主導，包容其他感知形成綜合交互的體驗，更高效準確地傳播信息。屆時視覺傳達設計領域將實現下一代的革新升級。

參考文獻：

[1] 尼古拉·尼葛洛龐帝.數字化生存（20周年紀念版）[M].電子工業出版社，2017.

[2] 尤瓦爾·赫拉利.未來簡史[M].中信出版社，2017.

[3] 施奈德曼.用戶界面設計[M].電子工業出版社，2010.

[4] 克里斯·布里頓.需求設計：構建用戶想要和需要的產品[M].機械工業出版社，2017.

[5] 安布羅斯·哈里斯.設計思維[M].中國青年出版社，2010.

[6] Theresa Neil .移動應用UI設計模式（第2版）[M].人民郵電出版社，2015.

[7] Richard Hollis，Graphic Design . A Concise History[M]. Thames&Hudson，2002.

[8] Meredith Davis，Jameer Hunt . Visual Communication Design[M]. Ava Pub Sa，2017.