“扁平化設(shè)計(jì)一直是設(shè)計(jì)師之間的熱門話題，扁平化時(shí)代正在來臨。然而扁平化設(shè)計(jì)在很早之前就已經(jīng)出現(xiàn)過，可以追溯到奧托·艾舍平面設(shè)計(jì)風(fēng)格。因此，雖然扁平化設(shè)計(jì)是當(dāng)下很流行的名詞，卻沒有什么真正意義上的改變。這只是社會(huì)潮流反復(fù)循環(huán)而已，在不久的將來一定會(huì)被擬物化設(shè)計(jì)所取代。

01/

引言

隨著智能手機(jī)的不斷發(fā)展，不斷促進(jìn)著界面設(shè)計(jì)的更新，以前界面設(shè)計(jì)為擬物化設(shè)計(jì)。但是2008年由Google首次提出扁平化設(shè)計(jì)（FlatDesign）這個(gè)概念。之后扁平化設(shè)計(jì)受到很多設(shè)計(jì)師們的追捧。這段時(shí)間以來，扁平化設(shè)計(jì)一直是設(shè)計(jì)師之間的熱門話題。

02/

扁平化設(shè)計(jì)

（一）定義

扁平化風(fēng)格是一個(gè)很受歡迎的、以簡(jiǎn)約主義為核心的設(shè)計(jì)觀念①。顧名思義,扁平化設(shè)計(jì)是根據(jù)平面的樣式來定義的：通過移除額外的元素比如陰影、斜邊、紋理和創(chuàng)建3D樣式的梯度等等來簡(jiǎn)化界面的設(shè)計(jì)②。它主要是針對(duì)現(xiàn)在智能手機(jī)和電腦、平板的界面設(shè)計(jì)，現(xiàn)在也是用在視覺傳達(dá)設(shè)計(jì)上。
扁平化的概念最核心的地方就是：去掉冗余的裝飾效果，意思是去掉多余的透視，紋理，漸變等等能做出3D效果的元素③。讓“信息”本身重新作為核心被凸顯出來。并且在設(shè)計(jì)元素上強(qiáng)調(diào)抽象、極簡(jiǎn)、符號(hào)化③。所謂扁平化，就是一切都是平的。

（二）特征

首先，扁平化最突出的特點(diǎn)就是拒絕特效④，即去除多余的裝飾效果，達(dá)到所有元素干凈利落，去繁就簡(jiǎn)的效果。
其次，簡(jiǎn)單幾何元素的運(yùn)用也是一大特點(diǎn)。設(shè)計(jì)師們通常堅(jiān)持使用簡(jiǎn)單的外形（矩形或者圓形），并且盡量突出外形，這些元素一律為直角（極少的一些為圓角）。
再次，扁平化設(shè)計(jì)中慣用明亮配色也是重要一環(huán)。扁平化設(shè)計(jì)通常采用比其他風(fēng)格更明亮、炫麗的顏色④。同時(shí)，扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。比如，其他設(shè)計(jì)最多只包含兩三種主要顏色，但是扁平化設(shè)計(jì)中會(huì)平均使用六到八種③。而且扁平化設(shè)計(jì)中，往往傾向于使用單色調(diào)，尤其是純色，并且不做任何淡化或柔化處理（最受歡迎的顏色是純色和二次色）。另外還有一些顏色也挺受歡迎，如復(fù)古色（淺橙、紫色、綠色、藍(lán)色等）④。
第四個(gè)特征是“簡(jiǎn)”，它一直貫穿在在扁平化設(shè)計(jì)之中。通過僅使用簡(jiǎn)單的形狀，放棄不必要的裝飾效果，不再使用高光、紋理、材質(zhì)、陰影等擬物化視覺元素，這種追求極簡(jiǎn)的設(shè)計(jì)思想貫穿在設(shè)計(jì)之中。
最后，扁平化設(shè)計(jì)繼承和發(fā)揚(yáng)了國(guó)際主義平面設(shè)計(jì)的風(fēng)格，比如像平面設(shè)計(jì)大師奧托·艾舍所做的設(shè)計(jì)等。

03/

奧托·艾舍

第二次世界大戰(zhàn)給西方各國(guó)經(jīng)濟(jì)都帶來了極大的摧殘，戰(zhàn)后初年，歐洲各國(guó)都處在非常困難的重建階段⑤。然而此時(shí)由于戰(zhàn)爭(zhēng)沒有出現(xiàn)在國(guó)家本土的美國(guó)經(jīng)濟(jì)得到了飛速發(fā)展，因此歐洲第二次世界大戰(zhàn)以前發(fā)展起來的現(xiàn)代主義經(jīng)過在美國(guó)的發(fā)展，轉(zhuǎn)變成為了國(guó)際主義風(fēng)格。國(guó)際主義風(fēng)格對(duì)奧托·艾舍產(chǎn)生了巨大的影響。
奧托·艾舍（Otl Aicher,1922-1991），是德國(guó)20世紀(jì)最有影響力的平面設(shè)計(jì)師之一，同時(shí)也是世界知名設(shè)計(jì)師。1946 年，他開始在慕尼黑美術(shù)學(xué)院學(xué)習(xí)雕塑，和他的朋友一起創(chuàng)立了烏爾姆民眾高等學(xué)院，于同年烏爾姆設(shè)立工作室⑥。1947年他又建立一個(gè)艾舍工作室兼設(shè)計(jì)公司—— BüroAicher，并開始為烏爾姆成人教育學(xué)校設(shè)計(jì)視覺形象、宣傳海報(bào)、宣傳手冊(cè)等。1972年他為慕尼黑奧運(yùn)會(huì)設(shè)計(jì)的慕尼黑奧運(yùn)會(huì)視覺形象設(shè)計(jì)系統(tǒng)成為經(jīng)典，創(chuàng)造了現(xiàn)在國(guó)際上廣為傳播的象形符號(hào)系統(tǒng)作為導(dǎo)向。
奧托·艾舍設(shè)計(jì)作品的主要特征是抽象的構(gòu)成主義風(fēng)格和國(guó)際主義風(fēng)格相結(jié)合。用抽象的藝術(shù)符號(hào)來代替原本具象、繁雜的事物，強(qiáng)調(diào)抽象的幾何形，顏色以純色為主，通過設(shè)計(jì)元素在大小、形狀和位置上的微妙變化，來強(qiáng)化設(shè)計(jì)語言，達(dá)到不同的視覺感受和韻律美，設(shè)計(jì)布局結(jié)構(gòu)嚴(yán)謹(jǐn)，他的設(shè)計(jì)作品體現(xiàn)著理性主義和一種勤奮精神。

04/

扁平化設(shè)計(jì)與奧托·艾舍平面設(shè)計(jì)

然而當(dāng)下最炙手可熱的扁平化設(shè)計(jì)風(fēng)格，其實(shí)是奧托·艾舍設(shè)計(jì)風(fēng)格的延續(xù)，并不是有實(shí)質(zhì)創(chuàng)新設(shè)計(jì)，比如扁平化設(shè)計(jì)去掉3D裝飾效果，去掉紋理，漸變等等。讓“信息”本身更清晰的凸顯在人們眼中。這正和奧托·艾舍設(shè)計(jì)作品的特征不謀而合。下面筆者將一一進(jìn)行對(duì)比分析。

（一）沒有3D特效

首先以1972慕尼黑奧運(yùn)會(huì)著名的“催眠會(huì)徽”（圖1）和扁平化設(shè)計(jì)的鏡頭（圖2）為例，在“催眠會(huì)徽”設(shè)計(jì)中，奧托·艾舍運(yùn)用視錯(cuò)覺和抽象的光芒四射的幾何圖形去表達(dá)運(yùn)動(dòng)，整個(gè)會(huì)徽以二維的形式，沒有任何3D成分的修飾，既沒有漸變也沒有陰影，設(shè)計(jì)清晰、簡(jiǎn)潔。顏色使用黑色與白色。
下面來分析扁平化設(shè)計(jì)的鏡頭，在扁平化設(shè)計(jì)中僅僅采用二維元素，去沒有漸變效果，沒有陰影效果，沒有質(zhì)感的表達(dá)，僅用簡(jiǎn)單的幾何形式來對(duì)形體表達(dá)，顯的干凈利落。一句話表明就是一切扁平化設(shè)計(jì)都是平的。然而沒有感覺扁平化設(shè)計(jì)跟奧托·艾舍的設(shè)計(jì)有什么實(shí)質(zhì)的區(qū)別。就是對(duì)奧托·艾舍設(shè)計(jì)的延伸。

（二）簡(jiǎn)化提取

其次，以1972慕尼黑奧運(yùn)會(huì)足球項(xiàng)目標(biāo)識(shí)設(shè)計(jì)（圖3）和iPhoneiSO7手機(jī)撥號(hào)界面扁平化設(shè)計(jì)（圖4）為例，在足球運(yùn)動(dòng)項(xiàng)目標(biāo)識(shí)中，奧托·艾舍把運(yùn)動(dòng)員的形象抽象成幾何形，頭是一個(gè)實(shí)心的圓形，身體和四肢為不規(guī)則幾何形，而手跟腳則是半圓與四肢相連，最后把足球直接簡(jiǎn)化成為一個(gè)空心圓圈。所有設(shè)計(jì)的一切都是簡(jiǎn)化提取，在做減法。
而在iPhoneiSO7手機(jī)撥號(hào)界面中，蘋果的設(shè)計(jì)師把按鍵形狀簡(jiǎn)化成空心圓圈，中間加上數(shù)字，把撥打按鍵形狀簡(jiǎn)化成為實(shí)心圓，里面的圖像是簡(jiǎn)化的手機(jī)圖形。設(shè)計(jì)簡(jiǎn)單的不能再簡(jiǎn)單。二者都是把設(shè)計(jì)簡(jiǎn)化提取再設(shè)計(jì)。

（三）運(yùn)用純色

以1972慕尼黑奧運(yùn)會(huì)吉祥物設(shè)計(jì)（圖5）和iPhone iSO7界面扁平化設(shè)計(jì)（圖6）為例。慕尼黑奧運(yùn)會(huì)吉祥物Waldi 是幾何化的德國(guó)臘腸犬，它象征了運(yùn)動(dòng)員堅(jiān)韌、堅(jiān)持和敏捷的特性⑥。奧托·艾舍采用幾何圖形，又大膽運(yùn)用純色在吉祥物Waldi身上，雖然顏色不多，主要是藍(lán)色、綠色、藍(lán)紫、橙色和黃橙，但都是相近色，也也或補(bǔ)色如藍(lán)橙，然后用線條分割色彩，根據(jù)顏色排列，產(chǎn)生一系列節(jié)奏感和韻律感的效果。
iPhone iSO7界面扁平化設(shè)計(jì)中，形狀以圓角矩形為主，在色彩上更多的強(qiáng)調(diào)更亮 、 更鮮艷，顏色主要是淺澄色、紫色、綠色、藍(lán)色。

（四）簡(jiǎn)單的元素和注重排版以

1972慕尼黑奧運(yùn)會(huì)海報(bào)設(shè)計(jì)（圖7）和扁平化版式設(shè)計(jì)（圖8）為例，1972慕尼黑奧運(yùn)會(huì)海報(bào)版式設(shè)計(jì)中，僅僅使用了文字元素、二維人物形象元素和綠、橙、藍(lán)三塊純色色塊元素，排版上字體的大小匹配于整體設(shè)計(jì)，字形使用粗體，文字精簡(jiǎn)、干練，人物元素和色塊元素放在版面的視覺中心，視覺上使主題更加明確。
在扁平化版式設(shè)計(jì)中，設(shè)計(jì)者使用了三種元素，分別是不多的文字元素和線條樣的幾何形logo，以及一個(gè)漸變的六邊形色塊元素。在排版上設(shè)計(jì)者把所有設(shè)計(jì)元素海報(bào)的視覺中心，從上往下依次進(jìn)行。

05/

結(jié)語

通過上面對(duì)扁平化設(shè)計(jì)與奧托·艾舍平面設(shè)計(jì)分析，我們不難發(fā)現(xiàn)：（一）奧托·艾舍的設(shè)計(jì)作品的風(fēng)格和當(dāng)今的扁平化設(shè)計(jì)風(fēng)格不謀而合。設(shè)計(jì)風(fēng)格上首先他們都是二維上的，沒有3D特效；其次他們把所需要的元素都通過簡(jiǎn)化提取運(yùn)用在設(shè)計(jì)中；再次他們?cè)谏�彩上都運(yùn)用純色，而且顏色種類不多，多是相近色或是補(bǔ)色，顏色主要以淺澄色、紫色、綠色、藍(lán)色為主；最后他們二者都使用簡(jiǎn)單的元素和注重排版，強(qiáng)調(diào)版式的主題。
（二）雖然當(dāng)下流行的扁平化設(shè)計(jì)風(fēng)靡一時(shí)，但是我認(rèn)為這只是社會(huì)潮流反反復(fù)復(fù)依次循環(huán)的一個(gè)過程，在不久的將來扁平化設(shè)計(jì)一定會(huì)再次被擬物化設(shè)計(jì)所取代。
最后，當(dāng)今流行的扁平化風(fēng)格借鑒了德國(guó)平面設(shè)計(jì)大師奧托·艾舍風(fēng)格，而且卻沒有對(duì)奧托·艾舍風(fēng)格沒有進(jìn)行什么新的挖掘和創(chuàng)新，所以可以說奧托·艾舍是扁平化設(shè)計(jì)之父。

（徐天然，孫碩   北京交通大學(xué)）