淺談視覺傳達設計趨勢之扁平化設計技巧

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

關鍵詞：扁平化;視覺傳達;設計;技巧;

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

一、什么是扁平化設計

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

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

二、扁平化設計與擬物化設計

與扁平化設計風格相對的是偏向寫實的擬物化設計風格。要設計出好的扁平化界面，必須拋棄所有擬物風格。

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

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

三、視覺傳達設計趨勢

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

四、扁平化設計技巧

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

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

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

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

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

五、結束語

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

參考文獻：

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

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

作者簡介：劉曉瑜 廣州工商學院美術設計系老師 畢業于天津美術學院視覺傳達設計系