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