2014-11-5 藍(lán)藍(lán)設(shè)計(jì)的小編
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源：http://www.csdn.net/article/2013-02-21/2814219-flat-design-vs-Skeuomorphism
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
在移動(dòng)新趨勢(shì)：扁平化設(shè)計(jì) vs. 擬物化設(shè)計(jì)（上篇）中我們探討了擬物化設(shè)計(jì)的優(yōu)點(diǎn)與容易陷入的誤區(qū)。作為目前比較受到到認(rèn)可的設(shè)計(jì)風(fēng)格之一，扁平化設(shè)計(jì)也逐漸成為2013年最為顯著的應(yīng)用設(shè)計(jì)趨勢(shì)。
扁平化設(shè)計(jì)的崛起
整個(gè)行業(yè)都在預(yù)測(cè)未來的設(shè)計(jì)趨勢(shì)，但是沒人預(yù)料到，下一個(gè)設(shè)計(jì)趨勢(shì)的引領(lǐng)者竟是微軟。不論是否是為了能更好地與蘋果形成差異，或是發(fā)自內(nèi)心認(rèn)為這一種更好的設(shè)計(jì)理念，微軟的Metro風(fēng)格用戶界面有著一種與眾不同的美感。與iOS應(yīng)用不同，沒有陰影、高光、漸變和紋理的修飾，取而代之的是平面化的色塊與突出的文字信息。
微軟Metro UI
其實(shí)，扁平化設(shè)計(jì)已經(jīng)誕生已久，最初出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中，不過微軟的移動(dòng)系統(tǒng)讓它真正得到了移動(dòng)應(yīng)用設(shè)計(jì)師的關(guān)注。不管公眾關(guān)注的是扁平化的色塊還是其它，微軟的新設(shè)計(jì)理念引起了科技領(lǐng)域的共鳴，其專注于排版與色彩的設(shè)計(jì)風(fēng)格得到了贊許。
扁平化設(shè)計(jì)帶來的是純粹的視覺圖形，它確實(shí)可以引起熱衷于極簡(jiǎn)概念的設(shè)計(jì)師，Antoine de Saint-Exupery曾說過“達(dá)到完美并不意味著它已經(jīng)達(dá)到無以復(fù)加的程度，而是恰恰相反?！?/p>
新的設(shè)計(jì)理念使許多設(shè)計(jì)師開始對(duì)自己的設(shè)計(jì)方法產(chǎn)生質(zhì)疑，他們開始意識(shí)到Skeuomorphism帶來的樂趣更多地是體現(xiàn)在通過Photoshop反復(fù)修飾皮革紋理背景，但對(duì)于移動(dòng)應(yīng)用來說，它并不一定是最佳選擇。甚至，目前一些游戲的UI也從細(xì)節(jié)紋理和陰影效果的精雕細(xì)琢工作中解脫出來，逐漸開始接受極簡(jiǎn)的設(shè)計(jì)風(fēng)格。近兩個(gè)月經(jīng)常被談?wù)摰降膬煽钣螒?span id="8ccc0cc" class="Apple-converted-space"> Letterpress和 Hundreds就是秉承扁平化設(shè)計(jì)理念的典例。Letterpress的開發(fā)者Loren Brichter甚至透露，在整款游戲中，他只使用了一幅圖片。
游戲Letterpress
扁平化設(shè)計(jì)的局限性
盡管在應(yīng)用和網(wǎng)頁(yè)設(shè)計(jì)中越來越多人開始使用扁平化設(shè)計(jì)，但這并不意味著它就是無懈可擊的。
首先，就像以往任何一種設(shè)計(jì)趨勢(shì)一樣，它也可能會(huì)因?yàn)橐恍┰O(shè)計(jì)師的心血來潮和不經(jīng)大腦而被濫用。擬物化設(shè)計(jì)被濫用頂多只會(huì)關(guān)乎應(yīng)用界面是否美觀，但是如果使用扁平化設(shè)計(jì)時(shí)出現(xiàn)偏差，那將直接影響應(yīng)用的可用性。
界面中的一些細(xì)節(jié)對(duì)于用戶能否順暢地使用應(yīng)用，起到了至關(guān)重要要的作用：按鈕上帶有輕微漸變的圓角設(shè)計(jì)，表單部分淺淺的陰影效果，導(dǎo)航欄輕微懸浮的效果。如果去除這些細(xì)節(jié)，界面中的每個(gè)元素都將被置于同一水平面，用戶在使用時(shí)將不可避免地產(chǎn)生疑惑：這是一個(gè)按鈕還是一個(gè)banner？如果我點(diǎn)擊它，會(huì)出現(xiàn)什么？
近幾個(gè)月關(guān)于擬物化設(shè)計(jì)與扁平化設(shè)計(jì)的爭(zhēng)論之所以這么激烈，其中一個(gè)主要原因就是蘋果與Google之間的博弈。Google地圖更新了它的設(shè)計(jì)理念，并通過龐大的下載量證明了自己的強(qiáng)大競(jìng)爭(zhēng)力。通過最近幾個(gè)月發(fā)布的應(yīng)用，Google開始大力推行扁平化設(shè)計(jì)。
Google地圖
以Google Now為例，Android用戶體驗(yàn)高級(jí)主管 Matias Duarte說：“大量的運(yùn)用白色空白，而不是大量人工的、表面的東西。我們使用大膽的排版設(shè)計(jì)，使用留白、大圖給出重點(diǎn)，給出特殊性及層次性?！边@是谷歌給人們的新的視覺體驗(yàn)，并已經(jīng)迅速影響到了許多新生的移動(dòng)產(chǎn)品。
作為一個(gè)設(shè)計(jì)師，我們能否抵擋住極簡(jiǎn)風(fēng)格的誘惑，并始終銘記“用戶的需求高于美學(xué)追求”么？ 如果我們正在走一條擬物化設(shè)計(jì)興起時(shí)就誤入的老路，那么用戶可能將再次面對(duì)同樣的災(zāi)難。
不論選擇哪種應(yīng)用設(shè)計(jì)風(fēng)格，都應(yīng)取決于實(shí)際功能。扁平化風(fēng)格的逐漸盛行固然有它的道理，但本質(zhì)上它只是設(shè)計(jì)美學(xué)當(dāng)中的一種；與仿古、高光、金屬質(zhì)感、木質(zhì)等視覺效果相同，對(duì)視覺風(fēng)格的選擇必須以良好的信息架構(gòu)及交互模式為基礎(chǔ)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com