2014-6-10 藍藍設(shè)計的小編
轉(zhuǎn)載藍藍設(shè)計( www.jghy.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源：http://www.cssn.cn/ysx/ysx_sjx/201310/t20131026_611976.shtmll
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
由扁平化與擬物化兩種風(fēng)格所引發(fā)的設(shè)計之爭正愈演愈烈，而這一趨勢隨著iOS 7測試版的發(fā)布而進入白熱化。盡管技術(shù)圈內(nèi)早已吵得不可開交，但很多朋友可能還沒聽說過這兩個名詞、或者對其背后的含義不甚明了。今天，我們將共同探討扁平化設(shè)計的關(guān)鍵特點，了解這種設(shè)計理念與擬物化的區(qū)別所在。
以Dieter Rams為代表的一些著名設(shè)計師在設(shè)計原則中明確指出，扁平化設(shè)計（或者被稱為‘極簡設(shè)計’）是實現(xiàn)可持續(xù)設(shè)計的最佳方式。
設(shè)計風(fēng)格通常被視為一種暫時性趨勢。每當(dāng)有新風(fēng)格出現(xiàn)，人們在欣賞之余并不能肯定其是否真能獲得成功或者說長久存在。不過一方面更多業(yè)內(nèi)設(shè)計師開始對某種特定設(shè)計風(fēng)格的迎合，卻也有不少獨特且實用的風(fēng)格陸續(xù)與大家見面。也就是說，認為扁平化設(shè)計屬于新生事物的觀點其實是種誤解。事實上，扁平化設(shè)計與其設(shè)計師早已存在，惟一稱得上新鮮的是近年來行業(yè)的宣傳攻勢以及對這種風(fēng)格的持續(xù)推崇。
iOS7倒向扁平化設(shè)計，極大的影響了設(shè)計之爭的戰(zhàn)局，現(xiàn)在扁平化已經(jīng)是設(shè)計趨勢，甚至連Android也因此受益，不過并不是說擬物化就不好，在某些場景它仍有強大的生命力。
扁平化設(shè)計正當(dāng)其時！
谷歌推崇扁平化設(shè)計
大家都知道，谷歌公司一直以堅持優(yōu)秀的設(shè)計方針而聲名顯著。他們的目的在于提供一套在視覺上存在承接性的風(fēng)格，即堅持簡單與現(xiàn)代路線。谷歌完全可以不無自豪地宣稱，其化繁為簡的設(shè)計風(fēng)格、專注于色彩與幾何圖形的指導(dǎo)思想已經(jīng)相當(dāng)成熟。大家不妨點擊此處查看其在Behance網(wǎng)站上發(fā)布的視覺設(shè)計指南，相信會有不小的收獲。
微軟擁抱扁平化設(shè)計
Windows Mobile 6.5：微軟的早期扁平化嘗試
早在2010年，微軟公司就發(fā)現(xiàn)自己的傳統(tǒng)設(shè)計方案無法與用戶的體驗與需求保持一致。除了關(guān)注產(chǎn)品功能之外，用戶使用體驗也是不可忽視的一大重點，因此微軟決定重新思考自身在產(chǎn)品設(shè)計上的審美取向。
Windows Phone 8
這促使微軟采用了全新的設(shè)計理念，從而改變其產(chǎn)品的視覺效果與操作方式?；蛘哂梦④涀约鹤钕矏鄣谋磉_——“事半功倍”。2012年底，微軟正式推出Windows 8，其顛覆性的外觀設(shè)計正是微軟對視覺設(shè)計思路的巨大變革，同時也成為新一輪設(shè)計戰(zhàn)略中的里程碑。
扁平化與擬物化的定義
“現(xiàn)實風(fēng)格的設(shè)計成果必然屬于擬物化，但擬物化設(shè)計卻不一定屬于現(xiàn)實風(fēng)格?！?/p>
在設(shè)計領(lǐng)域，擬物化意味著嘗試再現(xiàn)那些用戶所熟知的事物。遺憾的是這個詞往往被從業(yè)者們誤讀與誤用。設(shè)計師們往往認為擬物化意味著直接從現(xiàn)實世界中復(fù)制圖像。這里我要強調(diào)一點：擬物化設(shè)計并不一定要與參考對象保持高度一致！換言之，現(xiàn)實風(fēng)格的設(shè)計成果必然屬于擬物化，但擬物化設(shè)計卻不一定屬于現(xiàn)實風(fēng)格。更進一步來說，扁平化設(shè)計也可以符合擬物化標(biāo)準（但并非必須）。
下面我們就看圖說話，讓大家更加明確這一概念區(qū)分。
由Alex Volkov設(shè)計
大家一定已經(jīng)注意到，上圖以非常真實的設(shè)計再現(xiàn)了保險箱圖像。這幅圖可謂擬物化設(shè)計的絕佳范例，因為它試圖向我們展示每個人所了解的事物（真實的物理對象，也就是保險箱）。另外，它也可以作為現(xiàn)實風(fēng)格的參照實例，因為其設(shè)計包含了縱深、燈光、陰影、紋理等一切需要考慮的真實因素。
“擬物化試圖重現(xiàn)我們所熟悉的事物。”
由Justin Pervorse設(shè)計
下面再來看扁平化設(shè)計的案例，上圖通過簡單的線條與清閑的色彩簡化了保險箱的物理外觀。顯然，這一設(shè)計已經(jīng)相當(dāng)“扁平化”，但其中仍然采用了諸多擬物化元素——因為其思路仍然是希望讓用戶一望而知其保險箱身份。圖中特征鮮明的保險門就是最好的證明。
由Andrew Hesham設(shè)計
現(xiàn)在，我們再來看另一套出色的扁平化設(shè)計方案。雖然上圖沒有采用任何擬物化設(shè)計元素，但我們?nèi)匀豢梢愿惺艿綀D標(biāo)中盾牌與鑰匙孔的結(jié)合同安全概念之間的密切聯(lián)系。也就是說，它并沒有執(zhí)著于表現(xiàn)真正的保險箱外觀或者閉鎖裝置，而嘗試以更為婉轉(zhuǎn)的隱喻幫助用戶了解其作用?？偨Y(jié)起來：扁平化設(shè)計利用簡單元素、幾何圖形與鮮艷色彩的搭配表達信息，強調(diào)方案的簡單與清晰特性。
“扁平化設(shè)計利用簡單元素、幾何圖形與鮮艷色彩的搭配表達信息，強調(diào)方案的簡單與清晰特性。”
這只是一般性的解釋，不過確實有很多從業(yè)人員在談到“擬物化設(shè)計”時、其真正要表達的其實是“現(xiàn)實風(fēng)格設(shè)計”，也就是第一幅圖中的例子。而在扁平化設(shè)計方面，我們指的是更加簡約的二維圖形方案。有時候我們也會使用“擬物扁平設(shè)計”這樣的表達，第二幅圖中的保險箱就充分體現(xiàn)出二者相結(jié)合所帶來的出色效果。
在iOS 7中，蘋果公司既嘗試了將擬物與扁平加以結(jié)合——例如下圖左側(cè)的相機圖標(biāo)，也嘗試了純扁平化設(shè)計——例如下圖右側(cè)的照片圖標(biāo)。另外，新系統(tǒng)中的游戲中心圖標(biāo)也屬于純扁平化方案。
iOS 7圖標(biāo)
擬物化設(shè)計概述
一般情況下，擬物化應(yīng)用程序設(shè)計思路希望軟件能擁有與真實世界相符的外觀與使用方式。人們往往喜歡把擬物化與蘋果聯(lián)系起來。沒錯，iCal與某些圖標(biāo)設(shè)計充分證明了蘋果對擬物設(shè)計的出色把握（存在于iOS以前版本中）。
擬物化設(shè)計風(fēng)格通常來說極具挑戰(zhàn)，因為現(xiàn)實生活中的事物很難在二維環(huán)境下被完美重現(xiàn)。另外，設(shè)計師們往往會把現(xiàn)實元素融入擬物設(shè)計中以進一步改善視覺效果。設(shè)計師面臨的最大難題就是要讓成品看起來“不錯”。一旦決定創(chuàng)建現(xiàn)實風(fēng)格方案，用戶將很容易從設(shè)計中發(fā)現(xiàn)失誤。我們不得不投入大量時間與精力用于為圖標(biāo)或界面設(shè)計理想的紋理、陰影、縱深以及色彩。不過擬物化設(shè)計對于大齡用戶群體非常友善，這些對數(shù)字化世界以及數(shù)碼產(chǎn)品并不熟悉的使用者能從擬物風(fēng)格中理清使用方法，并通過熟悉的外觀與使用感受幫助他們消除抗拒心理。不過話說回來，如今幾乎每個人都已經(jīng)適應(yīng)了數(shù)字化表達方式，而且界面之下掩藏的也往往是同一種數(shù)字化操作模式。
扁平化設(shè)計概述
扁平化設(shè)計強調(diào)的是易用性與簡潔性。通常情況下，扁平化風(fēng)格借助簡約的線條與鮮艷的色彩來實現(xiàn)信息傳遞。每當(dāng)聽到設(shè)計師討論扁平化設(shè)計這個話題，“用戶體驗”這個詞往往會在他們口中多次出現(xiàn)?？梢哉f大多數(shù)人都認為扁平化設(shè)計能帶來比擬物化設(shè)計更好的易用性與使用體驗。
以Dieter Rams為代表的一些著名設(shè)計師在設(shè)計原則中明確指出，扁平化設(shè)計（或者被稱為‘極簡設(shè)計’）是實現(xiàn)可持續(xù)設(shè)計的最佳方式。
Hype Machine扁平化設(shè)計截圖
爭斗仍在繼續(xù)？
“設(shè)計真理：選擇一種個人喜愛的風(fēng)格，并努力拿出最完美的方案?！?/p>
一般來說，討論扁平化與擬物化設(shè)計的文章總結(jié)都會變成爭辯一場兩種風(fēng)格孰優(yōu)孰劣的對抗。雖然二者各有自己的專長與局限，但有一條真理足以闡明一切：選擇一種個人喜愛的風(fēng)格，并努力拿出最完美的方案。扁平化設(shè)計看起來比擬物化設(shè)計簡單一些，但拿出優(yōu)秀的扁平設(shè)計方案的難度與擬物方面其實旗鼓相當(dāng)。設(shè)計出平庸的扁平風(fēng)格成果并不費力，但要讓成果廣為稱道則難上加難。簡潔的效果不易達成，精雕細琢也耗時甚長。
總結(jié)
即使對普通用戶來說，扁平與擬物之間的區(qū)別也取決于個人喜好。有些人喜歡擬物風(fēng)格、另一些人則喜歡扁平風(fēng)格，更有不少用戶對二者都樂于接受。作為設(shè)計師，我強烈建議同行們能百花齊放、拿出豐富多彩的設(shè)計風(fēng)格來。相對于揪住沖突不放，我們更應(yīng)該接納不同方案間的分歧、使其真正成為提升應(yīng)用程序使用感受的助力。良好的設(shè)計有助于產(chǎn)品在市場中脫穎而出，因此請認真思考哪種路線與自己的思路最為吻合。
藍藍設(shè)計的小編 http://www.jghy.net