扁平化設計是什么？

扁平化設計是極簡主義的直系親屬，不過它更復雜和多樣化一些。扁平設計既兼顧了極簡主義的原則又可以應對更多的復雜性；通過去掉三維效果，這些設計將銳度和清晰度融為一體。本質上講，扁平化設計有兩個目的：

直面屏幕的限制，利用這些參數而不是掩飾它們。

將新的簡潔性作為流線設計的出發點，使網站更快更實用。

扁平化設計并不意味著任何涉及維度的元素都是不合適的。例如，這個網站用清晰的方式塑造了有角度的插圖。但是整個潮流趨向于簡單和簡約主義。按鍵使用了樸素的顏色并銳化了邊角。設計去掉了陰影，斜邊和漸變等效果。

扁平化設計回應了擬物化設計存在的問題

每個行為都有一個回應。在電子設計世界里，扁平設計部分作用就是回應擬物化設計。但扁平化設計不僅僅是一種藝術處理方式；它針對的是擬物設計帶來的功能問題。

擬物設計是什么？

也許你對該詞匯很陌生，擬物化是一種實踐，它將現實實物的樣子整合到設計中：將曾經的功能變成了裝飾。當遇到新的電子概念，工具和應用時，該設計能引起用戶的熟悉感。這種原理隨處可見；塑料椅子復制了木質椅子的外形就是現實世界的一個好例子。

在電子世界，擬物主義與蘋果的產品息息相關，這些產品提供電子世界擬物設計的絕佳例子。我們來看一下蘋果的控制面板的設計。

顯性組件：計算器，時鐘，日歷是它們現實世界的電子對應物

隱性細節：陰影和斜按鍵，紋理背景甚至時鐘上的振動效果也來自其對應的物理產品。

擬物設計的問題

擬物設計背后的原理有很多內容，但在電子設計領域使用這些原理帶來了很多的問題。比如，蘋果控制面板中的模擬時鐘比電子時鐘更難讀，點擊計算器的按鍵要比用鍵盤輸入花費更多的時間。堅持使用擬物設計產生了不少的問題：

由于一直使用與電子形式無關的設計標準，擬物化設計限制了創造力和功能性。

將擬物化元素與少維的元素相融合時，擬物元素看起來有些不一致，而且這些模仿并沒多少邏輯。比如，蘋果的找朋友應用就有一個看起來像縫合皮革的背景。但該元素與現實世界沒有任何關聯。

擬物化元素以無功能的裝飾占用了寶貴的屏幕空間和載入時間

當與其他無擬物效果的元素組合時，擬物元素看起來有問題，這樣就限制了整體設計和其他的元素的效果。

扁平化設計帶來的解決方案

扁平化設計直面數字體驗真正的限制，去掉了擬物設計強加的約束。正常情況下，屏幕上的任何物體看起來都不會有3D效果，所以為什么我們不去擁抱去掉花哨點綴后的美（更注重一些實用性的功能）。

例子1：

例子2： 

以上面LayerVault網站為例：例子1中，老版的設計體現了一種精細的擬物設計范例，我們之前提到過，當與扁平，簡潔的其他網站元素相結合時，該設計看起來有些怪。將例1與例2的扁平設計方案相比，例2中沒有任何更突出或者更功能化的元素。原來的設計分散了用戶的注意力，而修改后的版本引導用戶注意重要的信息。

扁平設計是擬物設計和簡約設計的和諧統一

以下兩點概括了扁平設計能夠成為持久，全面設計策略的原因：

與之前模仿物理體驗的設計不同，扁平設計專為屏幕體驗而生。

這種天賦使它能在很多方面提升用戶體驗

扁平設計取得了簡約設計和擬物設計的精華，并將這些元素融合為一體。類似與擬物設計，扁平設計看起來既友好又親切。 扁平設計通過展現清晰動人的界面來實現界面的友好性，而不是偽裝或者扭曲界面來模仿熟悉的元素。類似于簡約主義，扁平設計脫去了華麗的虛擬元素，只展現必要的功能。但它沒有簡約主義那樣嚴格；如同上面的例子展示的一樣，合理得當的裝飾是必要的。

扁平設計是用戶體驗最完美的形式

扁平設計不僅統一了簡約設計和擬物主義的設計目的，它有自己獨特的可用性思想。通過脫去冗余的形式，它適用于快速加載的網站，簡潔的代碼和高適用性。它在每一類應用上都能展現自己的美；不論是桌面還是手機屏幕，扁平設計保持一如既往的清晰和適應。

扁平設計的高適應性

例子1：

例子2： 

查看如上例子1和例子2中Windows Phone的設計，我們就能看出這些應用是如何簡單，漂亮地相互結合。微軟選擇與之前蘋果主導的設計徹底劃清界限，它決定使用更好的界面設計；在以上兩個設計塊中都采用了明亮的色彩塊，整體的排版和圖片看起來優雅大方。

結論

扁平設計的特點能使網站既實用又好看。它發現熟悉感對于用戶體驗來說非常重要，但它通過合理的方式創造這種感覺。同時，它能適應于新的發現，趨勢和想法。扁平設計使我們更靠近新的電子設計形式，即功能和美觀的和諧統一的設計。

本圖片版權歸思乘所有，轉載請標明出處。