扁平化的塊設計

2000年左右，互聯網剛剛興起，一排排的頻道、密密麻麻麻的顏色和雷同的架構，所有的信息一擁而入。這個時期，人們在新鮮感的驅使下忽略了各種的不愉快與不舒服，如饑似渴的在雜亂間汲取自己所要的信息，至于設計的合理與否，美感與否無從顧及。

然而微軟給人們打了一針強心劑，從windows95到98，陰影和漸變等設計效果的出現驚艷了當時的使用者，效果逼真的擬物化設計把光影做到了近乎完美。但是當網絡世界中的信息越來越多，新鮮資訊頻頻出現，怎樣順應這樣快節奏的變化，怎樣在紛亂的顏色世界中脫穎而出，使得設計師們陷入了思考，順應時代的扁平化設計驚艷登場。

我們還是來關注一下微軟，微軟在2008年的時候開始從瑞士風格、現代主義和包豪斯中汲取靈感，隨后在2010年推出了Windows phone7，它是典型的扁平化設計。這個版本的操作系統中采用了大量的塊面形狀，形成了清晰的排版，色彩明亮且對比明顯，具有了明顯的扁平化設計的特征。

扁平化設計是放棄了大而全的擬物化模式，回歸到最本質的塊面色彩和造型搭配。在高度提煉后的塊與塊之間，通過舒適的形式和外在，使受眾準確、快速的專注于核心內容，將精致的設計風格與準確的設計定位結合在一起，通過“塊”的模式構成實用美觀的扁平化設計。

在扁平化使得網頁擁有了可用性更強的設計解決方案之后，其優點逐步顯現。“塊”的設計形式被越來越多的人接受和欣賞，并開始往多元的方向上發展，讓扁平化設計有了更多的可能性。設計師們發現，在畫面上創建多個屏幕尺寸和分辨率的設計即繁瑣又費時，相對來說，當漢堡、雞腿作為快餐被設計師們用扁平化的手段來表達時，其樸實的形狀、跳躍的色彩模塊等使得設計更簡約，條理更清晰。

由此我們不難發現，扁平化設計通過“塊”的形式呈現出了清晰的視覺層次，使之有良好的可讀性、易讀性和很強的自適應性。同時，它的出現也大大降低了設計者和受眾的雙重負擔，其簡約和視覺化的特征讓設計和欣賞變得更加靈活便捷。再者，這種既能滿足受眾的美學需求，又能同時滿足其實用性供給的新設計模式也為未來的創意設計提供了廣闊的創意空間和新的方向。

扁平化設計可以說是為了節省時間，準確、快速的傳達和接受信息而出現的。它力求將極簡的思想融入至所有元素的設計中，通過成塊的形狀和顏色改變原有復雜的畫面布局，使設計變得簡單、實用且美觀大方，而“塊”化設計可以說是扁平化設計的精髓——簡化提取后的模塊式設計、去掉立體特效后的塊面式設計、顏色使用的板塊式設計，這就是扁平化的“塊”化設計。

一、模塊式的扁平化設計——簡化提取

扁平化設計的“模塊式”即將一個復雜的物體劃分程若干模塊，簡單來說就是將設計進行“簡化提取”的過程。如何用模塊式的形體和線條表現出一個復雜的物體，并突出其固有特點，需要在不停的摸索和積累中前行。

簡化提取不同于簡單的設計，在設計過程中，如果不去掉那些不必要的元素，畫面會變得復雜和繁瑣。因此，圖像經過簡化提取的單純處理，會呈現出有目的的美感，從而更好的表達形態和意圖。

模塊式的簡化提取需要設計師將繁雜復雜的裝飾效果省略，使用最簡單的圖形和最清晰的色塊進行設計語言的表達。在這一過程中，素材的去與留、形狀的簡于繁和顏色的搭配都需要設計者進行慎重的思考，如若為了視覺上的簡化而簡化，那么圖形將失去最本真的象征性意義，簡化提取也就變得毫無生趣了。因此，在提取過程中，設計者一定要傾注自己對作品的理解，把握好簡化程度，做到精準提煉。

提取后，設計師使用模塊式的簡單外形（矩形或者圓形等）勾勒出具有美國特征的各種物體輪廓，如自由女神像、美國國旗、美國牛仔帽等，通過簡單的背景突出模塊式的外形，使得界面上的元素表達更直觀，更方便用戶確認且特征清晰讓受眾一目了然。

除此之外，簡化提取后的這種模塊式扁平化設計還有一個優點，即舍棄掉了那些分散人們注意力的元素，以引導用戶去關注屏幕上有意義的內容，如特征、動態、神韻等。抓住靈感來源再將圖片簡化提取，能夠給新的扁平化設計帶來靈魂和生機。

如這一組人物設計，舍棄了復雜的人物修飾后，模塊式的人物形象將每個人的特征都清晰的呈現在我們眼前：頭型立體的大胡子男人、神情得意的便衣男孩、眼神呆萌的眼鏡女孩和得意洋洋的長發女生。提取后的內容正是模塊式設計對細節的呈現，即模塊式需要在神態、動作、外形等有突出代表性的細節方面進行耐心刻畫，以使得設計擺脫負重，變得靈巧又生動，這也是對設計師細節把控力的考驗。

二、塊面式的扁平化設計——削弱特效

扁平化設計概念最突出的特征就是放棄一切裝飾效果，所有的元素邊界都干凈利落，極力避免擬物化設計元素的出現，如羽化、漸變或陰影等等……因此，扁平化設計有著鮮明的視覺效果，所使用的元素之間有著清晰的層次和布局，從而使得受眾可以更加直觀的了解畫面意圖，增強其體驗感和使用感。

在設計過程中，人們往往通過一些高光、過渡式漸變等方法表現圖形的立體效果，但在扁平化設計中，我們把圖片都“壓扁”了，去掉了三維屬性，因此在設計的表現方式上也有了簡單的改變——去掉高光、去掉過渡式漸變、去掉過渡式陰影，它通過塊面式的顏色梯度和面積明確的陰影來更好的展現扁平化特點。

我們以鏡頭為例來做減法。同樣是鏡頭的icon設計，用往常的擬物化設計手法在表達上相對細膩，但結構過于繁瑣，沒有生趣。在扁平化中去祛除了漸變、陰影、質感等修飾手法，祛除了大部分的3D效果和玻璃材質，僅用簡單的塊面圖案和恰到好處的裝飾勾勒出能突出鏡頭特征的形體外形，使圖標更具有現代感，表達更有力。

通過去掉特效達成塊面式設計，即可將扁平化的設計特點應用到任何藝術形式上。廣州騎樓是一種典型的外廊式建筑，其外形十分有特點。設計師利用扁平化的模式將騎樓以塊面的形式呈現，通過明確面積的顏色梯度和線條將廣州騎樓的典型特點用塊面式的方法一目了然的展現在大眾眼中。做了減法后的建筑物更加純粹、簡潔，能夠使受眾迅速地感知騎樓建筑的粵派風格，從而更直觀更清晰的透過畫面了解建筑物的本質屬性，突出了信息本身。可見塊面式的去掉“特效”帶來了更加便捷明了的扁平化設計。

三、板塊式的扁平化設計——色彩調和

在很多時候，扁平化的視覺設計中是很少有線條出現的，更多是用色塊來表現各種關系。因此，設計師在扁平化設計過程中常常使用色塊代替復雜的線來進行設計。

大膽的配色是扁平化設計色彩的核心，我們可以通過觀察發現扁平化設計的色彩有6到8種甚至更多。而且，在顏色的選擇上一般以鮮亮的、飽和度高的顏色居多，偶爾也會使用灰色或黑色。然而，不管顏色多與少，每個顏色模塊之間的色調和飽和度都相對統一，因此，模塊式的配色就要求我們關注色調和飽和度的統一性，確保畫面在多種顏色下依然簡潔大方，擁有和諧美。

以簡單的山脈為例，在扁平化設計中，山脈的表達不再是顏色的漸變或筆觸的重疊，它將山脈分成幾個簡單的模塊，不同模塊之間雖然顏色大不相同，但色調和飽和度的都保持了相對的統一性，從而通過色彩來營造山脈之間的層次感。顏色的跳躍會給設計帶來活力，而統一的色調以及飽和度帶來了調和的美感，在簡化了設計界面的同時能夠給用戶更好地視覺感受，提升用戶使用過程中的愉悅感，從而超越傳統的束縛，創造一個更生動、更舒適的扁平化設計。

論天下設計，簡久必繁，繁久必簡，因此，扁平化設計的出現有其必然性。扁平化設計追求極簡的塊面風格，其善于提取有利于用戶理解并能與之有效互動的內容，使用恰到好處的修飾，對有效的元素進行簡化重組，從而清晰準確地傳達設計意圖，兼顧了功能性和美觀性的統一。總的來說，提取后的“塊面”創造出了很多有創意有意義的設計作品，使得扁平化的“塊”設計給人們帶來更多便捷。

不過，雖然扁平化設計由于其簡潔的表現形式、鮮艷的色彩搭配和良好的適應性受到極大的推崇，被廣泛地應用在網頁、手機界面及APP等幾乎所有形式設計中，但這并不表示扁平化設計是完美的，無際可尋的。首先，扁平化設計采用抽象化表現形式，對于很少接觸電子產品的受眾來說可能會帶來一些困擾。其次，扁平化設計繼承和發展了現代主義風格，拋棄了擬物化的裝飾效果，會使得界面效果過于單調，缺乏情感，甚至會顯得冷漠。另外，扁平化設計跟其他形式的設計一樣，也會受流行趨勢的驅使和設計師專業技能的限制而被大量地粗制濫造，導致扁平化設計的誤用和濫用。因此，設計師不必盲目跟風，應針對需求找到最合適的設計方式和最優解決方案。