2000年左右,互聯(lián)網(wǎng)剛剛興起,一排排的頻道、密密麻麻麻的顏色和雷同的架構(gòu),所有的信息一擁而入。這個時期,人們在新鮮感的驅(qū)使下忽略了各種的不愉快與不舒服,如饑似渴的在雜亂間汲取自己所要的信息,至于設(shè)計的合理與否,美感與否無從顧及。
然而微軟給人們打了一針強心劑,從windows95到98,陰影和漸變等設(shè)計效果的出現(xiàn)驚艷了當(dāng)時的使用者,效果逼真的擬物化設(shè)計把光影做到了近乎完美。但是當(dāng)網(wǎng)絡(luò)世界中的信息越來越多,新鮮資訊頻頻出現(xiàn),怎樣順應(yīng)這樣快節(jié)奏的變化,怎樣在紛亂的顏色世界中脫穎而出,使得設(shè)計師們陷入了思考,順應(yīng)時代的扁平化設(shè)計驚艷登場。
我們還是來關(guān)注一下微軟,微軟在2008年的時候開始從瑞士風(fēng)格、現(xiàn)代主義和包豪斯中汲取靈感,隨后在2010年推出了Windows phone7,它是典型的扁平化設(shè)計。這個版本的操作系統(tǒng)中采用了大量的塊面形狀,形成了清晰的排版,色彩明亮且對比明顯,具有了明顯的扁平化設(shè)計的特征。
扁平化設(shè)計是放棄了大而全的擬物化模式,回歸到最本質(zhì)的塊面色彩和造型搭配。在高度提煉后的塊與塊之間,通過舒適的形式和外在,使受眾準(zhǔn)確、快速的專注于核心內(nèi)容,將精致的設(shè)計風(fēng)格與準(zhǔn)確的設(shè)計定位結(jié)合在一起,通過“塊”的模式構(gòu)成實用美觀的扁平化設(shè)計。
在扁平化使得網(wǎng)頁擁有了可用性更強的設(shè)計解決方案之后,其優(yōu)點逐步顯現(xiàn)?!皦K”的設(shè)計形式被越來越多的人接受和欣賞,并開始往多元的方向上發(fā)展,讓扁平化設(shè)計有了更多的可能性。設(shè)計師們發(fā)現(xiàn),在畫面上創(chuàng)建多個屏幕尺寸和分辨率的設(shè)計即繁瑣又費時,相對來說,當(dāng)漢堡、雞腿作為快餐被設(shè)計師們用扁平化的手段來表達時,其樸實的形狀、跳躍的色彩模塊等使得設(shè)計更簡約,條理更清晰。
由此我們不難發(fā)現(xiàn),扁平化設(shè)計通過“塊”的形式呈現(xiàn)出了清晰的視覺層次,使之有良好的可讀性、易讀性和很強的自適應(yīng)性。同時,它的出現(xiàn)也大大降低了設(shè)計者和受眾的雙重負擔(dān),其簡約和視覺化的特征讓設(shè)計和欣賞變得更加靈活便捷。再者,這種既能滿足受眾的美學(xué)需求,又能同時滿足其實用性供給的新設(shè)計模式也為未來的創(chuàng)意設(shè)計提供了廣闊的創(chuàng)意空間和新的方向。
扁平化設(shè)計可以說是為了節(jié)省時間,準(zhǔn)確、快速的傳達和接受信息而出現(xiàn)的。它力求將極簡的思想融入至所有元素的設(shè)計中,通過成塊的形狀和顏色改變原有復(fù)雜的畫面布局,使設(shè)計變得簡單、實用且美觀大方,而“塊”化設(shè)計可以說是扁平化設(shè)計的精髓——簡化提取后的模塊式設(shè)計、去掉立體特效后的塊面式設(shè)計、顏色使用的板塊式設(shè)計,這就是扁平化的“塊”化設(shè)計。
一、模塊式的扁平化設(shè)計——簡化提取
扁平化設(shè)計的“模塊式”即將一個復(fù)雜的物體劃分程若干模塊,簡單來說就是將設(shè)計進行“簡化提取”的過程。如何用模塊式的形體和線條表現(xiàn)出一個復(fù)雜的物體,并突出其固有特點,需要在不停的摸索和積累中前行。
簡化提取不同于簡單的設(shè)計,在設(shè)計過程中,如果不去掉那些不必要的元素,畫面會變得復(fù)雜和繁瑣。因此,圖像經(jīng)過簡化提取的單純處理,會呈現(xiàn)出有目的的美感,從而更好的表達形態(tài)和意圖。
模塊式的簡化提取需要設(shè)計師將繁雜復(fù)雜的裝飾效果省略,使用最簡單的圖形和最清晰的色塊進行設(shè)計語言的表達。在這一過程中,素材的去與留、形狀的簡于繁和顏色的搭配都需要設(shè)計者進行慎重的思考,如若為了視覺上的簡化而簡化,那么圖形將失去最本真的象征性意義,簡化提取也就變得毫無生趣了。因此,在提取過程中,設(shè)計者一定要傾注自己對作品的理解,把握好簡化程度,做到精準(zhǔn)提煉。
提取后,設(shè)計師使用模塊式的簡單外形(矩形或者圓形等)勾勒出具有美國特征的各種物體輪廓,如自由女神像、美國國旗、美國牛仔帽等,通過簡單的背景突出模塊式的外形,使得界面上的元素表達更直觀,更方便用戶確認(rèn)且特征清晰讓受眾一目了然。
除此之外,簡化提取后的這種模塊式扁平化設(shè)計還有一個優(yōu)點,即舍棄掉了那些分散人們注意力的元素,以引導(dǎo)用戶去關(guān)注屏幕上有意義的內(nèi)容,如特征、動態(tài)、神韻等。抓住靈感來源再將圖片簡化提取,能夠給新的扁平化設(shè)計帶來靈魂和生機。
如這一組人物設(shè)計,舍棄了復(fù)雜的人物修飾后,模塊式的人物形象將每個人的特征都清晰的呈現(xiàn)在我們眼前:頭型立體的大胡子男人、神情得意的便衣男孩、眼神呆萌的眼鏡女孩和得意洋洋的長發(fā)女生。提取后的內(nèi)容正是模塊式設(shè)計對細節(jié)的呈現(xiàn),即模塊式需要在神態(tài)、動作、外形等有突出代表性的細節(jié)方面進行耐心刻畫,以使得設(shè)計擺脫負重,變得靈巧又生動,這也是對設(shè)計師細節(jié)把控力的考驗。
二、塊面式的扁平化設(shè)計——削弱特效
扁平化設(shè)計概念最突出的特征就是放棄一切裝飾效果,所有的元素邊界都干凈利落,極力避免擬物化設(shè)計元素的出現(xiàn),如羽化、漸變或陰影等等……因此,扁平化設(shè)計有著鮮明的視覺效果,所使用的元素之間有著清晰的層次和布局,從而使得受眾可以更加直觀的了解畫面意圖,增強其體驗感和使用感。
在設(shè)計過程中,人們往往通過一些高光、過渡式漸變等方法表現(xiàn)圖形的立體效果,但在扁平化設(shè)計中,我們把圖片都“壓扁”了,去掉了三維屬性,因此在設(shè)計的表現(xiàn)方式上也有了簡單的改變——去掉高光、去掉過渡式漸變、去掉過渡式陰影,它通過塊面式的顏色梯度和面積明確的陰影來更好的展現(xiàn)扁平化特點。
我們以鏡頭為例來做減法。同樣是鏡頭的icon設(shè)計,用往常的擬物化設(shè)計手法在表達上相對細膩,但結(jié)構(gòu)過于繁瑣,沒有生趣。在扁平化中去祛除了漸變、陰影、質(zhì)感等修飾手法,祛除了大部分的3D效果和玻璃材質(zhì),僅用簡單的塊面圖案和恰到好處的裝飾勾勒出能突出鏡頭特征的形體外形,使圖標(biāo)更具有現(xiàn)代感,表達更有力。
通過去掉特效達成塊面式設(shè)計,即可將扁平化的設(shè)計特點應(yīng)用到任何藝術(shù)形式上。廣州騎樓是一種典型的外廊式建筑,其外形十分有特點。設(shè)計師利用扁平化的模式將騎樓以塊面的形式呈現(xiàn),通過明確面積的顏色梯度和線條將廣州騎樓的典型特點用塊面式的方法一目了然的展現(xiàn)在大眾眼中。做了減法后的建筑物更加純粹、簡潔,能夠使受眾迅速地感知騎樓建筑的粵派風(fēng)格,從而更直觀更清晰的透過畫面了解建筑物的本質(zhì)屬性,突出了信息本身??梢妷K面式的去掉“特效”帶來了更加便捷明了的扁平化設(shè)計。
三、板塊式的扁平化設(shè)計——色彩調(diào)和
在很多時候,扁平化的視覺設(shè)計中是很少有線條出現(xiàn)的,更多是用色塊來表現(xiàn)各種關(guān)系。因此,設(shè)計師在扁平化設(shè)計過程中常常使用色塊代替復(fù)雜的線來進行設(shè)計。
大膽的配色是扁平化設(shè)計色彩的核心,我們可以通過觀察發(fā)現(xiàn)扁平化設(shè)計的色彩有6到8種甚至更多。而且,在顏色的選擇上一般以鮮亮的、飽和度高的顏色居多,偶爾也會使用灰色或黑色。然而,不管顏色多與少,每個顏色模塊之間的色調(diào)和飽和度都相對統(tǒng)一,因此,模塊式的配色就要求我們關(guān)注色調(diào)和飽和度的統(tǒng)一性,確保畫面在多種顏色下依然簡潔大方,擁有和諧美。
以簡單的山脈為例,在扁平化設(shè)計中,山脈的表達不再是顏色的漸變或筆觸的重疊,它將山脈分成幾個簡單的模塊,不同模塊之間雖然顏色大不相同,但色調(diào)和飽和度的都保持了相對的統(tǒng)一性,從而通過色彩來營造山脈之間的層次感。顏色的跳躍會給設(shè)計帶來活力,而統(tǒng)一的色調(diào)以及飽和度帶來了調(diào)和的美感,在簡化了設(shè)計界面的同時能夠給用戶更好地視覺感受,提升用戶使用過程中的愉悅感,從而超越傳統(tǒng)的束縛,創(chuàng)造一個更生動、更舒適的扁平化設(shè)計。
論天下設(shè)計,簡久必繁,繁久必簡,因此,扁平化設(shè)計的出現(xiàn)有其必然性。扁平化設(shè)計追求極簡的塊面風(fēng)格,其善于提取有利于用戶理解并能與之有效互動的內(nèi)容,使用恰到好處的修飾,對有效的元素進行簡化重組,從而清晰準(zhǔn)確地傳達設(shè)計意圖,兼顧了功能性和美觀性的統(tǒng)一。總的來說,提取后的“塊面”創(chuàng)造出了很多有創(chuàng)意有意義的設(shè)計作品,使得扁平化的“塊”設(shè)計給人們帶來更多便捷。
不過,雖然扁平化設(shè)計由于其簡潔的表現(xiàn)形式、鮮艷的色彩搭配和良好的適應(yīng)性受到極大的推崇,被廣泛地應(yīng)用在網(wǎng)頁、手機界面及APP等幾乎所有形式設(shè)計中,但這并不表示扁平化設(shè)計是完美的,無際可尋的。首先,扁平化設(shè)計采用抽象化表現(xiàn)形式,對于很少接觸電子產(chǎn)品的受眾來說可能會帶來一些困擾。其次,扁平化設(shè)計繼承和發(fā)展了現(xiàn)代主義風(fēng)格,拋棄了擬物化的裝飾效果,會使得界面效果過于單調(diào),缺乏情感,甚至?xí)@得冷漠。另外,扁平化設(shè)計跟其他形式的設(shè)計一樣,也會受流行趨勢的驅(qū)使和設(shè)計師專業(yè)技能的限制而被大量地粗制濫造,導(dǎo)致扁平化設(shè)計的誤用和濫用。因此,設(shè)計師不必盲目跟風(fēng),應(yīng)針對需求找到最合適的設(shè)計方式和最優(yōu)解決方案。