李藺

【摘 要】扁平化設(shè)計(jì)去掉了陰影、裝飾線、漸變、紋理等設(shè)計(jì)元素，提倡簡(jiǎn)潔、平面化的一種展現(xiàn)方式，是近期被廣泛運(yùn)用的一種界面設(shè)計(jì)風(fēng)格。在人們工作、生活節(jié)奏過(guò)快的環(huán)境下，需要信息通過(guò)更加直觀、精確的方式呈現(xiàn)，而設(shè)計(jì)師有責(zé)任滿足人們對(duì)于功能的需求，將界面、圖標(biāo)、板式、結(jié)構(gòu)層級(jí)簡(jiǎn)潔化，使其更有條理性。本文從扁平化設(shè)計(jì)的淵源、意義進(jìn)行深入的探索，剖析它與擬物化設(shè)計(jì)的區(qū)別和優(yōu)勢(shì)，為其更好的應(yīng)用提供有益的參考及借鑒。

【關(guān)鍵詞】扁平化設(shè)計(jì)；用戶體驗(yàn)；抽象

隨著電子產(chǎn)品的不斷革新，人們對(duì)其審美性和功能性的要求也在不斷提升，界面的設(shè)計(jì)開始受到使用者的關(guān)注。界面設(shè)計(jì)的好壞幾乎決定了產(chǎn)品的銷量，因此，用戶體驗(yàn)開始受到更為廣泛的重視。扁平化設(shè)計(jì)從2012年開始陸續(xù)出現(xiàn)在各種電子產(chǎn)品的界面上，這種設(shè)計(jì)趨勢(shì)與當(dāng)時(shí)盛行的擬物化設(shè)計(jì)手法形成了強(qiáng)烈的對(duì)比。無(wú)論是從視覺(jué)效果還是從結(jié)構(gòu)邏輯上，都給使用者帶來(lái)了全新的用戶體驗(yàn)，以最簡(jiǎn)潔的設(shè)計(jì)傳達(dá)有效信息，減少用戶的認(rèn)知障礙。這不僅是一種視覺(jué)設(shè)計(jì)風(fēng)格上的轉(zhuǎn)變，更是設(shè)計(jì)思維、邏輯、語(yǔ)言上的一次轉(zhuǎn)折。

一、扁平化設(shè)計(jì)的淵源

在近期，扁平化設(shè)計(jì)受到了各界的高度關(guān)注，無(wú)論是從廣泛應(yīng)用的電子產(chǎn)品界面還是產(chǎn)品包裝等方面，都不難看出，越來(lái)越多的設(shè)計(jì)師正在更多的通過(guò)點(diǎn)、線、面來(lái)表達(dá)其設(shè)計(jì)理念。然而，這一理念也并不是設(shè)計(jì)師們的突發(fā)奇想，設(shè)計(jì)的扁平化發(fā)展是歷史發(fā)展必然的趨勢(shì)。

設(shè)計(jì)主流風(fēng)格的發(fā)展趨勢(shì)如同藝術(shù)流派一般，隨著社會(huì)的發(fā)展，人們認(rèn)知水平的提高，其表達(dá)形式也隨之發(fā)生了巨大的變化。藝術(shù)流派經(jīng)過(guò)了遠(yuǎn)古時(shí)期、中世紀(jì)哥特風(fēng)格、文藝復(fù)興時(shí)期、樣式主義、巴洛克、洛可可、新古典主義、浪漫主義、哈德遜河學(xué)派、拉斐爾前派、工藝美術(shù)運(yùn)動(dòng)、象征主義、寫實(shí)主義、印象派、后印象派、納比派、野獸派、新藝術(shù)運(yùn)動(dòng)、裝飾藝術(shù)運(yùn)動(dòng)、垃圾箱畫派、七人社、現(xiàn)代主義、表現(xiàn)主義、輕騎士社團(tuán)、包豪斯、立體主義、達(dá)達(dá)畫派、未來(lái)主義、布盧姆斯伯里集團(tuán)、超現(xiàn)實(shí)主義、構(gòu)成主義、抽象表現(xiàn)主義、哈萊姆文藝復(fù)興、黑山學(xué)院、波普藝術(shù)、歐普藝術(shù)、極少主義、激浪運(yùn)動(dòng)、印度河學(xué)派、禁欲主義、新表現(xiàn)主義、后現(xiàn)代主義的發(fā)展演變。整個(gè)過(guò)程是一個(gè)從具象到抽象的演變，同時(shí)也使得藝術(shù)的表現(xiàn)形式越來(lái)越多元化。平面設(shè)計(jì)亦是如此，18世紀(jì)形成的維多利亞風(fēng)格，其造型龐大、飽滿、裝潢不拘一格；工藝美術(shù)運(yùn)動(dòng)利用主要來(lái)自植物紋樣的自然風(fēng)格、日本傳統(tǒng)設(shè)計(jì)的裝飾風(fēng)格作為其元素，廣泛的運(yùn)用意大利文藝復(fù)興的設(shè)計(jì)風(fēng)格；新藝術(shù)風(fēng)格時(shí)期強(qiáng)調(diào)自然，裝飾上突出曲線和有機(jī)形態(tài)，大量的運(yùn)用曲線；立體主義風(fēng)格時(shí)期，受到了塞尚思想的影響、多點(diǎn)透視方法的影響，更加重視設(shè)計(jì)師的自我理解和表現(xiàn)；達(dá)達(dá)主義風(fēng)格時(shí)期，設(shè)計(jì)師們反傳統(tǒng)、反常規(guī)，經(jīng)常出現(xiàn)服裝的版面和蒙太奇照片的電腦合成；超現(xiàn)實(shí)主義時(shí)期，更加遵循設(shè)計(jì)師們的心理狀態(tài)，通過(guò)內(nèi)心的真實(shí)想法去表現(xiàn)當(dāng)時(shí)社會(huì)的真實(shí)情況；俄國(guó)構(gòu)成主義風(fēng)格時(shí)期，來(lái)源于俄國(guó)構(gòu)成主義運(yùn)動(dòng)，具有構(gòu)成式的版面編排效果；風(fēng)格派時(shí)期，形式特點(diǎn)更加的簡(jiǎn)單、理性以及數(shù)學(xué)統(tǒng)計(jì)的、從橫直線的形式和單純的原色運(yùn)用；國(guó)際平面設(shè)計(jì)風(fēng)格時(shí)期，力圖通過(guò)簡(jiǎn)單的網(wǎng)絡(luò)結(jié)構(gòu)和近乎標(biāo)準(zhǔn)的俄化版面達(dá)成設(shè)計(jì)的統(tǒng)一；紐約平面設(shè)計(jì)風(fēng)格時(shí)期，遵循功能主義、理性主義的高度次序性，且有趣、生動(dòng)、活潑、引人入勝。[1]其中都體現(xiàn)了設(shè)計(jì)扁平化的發(fā)展趨勢(shì)，這就出現(xiàn)了扁平化的設(shè)計(jì)。

二、扁平化設(shè)計(jì)的意義

近期，我們可以在微軟以及蘋果的電子產(chǎn)品中，感受到扁平化設(shè)計(jì)帶來(lái)的體驗(yàn)。摒棄了傳統(tǒng)的高光、陰影、3D立體效果，通過(guò)簡(jiǎn)化的、符號(hào)化的、抽象的設(shè)計(jì)元素來(lái)表現(xiàn)。

（一）開拓設(shè)計(jì)師思維模式

扁平化設(shè)計(jì)摒棄了傳統(tǒng)擬物化的設(shè)計(jì)，更多的需要設(shè)計(jì)師對(duì)于構(gòu)成和圖形設(shè)計(jì)進(jìn)行研究。擬物化的設(shè)計(jì)，可以真實(shí)呈現(xiàn)出所要表達(dá)的事物，其真實(shí)性和精致度都在不斷的刷新、不斷的提升。例如，諾基亞N95的界面，在通訊錄、短信等一行圖標(biāo)中，可以明顯看出擬物化的表現(xiàn)形式，設(shè)計(jì)師在追求一種真實(shí)的展現(xiàn)。但是由于硬件技術(shù)的局限性，無(wú)法使圖像完美的展現(xiàn)，看上去還是有明顯的像素點(diǎn)。

隨著硬件技術(shù)的不斷發(fā)展，對(duì)于擬物化的展現(xiàn)更加的細(xì)致。例如，iphone4的界面，人們可以清楚的看到每個(gè)圖標(biāo)的高光、漸變、陰影，設(shè)計(jì)師在繪制每個(gè)圖標(biāo)的時(shí)候，細(xì)節(jié)把握的都比較完整，費(fèi)盡心思的還原每個(gè)物體的真實(shí)性，給用戶帶來(lái)了一個(gè)真實(shí)的用戶體驗(yàn)。這給用戶帶來(lái)了很大程度的好感，并且用戶會(huì)不斷的要求界面能夠更加真實(shí)。這其實(shí)是一個(gè)誤區(qū)，第一，當(dāng)真實(shí)度不斷增強(qiáng)，并且根據(jù)硬件的發(fā)展達(dá)到極致的時(shí)候，用戶便會(huì)產(chǎn)生一種厭倦的心理。因?yàn)樗呀?jīng)不能夠滿足用戶的想象了，此時(shí)，用戶的體驗(yàn)感便開始下降。第二，設(shè)計(jì)師一味的追求擬物化，使得大部分心思放在了如何表現(xiàn)其真實(shí)性上，局限了設(shè)計(jì)師的思維模式，使得設(shè)計(jì)缺少創(chuàng)造力。第三，擬物化的設(shè)計(jì)，無(wú)法很好的適應(yīng)各種尺寸的界面，當(dāng)尺寸過(guò)小的時(shí)候，不能完整的展現(xiàn)細(xì)節(jié)。

扁平化設(shè)計(jì)的出現(xiàn)恰好解決了這些問(wèn)題，設(shè)計(jì)師可以無(wú)需理性的考慮怎樣真實(shí)的呈現(xiàn)，而是可以相對(duì)感性的發(fā)揮自己的創(chuàng)造力，通過(guò)構(gòu)成的原理、點(diǎn)線面的表達(dá)形式，通過(guò)合理的布局及良好的配色來(lái)展現(xiàn)界面的設(shè)計(jì)感。例如IOS7的界面，拋棄了陰影、漸變、裝飾線等，運(yùn)用最簡(jiǎn)潔的平面化的圖形來(lái)向用戶傳達(dá)信息。現(xiàn)代社會(huì)，繁忙的工作及豐富多彩的事物，使得人們?cè)谏?、工作中?huì)不斷的接收各種信息，因此，設(shè)計(jì)師需要將擬物化圖像符號(hào)化，用最簡(jiǎn)化的線條、色塊準(zhǔn)確表達(dá)必要信息。這就對(duì)設(shè)計(jì)師提出了更高的要求，必須通過(guò)極強(qiáng)的視覺(jué)表現(xiàn)能力和縝密的邏輯結(jié)合并抽象表達(dá)，準(zhǔn)確的把握色彩心理特征、色彩層次，營(yíng)造出完美的視覺(jué)感受及邏輯結(jié)構(gòu)，有效的向用戶傳達(dá)操作信息。扁平化的界面設(shè)計(jì)及圖標(biāo)設(shè)計(jì)，能夠盡可能大的展示主體物、主體內(nèi)容，并且可以良好的適應(yīng)不同屏幕的尺寸，其顯示更靈活、更自由。

（二）增強(qiáng)用戶體驗(yàn)

中性、平面、簡(jiǎn)潔，使用單一的視覺(jué)語(yǔ)言，可以使用戶很輕松的識(shí)別、理解。[2]在屏幕有限的情況下，扁平化的界面可以很大程度上減少用戶準(zhǔn)確獲取信息的阻礙。

除了圖標(biāo)、板式設(shè)計(jì)上的扁平化之外，結(jié)構(gòu)的扁平化也越來(lái)越重視以人為本的原則。多數(shù)用戶會(huì)有這樣的體驗(yàn)：如果這里沒(méi)有我想找到的東西，我便會(huì)離開。然而，精致的圖案在此時(shí)也只能短暫的吸引用戶，但無(wú)法保留忠實(shí)用戶。結(jié)構(gòu)層級(jí)扁平化使更多的信息可以同時(shí)展現(xiàn)在用戶的眼前，給用戶提供更加方便快捷的體驗(yàn)，這也更符合人們的需求。很大程度上解決了應(yīng)用分級(jí)過(guò)多，找應(yīng)用時(shí)需要點(diǎn)擊很多次，不清楚所需應(yīng)用放在何處的問(wèn)題。扁平化設(shè)計(jì)去掉了很多毫無(wú)意義的元素，在設(shè)計(jì)幾乎快統(tǒng)一的現(xiàn)代社會(huì)，給用戶帶來(lái)了全新的視覺(jué)感受，同時(shí)也得到了廣泛的認(rèn)可。

三、扁平化設(shè)計(jì)的未來(lái)

扁平化的設(shè)計(jì)將繼續(xù)秉承以人為本的原則，重視設(shè)計(jì)的功能性，順應(yīng)時(shí)代的潮流。在這個(gè)生活節(jié)奏過(guò)快、對(duì)信息要求傳遞精確的時(shí)代，近一段時(shí)間內(nèi)，應(yīng)保持設(shè)計(jì)的扁平化設(shè)計(jì)理念。

隨著產(chǎn)品的不斷革新和用戶群體的多樣化，用戶需求也會(huì)不斷的增多，作為設(shè)計(jì)師，必須用最新鮮的設(shè)計(jì)語(yǔ)言傳遞信息，以滿足需求日趨多樣化的用戶群。

【參考文獻(xiàn)】

[1]王受之.世界平面設(shè)計(jì)史[M].中國(guó)青年出版社，2002.

[2]Android-Design-4.0[EB/OL].

http：//download.csdn.net/detail/liuxhao/4037171，2012-01-31.