2014-11-5 藍(lán)藍(lán)設(shè)計(jì)的小編
藍(lán)藍(lán)設(shè)計(jì)( 91whvog3.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)計(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è)計(jì)的崛起
整個(gè)行業(yè)都在預(yù)測未來的設(shè)計(jì)趨勢,但是沒人預(yù)料到,下一個(gè)設(shè)計(jì)趨勢的引領(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)頁設(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í)可以引起熱衷于極簡概念的設(shè)計(jì)師,Antoine de Saint-Exupery曾說過“達(dá)到完美并不意味著它已經(jīng)達(dá)到無以復(fù)加的程度,而是恰恰相反。”
新的設(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ì)琢工作中解脫出來,逐漸開始接受極簡的設(shè)計(jì)風(fēng)格。近兩個(gè)月經(jīng)常被談?wù)摰降膬煽钣螒?span id="yrx57qt" class="Apple-converted-space"> Letterpress和 Hundreds就是秉承扁平化設(shè)計(jì)理念的典例。Letterpress的開發(fā)者Loren Brichter甚至透露,在整款游戲中,他只使用了一幅圖片。
游戲Letterpress
扁平化設(shè)計(jì)的局限性
盡管在應(yīng)用和網(wǎng)頁設(shè)計(jì)中越來越多人開始使用扁平化設(shè)計(jì),但這并不意味著它就是無懈可擊的。
首先,就像以往任何一種設(shè)計(jì)趨勢一樣,它也可能會(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ì)的爭論之所以這么激烈,其中一個(gè)主要原因就是蘋果與Google之間的博弈。Google地圖更新了它的設(shè)計(jì)理念,并通過龐大的下載量證明了自己的強(qiá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ì)師,我們能否抵擋住極簡風(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://91whvog3.cn