■駱 文張乘風陳 航

(1.2.3 南京林業(yè)大學，江蘇南京 210037)

淺析扁平化設計風格對現(xiàn)代展示設計的影響

■駱 文1張乘風2陳 航3

(1.2.3 南京林業(yè)大學，江蘇南京 210037)

信息資訊極度發(fā)達的今天，人們每天都要通過數字設備處理大量信息的，例如購物、預定機票、工作等等。因此信息的有效傳遞就變得尤為重要。扁平化設計就是這樣一種高效的設計風格，它作為一種二維表現(xiàn)形式通過各種數字終端讓人們日益熟悉。這一高效設計風格不應僅僅出現(xiàn)在顯示屏上，本文就扁平化設計風格的特點、優(yōu)勢發(fā)展情況等進行分析并通過案例研究扁平化設計對現(xiàn)代展示設計的借鑒意義。

扁平化；展示；高效

扁平化設計在如今的設計界可謂十分火熱，有關于它的探討一直有升溫趨勢。平板電腦、智能手機以及其他新興電子產品的普及，也讓更多的人接觸到了扁平化設計。其中大眾最為熟悉的就是Win8操作界面Metro UI以及最新的IOS7操作系統(tǒng)，這些都是眾多扁平化設計作品的代表。

1 什么是扁平化設計

1.1 扁平化設計的概念

扁平化設計英文名稱為“flat design”，它概念源于平面范疇。只是從表面上看扁平化設計很簡樸，簡單來說起來就是不添加陰影、漸變和紋理，運用簡潔的形狀，明快的顏色和明晰的排版。扁平化設計拋棄了所有無用的修飾，只留下事物的本質特征。從某些方面看來，扁平化設計具有現(xiàn)代主義的特征。

作為一種設計理念，扁平化設計的目標十分明確，即更深入地關注于易用性。這一理念追求更高效、更友好的使用感受。例如現(xiàn)在的手機界面設計，按鈕越來越少，界面越來越干凈整齊，使用起來格外簡潔。這能更直接的將有效信息和事物的工作方式展示出來，過濾大量無效信息，減少認知障礙。

1.2 扁平化設計的來源

扁平化設計是相對它的前輩——擬物化設計而提出的。擬物化設計看起來就像是對真實世界操作方式的反饋。例如（圖1）界面就反映出真實的音頻控制器的功能和外觀。擬物化設計始于計算機技術高速發(fā)展的20世紀80年代，它最初是為了幫助使用者快速適應虛擬的計算機界面。蘋果公司就是擬物化設計的忠實擁護者，在早期的產品中這種設計理念運用在了公司所有用戶界面中。

但擬物化設計的劣勢也很明顯。多數擬物化界面并沒有實現(xiàn)功能化，只是花費大量時間在視覺的陰影和質感效果。在實際使用中，擬物化界面效果，對于真實物體的模擬，最終會在一定程度上制約產品的發(fā)展和功能的擴充。另一方面，擬物化設計的繁雜和過分寫實讓使用感覺過于沉重，進而讓人開始視覺疲勞，所以讓設計變得簡潔和明確成為了必然趨勢。

1.3 扁平化設計的特點

1.3.1 拒絕過度裝飾

避免過度裝飾即放棄所有多余的裝飾，設計中的元素輪廓直接干凈，不使用羽化、漸變或是陰影效果。盡可能簡化設計方案，避免設計中元素復雜。扁平化設計所使用的元素間有明確的分層和布局，這使得體驗者能直觀的了解設計中每個元素的含義以及功能。

1.3.2 界面元素

扁平化設計常常使用各種簡潔的圖形元素，例如圖標等。設計師們通常堅持使用簡單的外形，并設法凸顯輪廓，這些元素多數為直角。這樣界面元素可以方便理解，這能極大的減少學習成本。

1.3.3 優(yōu)化排版

由于扁平化設計中元素相對簡單樸素，排版必然成了重要的步驟，版式的優(yōu)劣直接影響視覺效果，甚至可能間接影響使用便捷與否。而排版中字體及其排列方式又是其重要一環(huán)，字體需要和其他設計元素相互配合。

1.3.4 配色

簡單的元素更需要明朗鮮艷的配色，扁平化設計中常常能看到比其他風格更明亮更鮮艷的顏色。在這些配色中你還會發(fā)現(xiàn)更多不同的色調，但同一件設計中往往會使用單一色調，特別是純色，并且不做任何減淡或柔化。

2 扁平化設計的發(fā)展

在扁平化設計的發(fā)展過程中科技公司扮演了重要角色例如Adobe、微軟、蘋果等。

作為設計師肯定不會對Adobe的產品感覺陌生，它們扮演著設計師畫筆的角色貫穿設計始末。隨著時間的推移Adobe的產品不斷升級，但隨之帶來的產品圖標不斷的變化卻值得我們思考。

上圖（圖2）可以明顯發(fā)現(xiàn)Adobe產品圖標的變化歷程。圖標從CS3版本開始有了質的變化，從最早的具象風格到后期扁平的色塊大號的文字。這一變化曾經讓多數人不能接受，大家會覺得太過簡單沒有創(chuàng)意，可短短幾年后人們就開始明白這一改變帶來的好處。隨著Adobe產品家族的擴大，設計師的電腦桌面

越來越擁擠，五顏六色不同功能的軟件圖標出現(xiàn)在桌面上，這時你突然發(fā)現(xiàn)PS、AI、ID等Adobe家族的圖標十分顯眼，在一堆繁雜的圖標中你很容易發(fā)現(xiàn)他們。這時關于Adobe產品新舊圖標的爭論也有了答案。由此可見在信息膨脹的今天，可識別性，傳遞的高效性有多么重要。

Windows 8的Metro界面也是扁平化設計的經典代表，新的界面設計，引領了更簡約、更直接的設計趨勢。除了突出產品核心的內容外，沒有更多裝飾設計。

Metro UI風格簡單明確，傳達功能準確，設計師為微軟優(yōu)化了原有的用戶界面、精簡的重點和簡潔輕快的排版使用戶便于抓住重要信息、方便使用。Metro UI的設計中標題字體方正并且碩大，具體內容映襯在簡單的大色塊上以達到吸引使用者注意力的目的，這一系列改變可以幫助人們能夠在短時間內，高效分揀有用信息。

■圖1 擬物化操作界面

■圖2 Adobe圖標變化歷程

■圖3 Metro UI操作界面

■圖4 門店中的現(xiàn)狀

■圖5 重新設計后的產品展示面

3 扁平化設計對現(xiàn)代展示設計的意義

以上討論了扁平化設計在二維中的種種優(yōu)勢和特點，因此它作為一種熱門的設計理念不應該僅限于平面范疇。在眾多空間設計中，展示空間對傳播效率和質量有著很高的要求，因此扁平化設計在展示空間設計中有著重要的借鑒意義。

3.1 現(xiàn)代展示設計的概況

現(xiàn)代展示設計起源于1851年倫敦海德公園舉辦的第一次國際工業(yè)博覽會，經過了百年的發(fā)展，今天的展示設計已經成為了一個專門的學科，它涉及多個研究領域，包括視覺傳達、策劃與管理、信息技術、展品性能、市場供求、建筑空間、消費心理、傳播學、美學等多個學科。現(xiàn)代展示設計的展示方式也越發(fā)豐富，例如二維表現(xiàn)方式、三維表現(xiàn)方式、多媒體表現(xiàn)方式等。紛繁復雜的表現(xiàn)方式在豐富展示空間的同時也增加了空間規(guī)劃的難度。

展示設計有別于其他空間設計，首先展示空間講究次序性，展品、色調等都必須是關聯(lián)有序的；其次展示設計要有觀眾的參與性，展品與人應有互動；再次展示設計內容要簡潔突出，有高識別度讓人印象深刻。

3.2 現(xiàn)代展示設計的發(fā)展方向

3.2.1 高技術的運用

計算機虛擬技術以及各種先進數字設備的出現(xiàn)使展示手段花樣繁多，展示形式也出現(xiàn)了全新的變革。

3.2.2 藝術性與商業(yè)性的統(tǒng)一

現(xiàn)代展示設計有很強的市場導向性，它跨越多學科和領域，立足于策劃和傳播，相對于其他設計對市場更加敏感，設計的形式也受經濟條件制約。展示設計產生的效果是高度集合的廣告宣傳。商業(yè)展示的根本目的是讓觀眾在有限的時間空間中，最有效的接收到盡可能多有用信息，通過視覺影響觀眾的心理。

4 扁平化設計風格在展示空間的運用（案例分析）

筆者通過對扁平化設計風格元素的提取，對一家中國電信門店做出了重新的設計。該電信門店位于南京市云南路，主要受眾為周邊白領和老小區(qū)的住戶。門店現(xiàn)況如圖（圖4），中國電信社區(qū)門店除了傳統(tǒng)的柜臺業(yè)務，其更為重要的功能在于服務及產品展示，但就現(xiàn)有的設計來說顯得十分凌亂、龐雜。初到店中會有混亂感，無法迅速找到需要的產品或服務。

針對這些問題，在改造方案中，首先對空間功能做出了重新規(guī)劃，分出主次。設置完整清晰的導視系統(tǒng)以及合理的人流動線。

在具體設計中加入了扁平化設計的特點，拒絕過度裝飾，所用元素干凈俐落。盡量簡化設計方案，使設計有的層次感。大小不一方形元素貫穿空間，展臺、展架、導視、吊頂等均為方形，元素統(tǒng)一并各有變化。

在產品主要展示面上優(yōu)化排版，改變原空間中產品混亂堆砌的視覺感受。采用大號字體配合單純背景突出主題。將同類產品進行合理劃分，讓顧客輕松對產品進行挑選和比對。（圖5）

空間配色上，使用大色塊將空間分出三個不同的功能區(qū)域（產品展示、服務體驗、業(yè)務辦理）。用零星小色塊點綴貫穿各個空間，又讓空間產生關聯(lián)感。戶外門頭部分采用明亮單純的底色，加上簡潔明了的LOGO讓店面整體識別性大大增強。

對展示內容龐雜的空間進行了這樣一番重新規(guī)劃后，使用感受、展示效率明顯提升。扁平化設計思想在空間設計中也體現(xiàn)出了的獨特優(yōu)勢。

5 小結

“扁平化”的優(yōu)勢在于它可以更加簡單、直接的將使用者想要的信息展示出來。設計師在進行展示設計時，將這一元素加以利用、完善和深化，使其更好地為我們服務。扁平化風格在展覽空間中的運用可以開發(fā)我們的圖形表達能力，對整個社會的發(fā)展、信息交流和溝通都是具有十分廣泛的意義。

（責任編輯：賀 輝）

[1]周雅銘,張杰.商業(yè)展示設計[J].北京:清華大學出版社,2013.

[2]胡以萍.展示陳列與視覺設計[J].北京:清華大學出版社,2013.

[3]陸江燕.展示設計概論[J].北京:清華大學出版社,2013.

[4]賴亞楠,趙堅.展示設計概論[J].石家莊:河北美術出版社,2008.

[5][西]卡爾斯?布魯托,劉靜譯.展廳設計[J].南京:江蘇人民出版社,2012.

[6]吳昊.日本“超平”建筑的深層意義[J].家具與室內裝飾,2012.(07):43-44.

[7]張書鴻.論藝術設計中創(chuàng)造性思維的提高[J].家具與室內裝飾,2012,(04):72-73.

The Infl uence On Modern Display Design From Flat Design Style

Luo Wen1& Zhang Chengfeng2& Chen Hang3

With the rapid developing information era, people have to deal with a lot of information through digital devices, such as shopping, booking tickets, work and so on. Therefore, the effective transfer of information becomes particularly important. Flat design is such an effi cient design, it as a two-dimensional form of expression through a variety of digital devices allow people to become increasingly familiar with. This effi cient design should not only appears on the display screen, the paper fl at design features, advantages, such as the development of case studies to analyze and design of modern fl at display design reference.

Flat Design; Display; High Effi ciency

TS664;TU238+.3

A

1006-8260(2014)11-0028-02