扁平化的界面設計吸引用戶的網頁設計，在傳統(tǒng)的Web開發(fā)和移動設備的研究設計中，現(xiàn)在是令人眼花繚亂的效果，不一定是產品的好選擇。
特別是在移動設備上，復雜應用的效果不僅很少能吸引用戶，而且往往會讓用戶在視覺上感到厭倦，對于產品界面的最基本的功能認知功能障礙。因此，我們需要參考設計美學中的“扁平化”。
在實際當中，“扁平化設計”一詞所指的是拋棄那些已經流行多年的漸變、陰影、高光等擬真視覺效果，從而打造出一種看上去更“平”的界面。
layervault設計師Allen Grinshtein曾經在HackerNews的文章說：
“很長一段時間，網站的界面風格似乎都符合同一種設計美學，每個人都在一個坡度、漸變、陰影效果，突出了界面元素的簡單感。讓設計師們把這種“可愛”的元素融入公會的規(guī)定甚至榮譽。但對我們來說，和其他一些設計師，通常的方式不一定是正確的?！?
Layervault幾眼，又看看周圍，你會發(fā)現(xiàn)，他們所追求的簡約體現(xiàn)視覺美感?？次覀円呀浟晳T了視覺風格越來越多的網站和移動應用產品已經在逐漸的轉變，也相當的有趣。這里有一些其他的例子：
Squarespace
幾乎完全采用了Squarespace平視覺樣式的新版本，僅用于一些相關的細節(jié)，突出重要的互動元素的傳統(tǒng)方式。嘗試你會發(fā)現(xiàn)，事實上，他們的產品上的邏輯功能是相當復雜的，但這一切背后隱含的簡單和簡單的界面，你真的可以隱約感覺到設計團隊的努力。
相關：簡潔至上-創(chuàng)意網頁設計元素和設計技巧
臉譜網
另一個熟悉的例子是臉譜網。
“臉譜網是一個很好的扁平接口設計。除了幾個主要的動作按鈕，使用一個溫和的斜坡效果的外部，其他界面元素都是由平面風格。鑒于他們多年來一直保持在這方面的特點，至少我們可以說，這種設計風格是完全適用于臉譜網“- Ian Storm Taylor（段。IO）
Rdio
Rdio最新版本的網站及產品界面中都采用了很徹底的最小化、扁平化的設計風格，你很難找到使用了陰影、漸變等效果的界面元素。
相關閱讀：最小化可用性設計
Nest
我曾作為一個在網站開發(fā)的前端工程師參與，現(xiàn)在還記得他們的設計師的熱情追求的平面風格。在他們的網站上，實際的產品和相關的應用環(huán)境照片作為“真正的”元素進入扁平風格的媒介載體（網站），組合，讓游客可以輕松地專注于產品，而不受網站界面的視覺元素的干擾。
Beforweb
譯者小站亂入…譯者@C7210注
對擬物化的逆襲
正如20世紀建筑界當中的極簡主義運動，扁平化設計風格的逐漸興起也可以被看作是對多年以來過度設計、過度雕琢的界面風格的逆襲;尤其是最近一段時間，蘋果一直以來的擬物風格被詬病的蠻犀利的。
Wikipedia對擬物化(“仿制品”、“Skeuomorph”)的定義是：
原有物件中某些必需的形式在新的設計中已不再必要，但新設計仍模仿舊有形式，以使新的外觀讓人感覺熟悉和親切。
舉個例子，我們通常會為界面當中的按鈕添加漸變和投影效果，因為現(xiàn)實當中的按鈕就是具有這些視覺特征的，即使這些效果對于界面元素的功能來說沒有任何實際意義。又譬如有些天氣方面的應用會使用溫度計的形式來展示氣溫;在現(xiàn)實世界中，這種實體的存在是必需的，而在應用軟件當中，溫度計的形象則純粹是裝飾性的。
日歷應用當中皮革質地的設計元素是必需的嗎?如果按鈕上不使用3D質感，用戶是否還知道它們可以被點擊?有多少裝飾性的元素是真正必要的?
“在現(xiàn)實生活中，當按鈕被按下時，你可以清楚的感受到它的彈性，但在桌面設備或移動設備的顯示屏上，你無法感覺到這種物理回饋?？瓷先ナ菍嶓w的東西卻無法讓人感受到實體本該具有的反饋效應，至少對我來說這是一種很蹩腳的、不符合預期的體驗?！? – Allan Yu (svpply / eBay)
形式服務于功能
20世紀建筑界的極簡主義運動當中提出了一些著名的口號，包括“形式服務于功能(form follows function)”、“少即是多(less is more)”等等，直到今天我們依然會談到這些。此外，我個人非常喜歡米開朗基羅在被問到他是怎樣創(chuàng)作大衛(wèi)雕像時回答的：
“很簡單。我只要鑿去多余的石頭，留下有用的?！?
對于界面設計來說，也是同樣的道理;37signals的家伙們在這方面的本事是有目共睹的。要在實際當中卓有成效的實現(xiàn)扁平化風格的設計美學，作為設計師，我們本質上最需要關注的是產品功能如何運作，而不僅僅是考慮視覺呈現(xiàn)方面的問題。
扁平還是擬物?只是個選擇的問題
至少我沒有見到任何研究報告表明擬物風格的按鈕會帶來更多的點擊量。的確，有足夠多的理論和實踐結論可以證明在視覺上能產生更強對比效果的交互元素可以更好的引起用戶的注意，但我相信，在某些上下文環(huán)境中，一個扁平化的橘色按鈕所帶來的對比效應會高于具有凸起質感的按鈕。所以，上下文，也就是具體產品的具體界面環(huán)境，是這里的一個關鍵要素。我們來看看其他設計師的一些看法：
“這件事和時裝時尚有些類似。當某種風格被全面普及之后，作為設計師，要想脫穎而出，你就得反其道而行之?！?– Cemre Güng?r (Branch)
“如果有人告訴你‘擬物化是不好的設計’，這就相當于在說‘紫色是丑陋的顏色’，沒有任何意義?！?– Sacha Greif
“為什么要在沒有任何實際證據的情況下貶低某種設計風格，同時抬高另外一種?忽略產品的實際功能與整體體驗而單純追求某種設計風格，這并不是一件令人興奮和愉悅的事。” – Geoff Steams (YouTube)
設計的好壞不是“美學”可以決定的
對設計風格的選取最終還是要取決于具體產品的實際情況。在我個人看來，相比于擬物化而言，扁平風格的一個優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來，減少認知障礙的產生。
無論采用怎樣的風格，優(yōu)秀的界面設計都需要遵從一些共通的設計原則：
一致性
通過具有一致性的設計模式及視覺風格，為用戶建立起完整一致的心智模型，使產品更加易用，提升整體體驗。
對比
通過對配色、尺寸和布局的調整，使可點擊的界面元素在視覺上與其他元素形成鮮明的對比。
布局
可以嘗試使用960gs一類的網格布局為界面設定視覺規(guī)范，使用戶的視線可以跟隨內容本身所界定出的路徑自然的移動，增強界面的視覺平衡。
層級化
最重要的東西要比相對次要的東西更容易被看到。關于這個話題我可以寫一整篇文章出來，簡單的說，就是在界面設計中著重突出那些與核心功能與常見用例相關的交互元素，而將其他操作元素置于次要位置，這可以使界面得到最有針對性的優(yōu)化和簡化。
“我個人的經驗是，無論扁平化還是擬物化都沒什么所謂，最重要的是界面能夠讓用戶在最短的時間內清楚的識別出信息和功能的層級關系，并且很容易的知道接下來應該做什么。” – Caroline Keem
目標用戶
不同類型的用戶所青睞的界面風格也有所不同。建筑、設計、時尚等領域的用戶可以更好的擁抱扁平化風格，而其他更加“普通”的用戶則更容易接受相對傳統(tǒng)的擬物化界面。
反饋
當點擊行為發(fā)生時，要立刻向用戶提供清晰明確的視覺反饋。動畫過渡效果就是一種比較常見的反饋方式，例如在用戶執(zhí)行操作后，使用旋轉圖標提示用戶系統(tǒng)正在進行響應。
推薦閱讀：為用戶的成功操作提供正面反饋
降低“摩擦力”
無論采用怎樣的視覺風格，都要使界面盡量簡化，減少用戶完成目標所需執(zhí)行的操作，打造更加流暢的交互體驗。任何一點障礙或額外的步驟都會提高操作成本，增加功能的復雜度，進而降低轉化率。
