轉載藍藍設計(   m.sillybuy.com  )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 、平面設計服務

來源：http://www.cssn.cn/ysx/ysx_sjx/201310/t20131026_611976.shtmll

如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中，   請點這里

由扁平化與擬物化兩種風格所引發(fā)的設計之爭正愈演愈烈，而這一趨勢隨著iOS 7測試版的發(fā)布而進入白熱化。盡管技術圈內早已吵得不可開交，但很多朋友可能還沒聽說過這兩個名詞、或者對其背后的含義不甚明了。今天，我們將共同探討扁平化設計的關鍵特點，了解這種設計理念與擬物化的區(qū)別所在。

以Dieter Rams為代表的一些著名設計師在設計原則中明確指出，扁平化設計（或者被稱為‘極簡設計’）是實現可持續(xù)設計的最佳方式。

設計風格通常被視為一種暫時性趨勢。每當有新風格出現，人們在欣賞之余并不能肯定其是否真能獲得成功或者說長久存在。不過一方面更多業(yè)內設計師開始對某種特定設計風格的迎合，卻也有不少獨特且實用的風格陸續(xù)與大家見面。也就是說，認為扁平化設計屬于新生事物的觀點其實是種誤解。事實上，扁平化設計與其設計師早已存在，惟一稱得上新鮮的是近年來行業(yè)的宣傳攻勢以及對這種風格的持續(xù)推崇。

iOS7倒向扁平化設計，極大的影響了設計之爭的戰(zhàn)局，現在扁平化已經是設計趨勢，甚至連Android也因此受益，不過并不是說擬物化就不好，在某些場景它仍有強大的生命力。

扁平化設計正當其時！

谷歌推崇扁平化設計

大家都知道，谷歌公司一直以堅持優(yōu)秀的設計方針而聲名顯著。他們的目的在于提供一套在視覺上存在承接性的風格，即堅持簡單與現代路線。谷歌完全可以不無自豪地宣稱，其化繁為簡的設計風格、專注于色彩與幾何圖形的指導思想已經相當成熟。大家不妨點擊此處查看其在Behance網站上發(fā)布的視覺設計指南，相信會有不小的收獲。

微軟擁抱扁平化設計

Windows Mobile 6.5：微軟的早期扁平化嘗試

早在2010年，微軟公司就發(fā)現自己的傳統(tǒng)設計方案無法與用戶的體驗與需求保持一致。除了關注產品功能之外，用戶使用體驗也是不可忽視的一大重點，因此微軟決定重新思考自身在產品設計上的審美取向。

Windows Phone 8

這促使微軟采用了全新的設計理念，從而改變其產品的視覺效果與操作方式?；蛘哂梦④涀约鹤钕矏鄣谋磉_——“事半功倍”。2012年底，微軟正式推出Windows 8，其顛覆性的外觀設計正是微軟對視覺設計思路的巨大變革，同時也成為新一輪設計戰(zhàn)略中的里程碑。

扁平化與擬物化的定義

“現實風格的設計成果必然屬于擬物化，但擬物化設計卻不一定屬于現實風格?！?/p>

在設計領域，擬物化意味著嘗試再現那些用戶所熟知的事物。遺憾的是這個詞往往被從業(yè)者們誤讀與誤用。設計師們往往認為擬物化意味著直接從現實世界中復制圖像。這里我要強調一點：擬物化設計并不一定要與參考對象保持高度一致！換言之，現實風格的設計成果必然屬于擬物化，但擬物化設計卻不一定屬于現實風格。更進一步來說，扁平化設計也可以符合擬物化標準（但并非必須）。

下面我們就看圖說話，讓大家更加明確這一概念區(qū)分。

由Alex Volkov設計

大家一定已經注意到，上圖以非常真實的設計再現了保險箱圖像。這幅圖可謂擬物化設計的絕佳范例，因為它試圖向我們展示每個人所了解的事物（真實的物理對象，也就是保險箱）。另外，它也可以作為現實風格的參照實例，因為其設計包含了縱深、燈光、陰影、紋理等一切需要考慮的真實因素。

“擬物化試圖重現我們所熟悉的事物。”

由Justin Pervorse設計

下面再來看扁平化設計的案例，上圖通過簡單的線條與清閑的色彩簡化了保險箱的物理外觀。顯然，這一設計已經相當“扁平化”，但其中仍然采用了諸多擬物化元素——因為其思路仍然是希望讓用戶一望而知其保險箱身份。圖中特征鮮明的保險門就是最好的證明。

由Andrew Hesham設計

現在，我們再來看另一套出色的扁平化設計方案。雖然上圖沒有采用任何擬物化設計元素，但我們仍然可以感受到圖標中盾牌與鑰匙孔的結合同安全概念之間的密切聯系。也就是說，它并沒有執(zhí)著于表現真正的保險箱外觀或者閉鎖裝置，而嘗試以更為婉轉的隱喻幫助用戶了解其作用?？偨Y起來：扁平化設計利用簡單元素、幾何圖形與鮮艷色彩的搭配表達信息，強調方案的簡單與清晰特性。

“扁平化設計利用簡單元素、幾何圖形與鮮艷色彩的搭配表達信息，強調方案的簡單與清晰特性?！?/p>

這只是一般性的解釋，不過確實有很多從業(yè)人員在談到“擬物化設計”時、其真正要表達的其實是“現實風格設計”，也就是第一幅圖中的例子。而在扁平化設計方面，我們指的是更加簡約的二維圖形方案。有時候我們也會使用“擬物扁平設計”這樣的表達，第二幅圖中的保險箱就充分體現出二者相結合所帶來的出色效果。

在iOS 7中，蘋果公司既嘗試了將擬物與扁平加以結合——例如下圖左側的相機圖標，也嘗試了純扁平化設計——例如下圖右側的照片圖標。另外，新系統(tǒng)中的游戲中心圖標也屬于純扁平化方案。

iOS 7圖標

擬物化設計概述

一般情況下，擬物化應用程序設計思路希望軟件能擁有與真實世界相符的外觀與使用方式。人們往往喜歡把擬物化與蘋果聯系起來。沒錯，iCal與某些圖標設計充分證明了蘋果對擬物設計的出色把握（存在于iOS以前版本中）。

擬物化設計風格通常來說極具挑戰(zhàn)，因為現實生活中的事物很難在二維環(huán)境下被完美重現。另外，設計師們往往會把現實元素融入擬物設計中以進一步改善視覺效果。設計師面臨的最大難題就是要讓成品看起來“不錯”。一旦決定創(chuàng)建現實風格方案，用戶將很容易從設計中發(fā)現失誤。我們不得不投入大量時間與精力用于為圖標或界面設計理想的紋理、陰影、縱深以及色彩。不過擬物化設計對于大齡用戶群體非常友善，這些對數字化世界以及數碼產品并不熟悉的使用者能從擬物風格中理清使用方法，并通過熟悉的外觀與使用感受幫助他們消除抗拒心理。不過話說回來，如今幾乎每個人都已經適應了數字化表達方式，而且界面之下掩藏的也往往是同一種數字化操作模式。

扁平化設計概述

扁平化設計強調的是易用性與簡潔性。通常情況下，扁平化風格借助簡約的線條與鮮艷的色彩來實現信息傳遞。每當聽到設計師討論扁平化設計這個話題，“用戶體驗”這個詞往往會在他們口中多次出現?？梢哉f大多數人都認為扁平化設計能帶來比擬物化設計更好的易用性與使用體驗。

以Dieter Rams為代表的一些著名設計師在設計原則中明確指出，扁平化設計（或者被稱為‘極簡設計’）是實現可持續(xù)設計的最佳方式。

Hype Machine扁平化設計截圖

爭斗仍在繼續(xù)？

“設計真理：選擇一種個人喜愛的風格，并努力拿出最完美的方案。”

一般來說，討論扁平化與擬物化設計的文章總結都會變成爭辯一場兩種風格孰優(yōu)孰劣的對抗。雖然二者各有自己的專長與局限，但有一條真理足以闡明一切：選擇一種個人喜愛的風格，并努力拿出最完美的方案。扁平化設計看起來比擬物化設計簡單一些，但拿出優(yōu)秀的扁平設計方案的難度與擬物方面其實旗鼓相當。設計出平庸的扁平風格成果并不費力，但要讓成果廣為稱道則難上加難。簡潔的效果不易達成，精雕細琢也耗時甚長。

總結

即使對普通用戶來說，扁平與擬物之間的區(qū)別也取決于個人喜好。有些人喜歡擬物風格、另一些人則喜歡扁平風格，更有不少用戶對二者都樂于接受。作為設計師，我強烈建議同行們能百花齊放、拿出豐富多彩的設計風格來。相對于揪住沖突不放，我們更應該接納不同方案間的分歧、使其真正成為提升應用程序使用感受的助力。良好的設計有助于產品在市場中脫穎而出，因此請認真思考哪種路線與自己的思路最為吻合。