“扁平化設(shè)計一直是設(shè)計師之間的熱門話題,扁平化時代正在來臨。然而扁平化設(shè)計在很早之前就已經(jīng)出現(xiàn)過,可以追溯到奧托·艾舍平面設(shè)計風(fēng)格。因此,雖然扁平化設(shè)計是當(dāng)下很流行的名詞,卻沒有什么真正意義上的改變。這只是社會潮流反復(fù)循環(huán)而已,在不久的將來一定會被擬物化設(shè)計所取代。
01/
引言
隨著智能手機的不斷發(fā)展,不斷促進著界面設(shè)計的更新,以前界面設(shè)計為擬物化設(shè)計。但是2008年由Google首次提出扁平化設(shè)計(FlatDesign)這個概念。之后扁平化設(shè)計受到很多設(shè)計師們的追捧。這段時間以來,扁平化設(shè)計一直是設(shè)計師之間的熱門話題。
02/
扁平化設(shè)計
(一)定義
扁平化風(fēng)格是一個很受歡迎的、以簡約主義為核心的設(shè)計觀念①。顧名思義,扁平化設(shè)計是根據(jù)平面的樣式來定義的:通過移除額外的元素比如陰影、斜邊、紋理和創(chuàng)建3D樣式的梯度等等來簡化界面的設(shè)計②。它主要是針對現(xiàn)在智能手機和電腦、平板的界面設(shè)計,現(xiàn)在也是用在視覺傳達設(shè)計上。
扁平化的概念最核心的地方就是:去掉冗余的裝飾效果,意思是去掉多余的透視,紋理,漸變等等能做出3D效果的元素③。讓“信息”本身重新作為核心被凸顯出來。并且在設(shè)計元素上強調(diào)抽象、極簡、符號化③。所謂扁平化,就是一切都是平的。
(二)特征
首先,扁平化最突出的特點就是拒絕特效④,即去除多余的裝飾效果,達到所有元素干凈利落,去繁就簡的效果。
其次,簡單幾何元素的運用也是一大特點。設(shè)計師們通常堅持使用簡單的外形(矩形或者圓形),并且盡量突出外形,這些元素一律為直角(極少的一些為圓角)。
再次,扁平化設(shè)計中慣用明亮配色也是重要一環(huán)。扁平化設(shè)計通常采用比其他風(fēng)格更明亮、炫麗的顏色④。同時,扁平化設(shè)計中的配色還意味著更多的色調(diào)。比如,其他設(shè)計最多只包含兩三種主要顏色,但是扁平化設(shè)計中會平均使用六到八種③。而且扁平化設(shè)計中,往往傾向于使用單色調(diào),尤其是純色,并且不做任何淡化或柔化處理(最受歡迎的顏色是純色和二次色)。另外還有一些顏色也挺受歡迎,如復(fù)古色(淺橙、紫色、綠色、藍色等)④。
第四個特征是“簡”,它一直貫穿在在扁平化設(shè)計之中。通過僅使用簡單的形狀,放棄不必要的裝飾效果,不再使用高光、紋理、材質(zhì)、陰影等擬物化視覺元素,這種追求極簡的設(shè)計思想貫穿在設(shè)計之中。
最后,扁平化設(shè)計繼承和發(fā)揚了國際主義平面設(shè)計的風(fēng)格,比如像平面設(shè)計大師奧托·艾舍所做的設(shè)計等。
03/
奧托·艾舍
第二次世界大戰(zhàn)給西方各國經(jīng)濟都帶來了極大的摧殘,戰(zhàn)后初年,歐洲各國都處在非常困難的重建階段⑤。然而此時由于戰(zhàn)爭沒有出現(xiàn)在國家本土的美國經(jīng)濟得到了飛速發(fā)展,因此歐洲第二次世界大戰(zhàn)以前發(fā)展起來的現(xiàn)代主義經(jīng)過在美國的發(fā)展,轉(zhuǎn)變成為了國際主義風(fēng)格。國際主義風(fēng)格對奧托·艾舍產(chǎn)生了巨大的影響。
奧托·艾舍(Otl Aicher,1922-1991),是德國20世紀(jì)最有影響力的平面設(shè)計師之一,同時也是世界知名設(shè)計師。1946 年,他開始在慕尼黑美術(shù)學(xué)院學(xué)習(xí)雕塑,和他的朋友一起創(chuàng)立了烏爾姆民眾高等學(xué)院,于同年烏爾姆設(shè)立工作室⑥。1947年他又建立一個艾舍工作室兼設(shè)計公司—— BüroAicher,并開始為烏爾姆成人教育學(xué)校設(shè)計視覺形象、宣傳海報、宣傳手冊等。1972年他為慕尼黑奧運會設(shè)計的慕尼黑奧運會視覺形象設(shè)計系統(tǒng)成為經(jīng)典,創(chuàng)造了現(xiàn)在國際上廣為傳播的象形符號系統(tǒng)作為導(dǎo)向。
奧托·艾舍設(shè)計作品的主要特征是抽象的構(gòu)成主義風(fēng)格和國際主義風(fēng)格相結(jié)合。用抽象的藝術(shù)符號來代替原本具象、繁雜的事物,強調(diào)抽象的幾何形,顏色以純色為主,通過設(shè)計元素在大小、形狀和位置上的微妙變化,來強化設(shè)計語言,達到不同的視覺感受和韻律美,設(shè)計布局結(jié)構(gòu)嚴(yán)謹(jǐn),他的設(shè)計作品體現(xiàn)著理性主義和一種勤奮精神。
04/
然而當(dāng)下最炙手可熱的扁平化設(shè)計風(fēng)格,其實是奧托·艾舍設(shè)計風(fēng)格的延續(xù),并不是有實質(zhì)創(chuàng)新設(shè)計,比如扁平化設(shè)計去掉3D裝飾效果,去掉紋理,漸變等等。讓“信息”本身更清晰的凸顯在人們眼中。這正和奧托·艾舍設(shè)計作品的特征不謀而合。下面筆者將一一進行對比分析。
(一)沒有3D特效
首先以1972慕尼黑奧運會著名的“催眠會徽”(圖1)和扁平化設(shè)計的鏡頭(圖2)為例,在“催眠會徽”設(shè)計中,奧托·艾舍運用視錯覺和抽象的光芒四射的幾何圖形去表達運動,整個會徽以二維的形式,沒有任何3D成分的修飾,既沒有漸變也沒有陰影,設(shè)計清晰、簡潔。顏色使用黑色與白色。
下面來分析扁平化設(shè)計的鏡頭,在扁平化設(shè)計中僅僅采用二維元素,去沒有漸變效果,沒有陰影效果,沒有質(zhì)感的表達,僅用簡單的幾何形式來對形體表達,顯的干凈利落。一句話表明就是一切扁平化設(shè)計都是平的。然而沒有感覺扁平化設(shè)計跟奧托·艾舍的設(shè)計有什么實質(zhì)的區(qū)別。就是對奧托·艾舍設(shè)計的延伸。
(二)簡化提取
其次,以1972慕尼黑奧運會足球項目標(biāo)識設(shè)計(圖3)和iPhoneiSO7手機撥號界面扁平化設(shè)計(圖4)為例,在足球運動項目標(biāo)識中,奧托·艾舍把運動員的形象抽象成幾何形,頭是一個實心的圓形,身體和四肢為不規(guī)則幾何形,而手跟腳則是半圓與四肢相連,最后把足球直接簡化成為一個空心圓圈。所有設(shè)計的一切都是簡化提取,在做減法。
而在iPhoneiSO7手機撥號界面中,蘋果的設(shè)計師把按鍵形狀簡化成空心圓圈,中間加上數(shù)字,把撥打按鍵形狀簡化成為實心圓,里面的圖像是簡化的手機圖形。設(shè)計簡單的不能再簡單。二者都是把設(shè)計簡化提取再設(shè)計。
(三)運用純色
以1972慕尼黑奧運會吉祥物設(shè)計(圖5)和iPhone iSO7界面扁平化設(shè)計(圖6)為例。慕尼黑奧運會吉祥物Waldi 是幾何化的德國臘腸犬,它象征了運動員堅韌、堅持和敏捷的特性⑥。奧托·艾舍采用幾何圖形,又大膽運用純色在吉祥物Waldi身上,雖然顏色不多,主要是藍色、綠色、藍紫、橙色和黃橙,但都是相近色,也也或補色如藍橙,然后用線條分割色彩,根據(jù)顏色排列,產(chǎn)生一系列節(jié)奏感和韻律感的效果。
iPhone iSO7界面扁平化設(shè)計中,形狀以圓角矩形為主,在色彩上更多的強調(diào)更亮 、 更鮮艷,顏色主要是淺澄色、紫色、綠色、藍色。
(四)簡單的元素和注重排版以
1972慕尼黑奧運會海報設(shè)計(圖7)和扁平化版式設(shè)計(圖8)為例,1972慕尼黑奧運會海報版式設(shè)計中,僅僅使用了文字元素、二維人物形象元素和綠、橙、藍三塊純色色塊元素,排版上字體的大小匹配于整體設(shè)計,字形使用粗體,文字精簡、干練,人物元素和色塊元素放在版面的視覺中心,視覺上使主題更加明確。
在扁平化版式設(shè)計中,設(shè)計者使用了三種元素,分別是不多的文字元素和線條樣的幾何形logo,以及一個漸變的六邊形色塊元素。在排版上設(shè)計者把所有設(shè)計元素海報的視覺中心,從上往下依次進行。
05/
結(jié)語
通過上面對扁平化設(shè)計與奧托·艾舍平面設(shè)計分析,我們不難發(fā)現(xiàn):(一)奧托·艾舍的設(shè)計作品的風(fēng)格和當(dāng)今的扁平化設(shè)計風(fēng)格不謀而合。設(shè)計風(fēng)格上首先他們都是二維上的,沒有3D特效;其次他們把所需要的元素都通過簡化提取運用在設(shè)計中;再次他們在色彩上都運用純色,而且顏色種類不多,多是相近色或是補色,顏色主要以淺澄色、紫色、綠色、藍色為主;最后他們二者都使用簡單的元素和注重排版,強調(diào)版式的主題。
(二)雖然當(dāng)下流行的扁平化設(shè)計風(fēng)靡一時,但是我認(rèn)為這只是社會潮流反反復(fù)復(fù)依次循環(huán)的一個過程,在不久的將來扁平化設(shè)計一定會再次被擬物化設(shè)計所取代。
最后,當(dāng)今流行的扁平化風(fēng)格借鑒了德國平面設(shè)計大師奧托·艾舍風(fēng)格,而且卻沒有對奧托·艾舍風(fēng)格沒有進行什么新的挖掘和創(chuàng)新,所以可以說奧托·艾舍是扁平化設(shè)計之父。
(徐天然,孫碩 北京交通大學(xué))

全部評論