倪含笑
扁平化設(shè)計是種極簡主義的美術(shù)設(shè)計風(fēng)格,通過簡單的純色圖形、字體和顏色的組合,來達(dá)到直觀、簡潔的設(shè)計目的,扁平化設(shè)計風(fēng)格更容易矢量化。
扁平化設(shè)計的風(fēng)格被人們熟知最初還是在手機(jī)界面上的應(yīng)用。而單單追溯扁平化風(fēng)格的源頭,最早是二十世紀(jì)五十年代的瑞士風(fēng)格(Swiss Style)。整潔、嚴(yán)謹(jǐn)、工整、理性化、實用的特征是瑞士平面設(shè)計的精神所在,畫面注重網(wǎng)格以及無襯線字體的使用。隨后是二十世紀(jì)六十年代的極簡主義風(fēng)格(Minimalism),那時的極簡并不是現(xiàn)今所稱的簡約主義,是第二次世界大戰(zhàn)之后六十年代興起的個藝術(shù)派系,意圖開放作品自身在藝術(shù)概念上的意像空間,讓觀者自主參與對作品的建構(gòu)。極簡主義以感官上的簡單極致為追求,移除事物多種元素,只留下必要的成分。可以說瑞士風(fēng)格與極簡主義風(fēng)格共同成就了扁平化設(shè)計風(fēng)格,但是當(dāng)時并沒有人給出明確的風(fēng)格命名與定義。扁平化設(shè)計風(fēng)格的再次出現(xiàn)是在2006年末,微軟為了和蘋果的iPod播放器競爭,推出了Zune音樂播放器。從那時起,微軟也提出一種名為Metro的設(shè)計風(fēng)格。這種風(fēng)格突出字大號的圖片及小寫字母菜單,用明亮顏色的方形色塊規(guī)劃出工作區(qū)域。微軟作為扁平化設(shè)計的最大玩家,把扁平化設(shè)計風(fēng)格作為界面設(shè)計中的一種風(fēng)格帶到線。當(dāng)微軟研究它的扁平化風(fēng)格設(shè)計時,蘋果也不甘示弱。它不斷暗示將放棄擬物化的使用。2013年IOS7發(fā)布后,蘋果徹底放棄擬物化設(shè)計,iOS7的發(fā)布使得扁平化設(shè)計一夜爆紅,扁平化競爭進(jìn)入白熱化狀態(tài)。隨后扁平化設(shè)計風(fēng)格漸漸從界面設(shè)計中發(fā)展到平面上的使用,例如插畫的運(yùn)用風(fēng)格到網(wǎng)頁和游戲的設(shè)計。目前的扁平化風(fēng)格比起微軟那時的風(fēng)格又有了相當(dāng)大的“變化”,比起最開始的風(fēng)格有了更豐富的細(xì)節(jié),更清晰的層次,更優(yōu)秀的視覺體驗。
Ryan Allen在為Dapper Gentlemen撰文的時候?qū)F(xiàn)在的扁平化設(shè)計稱為“Flat Design 2.0”。扁平化2.0風(fēng)格對于之前的純扁平,主要差別都體現(xiàn)在細(xì)節(jié)上,高光、漸變、陰影依次回歸,輕量地加持在扁平化的視覺元素上,讓整個設(shè)計的信息量更加豐厚。當(dāng)然,扁平化設(shè)計最初的
些基本特征依然在2.0中保留了下來:簡約和現(xiàn)代的風(fēng)格保持不變,但細(xì)節(jié)的增加使得簡約程度有所下降;明亮和有趣的色彩運(yùn)用依然是主流配色趨勢;追求清晰和保持素雅也是扁平化排版的主要特征。扁平化2.0主要的元素第一是長投影,指的是延伸投影,一般是45度角,投影一般為物體的2.5倍大,給圖標(biāo)加入了種深度。陰影本身也是扁平的,無漸變、明暗和衰退。第二是漸變,這種元素現(xiàn)在已經(jīng)非常普遍,iOS7在設(shè)計中便采用了這種方法。為設(shè)計增加種精致感。跟長投影的初衷一樣,是為了給圖標(biāo)加入點美感。第三是陰影,和長投影不同之處在于長投影是“投影”,而這種帶陰影的效果能夠給圖標(biāo)增加一種層次感和立體感。第四是相近色,采用一個色系中幾個相近色塊堆積個偽立體感,或增加層次感。第五是3d與斜面,它是在遵循扁平化的規(guī)則上用二維的方法營造的類似2.5維的感覺。最后是紋理,在之前的純扁平的色塊上加入些平面的元素裝飾,也是為了增加客觀性與細(xì)節(jié)度,改善了之前的扁平化過于簡化過于冰冷的弊端。
扁平化設(shè)計的“復(fù)興”,看似是設(shè)計風(fēng)格的“倒退”,我認(rèn)為其實不然。扁平化風(fēng)格只是當(dāng)下需求以流行風(fēng)格形式出現(xiàn)的產(chǎn)物,它的出現(xiàn)代表了有消費(fèi)群喜愛這種風(fēng)格,但并不代表這是一種目前主流的風(fēng)格。在我看來扁平化風(fēng)格正如歷史上各種藝術(shù)流派的更迭,重要的在于時代需要哪種風(fēng)格。時代需求的變化推動不同流行風(fēng)格的交替。扁平化的流行不代表擬物化的消失,反而會推動更優(yōu)化的風(fēng)格的產(chǎn)生(扁平化2.0就是在原來的基礎(chǔ)上添加了擬物化的些效果),這符合后現(xiàn)代主義社會的多元化特征。
正如上所言,扁平化是效率最佳設(shè)計范式(從制作成本、圖像質(zhì)量以及傳達(dá)信息的效率來說),對于設(shè)計師和消費(fèi)者來說效率都高的平面廣告風(fēng)格,也符合插畫在平面廣告中的“3I”標(biāo)準(zhǔn)。扁平化2.0風(fēng)格最大的特色就是開始用“光”,比之前塑造事物更生動,但又不至于擬物化。融合與包容賦予了扁平化2.0更多的可能性,更人性化,比之前的扁平化更符合“3I”標(biāo)準(zhǔn)。而插畫與平面廣告的聯(lián)系密切,于是當(dāng)下平面廣告中自然而然就會運(yùn)用扁平化2.0風(fēng)格來進(jìn)行插畫創(chuàng)作。對于設(shè)計師來說,只需要電腦端,制作成本低,創(chuàng)作時間相對短,圖片質(zhì)量也高,適用于不同媒介不同尺寸的傳播;對于消費(fèi)者來說,有第眼的視覺趣味性,接受信息的速度相對快,但可能存在印象不深的缺陷,但這個缺陷可以通過一些視覺上的添加效果來彌補(bǔ)。所以這種風(fēng)格的平面廣告適合傳達(dá)簡短較明確的信息或概念。我收集了大量的利用扁平化2.0風(fēng)格的插畫為主來制作的平面廣告,結(jié)合了平面廣告與扁平化2.0來總結(jié)了他們的些共同點:1.幅完整的扁平化插畫風(fēng)格的平面廣告中,不會只存在扁平化2.0中的一種元素,通常至少會同時運(yùn)用兩到三種甚至更多。(最基本的會用到陰影、漸變、紋理等)2.在版面布局上,基本遵循平面構(gòu)成原理。3.注重排版,文字成為簡化設(shè)計的有力武器。4.在色彩運(yùn)用上,沿襲了扁平化一貫的艷麗風(fēng)格,比肉眼看到的顏色更有渲染力,看似大膽卻很協(xié)調(diào)的配色,但套系的平面廣告會有一個主色調(diào)貫穿其中。5.在情感訴說上,由于扁平化本身傳遞信息的高效性,與“幅成功的平面廣告是只向觀者傳遞
個中心信息”不謀而合,不讓觀者產(chǎn)生對于傳達(dá)信息的模糊感。