摘 "要：近段時間以來，“扁平化設(shè)計”一直是設(shè)計師之間熱門的話題。那么什么是扁平呢？扁平化設(shè)計如何在視覺傳達(dá)設(shè)計中應(yīng)用？筆者就其設(shè)計特點、趨勢、配色談?wù)剳?yīng)用當(dāng)中的幾大技巧。

關(guān)鍵詞：扁平化;視覺傳達(dá);設(shè)計;技巧;

文章編號：1674-3520（2014）-11-00-01

一、什么是扁平化設(shè)計

微軟的Windows8系統(tǒng)、蘋果的IOS7系統(tǒng)、以及Google為Android推出的Holo Theme，一時之間，幾乎所有的東西都被拍扁。在業(yè)界對此現(xiàn)象褒貶不一之際，扁平化設(shè)計已經(jīng)如瘟疫般在設(shè)計界迅速傳播，網(wǎng)頁、包裝、海報等各種視覺設(shè)計如中毒般一同感染這次“病毒”。雖然支持和反對的聲音各占一半，但還是無法阻止其在設(shè)計界當(dāng)中的傳播與應(yīng)用。其實，扁平化風(fēng)格并不算是什么新鮮的事物，早在幾十年前，設(shè)計界就有“極簡主義”風(fēng)格的流行。

扁平化設(shè)計亦是一種極簡主義的美術(shù)設(shè)計風(fēng)格，通過簡單的圖形、字體和顏色的組合，來達(dá)到直觀、簡潔的設(shè)計目的。早期扁平化設(shè)計風(fēng)格比較常見于傳統(tǒng)媒體，比如雜志、公交指示牌等處，這些設(shè)計元素的邊界都干凈利落，沒有任何羽化，漸變，或者可以做出三維效果的空間透視、投影、肌理、漸變等等一概不用?，F(xiàn)今，扁平化設(shè)計風(fēng)格越來越多應(yīng)用于軟件、網(wǎng)站等人機(jī)交互界面，以迎合使用者對信息快速閱讀和吸收的要求。

二、扁平化設(shè)計與擬物化設(shè)計

與扁平化設(shè)計風(fēng)格相對的是偏向?qū)憣嵉臄M物化設(shè)計風(fēng)格。要設(shè)計出好的扁平化界面，必須拋棄所有擬物風(fēng)格。

不可否認(rèn)，擬物化設(shè)計的功能與美感是確實存在的。首先，其具有明確的認(rèn)知和學(xué)識優(yōu)勢，上至70下至7歲孩童都能看懂IOS里面幾乎所有原生態(tài)擬物化應(yīng)用圖標(biāo);其次，各類高質(zhì)感按鈕和按下的凹陷交互效果，已使用戶養(yǎng)成了對此類事物反應(yīng)的統(tǒng)一認(rèn)知和使用習(xí)慣。然而，如此實質(zhì)的優(yōu)點卻無法掩蓋其無助于改善應(yīng)用的用戶體驗的事實。事實上，這樣的界面設(shè)計方式有時會降低用戶體驗。大多數(shù)擬物化界面花費大量時間在視覺的陰影和質(zhì)感效果上，試圖完整的模仿一個物品的外觀和功能，并沒有真正實現(xiàn)功能化，應(yīng)用方式與實際操作不同，這樣就直接影響了用戶的產(chǎn)品體驗。

在蘋果一再宣揚(yáng)擬物化設(shè)計，沒人預(yù)料到下一個設(shè)計趨勢竟是微軟所引領(lǐng)。沒有了陰影、高光、漸變和紋理修飾的扁平化設(shè)計在微軟的應(yīng)用系統(tǒng)得到了徹底的逆襲。簡約而不簡單、整齊的網(wǎng)格、舒適的配色，讓用戶得到了煥然一新的視覺體驗;界面上極簡抽象、矩形色塊、平整現(xiàn)代，去掉了冗余的界面和交互，將核心放在了使用功能的本身，在視覺設(shè)計中得到了越來越多設(shè)計師的青睞。

三、視覺傳達(dá)設(shè)計趨勢

簡而言之，扁平化設(shè)計目前具有開發(fā)更加簡單、使用更加高效、緩解審美疲勞的優(yōu)勢。扁平化設(shè)計帶來了純粹的視覺圖形，它引起了熱衷于極簡主義設(shè)計師的注意，越來越多的視覺設(shè)計師已經(jīng)走在扁平化設(shè)計風(fēng)格的道路上。談到視覺設(shè)計，無論是網(wǎng)站甚至是包裝，扁平化和極簡的設(shè)計風(fēng)格正在成為新的趨勢。

四、扁平化設(shè)計技巧

盡管在應(yīng)用和網(wǎng)頁設(shè)計中越來越多人開始使用扁平化設(shè)計，但這并不意味著它就是無懈可擊的。想要做出好的扁平化設(shè)計，也是非常需要技巧的。

首先，簡單的設(shè)計元素。扁平化設(shè)計追求的是一切極其的簡潔、簡單，反對使用復(fù)雜的、不明確的元素。在設(shè)計扁平化風(fēng)格界面時，特別是在圖標(biāo)的設(shè)計時，應(yīng)該遵循極簡原則。復(fù)雜的、含義模糊的元素將會造成使用者的困擾，這與扁平化設(shè)計風(fēng)格直觀、簡潔的總原則是相違背的。只有采用足夠簡約的設(shè)計元素，才能達(dá)到最好的展示效果。

其次，貼切的素材選擇。在設(shè)計圖標(biāo)時，必須使用與所對應(yīng)功能緊密關(guān)聯(lián)的圖標(biāo)元素，并且這個元素應(yīng)是通用的、廣為人知的，基本不受地域、種族、文化、語言等因素影響。絕對禁止使用一些定義模糊，寓意不清的元素，或者某些行業(yè)特有的，某些領(lǐng)域?qū)Ｓ玫脑?。在產(chǎn)品設(shè)計中，設(shè)計師經(jīng)常會采用圓角設(shè)計，以防止在產(chǎn)品使用過程中對使用者造成傷害，這種人性化的設(shè)計深受使用者的歡迎。同樣的道理，在用戶界面設(shè)計過程中，使用一些圓角圖案，不但會使設(shè)計更具親和力，也會讓使用者更容易接受設(shè)計者的設(shè)計意圖。這也符合大眾追求圓潤、圓滿的心理需求。

再次，關(guān)注色彩搭配。與很多設(shè)計風(fēng)格相比，在扁平化設(shè)計中，配色是其最重要的一環(huán)，扁平化設(shè)計通常采用比其他風(fēng)格更加明亮更加炫麗的色塊。同時，扁平化設(shè)計中的配色還意味著使用更多的色調(diào)。比如，其他設(shè)計往往最多僅包含兩三種主要顏色，但是扁平化設(shè)計中會平均使用六到八種顏色。另外，設(shè)計師要學(xué)會善用灰色。黑色、白色和灰色在扁平化設(shè)計中至關(guān)重要，由于采用了大量的色塊，難免給用戶以眼花繚亂的感覺。所以在有的時候，設(shè)計師為了突出重點，可減少色塊的使用，而轉(zhuǎn)由使用一種或者二種主要的顏色來突出主體，其它部門則通過灰色來表達(dá)。由于灰色與任何顏色都不沖突，所以在設(shè)計時，巧妙的使用灰色，將起到意想不到的效果。正確的使用灰色，將使主體更明確和突出，更容易被使用者接受。除此之外，在色彩的應(yīng)用中，要注意顏色之間的對比，只有通過鮮明的顏色對比，才能迅速抓住使用者的眼球，讓設(shè)計師的意圖表現(xiàn)的更加明確。通常的技巧是，通過亮度、色溫、對比色、互補(bǔ)色等手段來實現(xiàn)顏色的對比，應(yīng)盡量避免使用參數(shù)相近的顏色，這樣的顏色搭配會使閱讀困難，甚至?xí)斐墒褂谜叩臉O度不適。

最后，偽扁平化設(shè)計。不要簡單認(rèn)為扁平化只是把立體的設(shè)計效果壓扁?；睘楹?，而又不影響要表達(dá)的內(nèi)容，這在設(shè)計中亦是對設(shè)計師取舍能力的考驗。平鋪的顏色和簡單的字體就足夠了，如果你還想添加點什么，那么，盡量選擇簡單的圖案。

五、結(jié)束語

扁平化設(shè)計并非一味的把東西壓扁，而須遵循一定的設(shè)計原則和掌握相關(guān)的設(shè)計技巧。作為一位設(shè)計師，要設(shè)計出真正出色的作品，一味的追趕潮流并非良策。設(shè)計中，無論選擇哪種設(shè)計風(fēng)格，堅定的個人立場、用戶的切實需求和當(dāng)前的設(shè)計潮流相結(jié)合，才能使設(shè)計作品立足于永恒不敗的經(jīng)典行列。

參考文獻(xiàn)：

[1]陶薇薇、張小玲，《UI界面中扁平化設(shè)計的原則與技巧》 ，科技傳播，2014年7月8日

[2]高鵬、楊正，《論UI設(shè)計中的扁平化設(shè)計》，美術(shù)教育研究，2014年5月25日

作者簡介：劉曉瑜 廣州工商學(xué)院美術(shù)設(shè)計系老師 畢業(yè)于天津美術(shù)學(xué)院視覺傳達(dá)設(shè)計系