人妻少妇精品无码专区漫画_亚洲国产精品一区二区sm_内地无码毛片手机在线_亚洲av大精永久无码精品

　　扁平化設(shè)計是今天一個非常熱門的話題，在上次的文章《2013年網(wǎng)頁及APP應(yīng)用的設(shè)計趨勢》中，我們說過扁平化設(shè)計將會是2013年設(shè)計趨勢，在本文中，我將討論下什么是扁平化設(shè)計、回顧其它設(shè)計方式，并提供如何在你自己的設(shè)計中實現(xiàn)的一些技巧。什么是扁平化設(shè)計？

　　實際上，扁平化設(shè)計意味著在設(shè)計中不使用常用的漸變、像素完美的陰影，然后通常是近年來蔓延的用來實現(xiàn)看起來“平面”的用戶界面。

　　Layervault 的Allen Grinshtein或許最初定義了“扁平化設(shè)計”。在一篇發(fā)表于HackerNews的文章中，他說：“網(wǎng)頁中廣受歡迎的產(chǎn)品通常都有一些類似的設(shè)計美學(xué)，比如一些立體、內(nèi)陰影、外陰影等。對設(shè)計師來說，他們會以實現(xiàn)這種“媚俗”的界面而感到自豪。但對我們，對其它的少數(shù)設(shè)計師來說，這樣做很2。。。 “~ Allan Grinshtein (Layervault)如果你去看Layervault，它的美在于其簡潔，甚至沒有任何我們作為設(shè)計師常常會去挖空心思實現(xiàn)的額外的細節(jié)設(shè)計。了解和琢磨作為當(dāng)前趨勢來使用的漸變和其它樣式是件蠻有趣的事情，這些慢慢在變化~~

扁平化設(shè)計實例

　　在新版Squarespace網(wǎng)站中，他們選擇了一個幾乎完全扁平的界面, 你可以估算出它們花在原型和設(shè)計UI上的時間，這個界面相當(dāng)復(fù)雜，但是卻非常易用。

　　盡管我只看過而從來沒有自己用過LayerVault，新的扁平化UI看起來真的很簡潔易用。

　　Facebook幾乎一直擁抱扁平化設(shè)計美學(xué)——只是最近才加入一些輕微的立體化。

　　“Facebook是一個扁平化設(shè)計趨勢的完美例子。它們的主要操作按鈕依然使用輕微的立體化，但大量的次要按鈕采用了完全的扁平化設(shè)計。而且依據(jù)事實判斷，它們從未改變過界面風(fēng)格，它一直是這樣的�！�

　　~ Ian Storm Taylor (Segment.io)

　　盡管它們在過去這些年一直被批判要大改它們的界面，它依然是網(wǎng)上被使用最多的網(wǎng)站之一，嗯，用戶是不會錯的。。。

　　最新的Rdio的界面亦是如此扁平和極簡，它幾乎完全沒有陰影、漸變、甚至是顏色。。。

　　在Nest上線之前，我很高興為它貢獻了一點兒前端代碼，我被它所展現(xiàn)出的扁平化美學(xué)給迷倒了。

　　擁抱扁平化設(shè)計的設(shè)計師們真的是發(fā)自內(nèi)心的迷戀它了。

　　“…作為交互設(shè)計師——我們應(yīng)該在我們的工作中擁抱這種方法，并堅定的避開我們身處的擬物化、陰影的泥淖。”

　　Daniel Howell (Howells)

對擬物化設(shè)計的挑戰(zhàn)

　　就像上個世紀在建筑領(lǐng)域極簡主義運動對過度裝修的沖擊，扁平化設(shè)計可能是一個對已經(jīng)被使用多年的過度設(shè)計、或者過于花哨的網(wǎng)站和界面的一個顛覆。一個典型的例子就是最近人們批判Apple的擬物化設(shè)計的過度使用。

　　Apple收到了大量的來自于設(shè)計師對其在日歷app中大量使用無用的皮革材質(zhì)的批判。

Wikipedia 這樣定義擬物化:

　　一個產(chǎn)品的設(shè)計元素模仿其在原始產(chǎn)品設(shè)計中是必要功能，但是在新的設(shè)計中變?yōu)檠b飾的設(shè)計元素

　　比如，我們通常給元素用上漸變和陰影以至于看起來像按鈕，因為現(xiàn)實世界中按鈕大都帶有特性，盡管它們在電腦用戶界面的設(shè)置中是不必要的。

　　“所以一個使用玻璃溫度計圖片的天氣app就是擬物化：玻璃在原來（現(xiàn)實中的溫度計）是必要的，而在新設(shè)計中變?yōu)橥耆�的裝飾�！�

　　~ Sacha Greif

　　在日歷APP中使用皮革元素是否真的有必要呢？同樣的，用漸變和立體邊角來設(shè)計按鈕是否也真的有必要？或者用戶知道去點擊它們么？有多少裝飾是必須的？有么？

　　“在現(xiàn)實世界中，當(dāng)一個按鈕按下，你能感受到它的彈性和彈力，但是在手機或者屏幕上，有物理上反饋的先天不足。你的意識知道物理性的存在而擬物化沒有。所以至少對我來說，它事實上沒有達到預(yù)期和讓我失望的時刻�！�

~ Allan Yu (svpply / eBay)

　　所以，扁平化設(shè)計可能是在界面設(shè)計中裝飾被過度使用的一種顛覆，就和過去極簡主義是華而不實的裝飾風(fēng)格的一種顛覆一樣。

形式遵循功能，擁抱扁平化

　　20 世紀建筑領(lǐng)域的極簡主義運動中，一些偉大的設(shè)計引用我們今天依然在談?wù)摰摹靶问礁�隨功能(form follow function)”和“少即是多(less is more)”的理念。簡單的來說，我喜歡這句來自雕刻家Michaelangelo(米開朗其羅)在被問道它是如何創(chuàng)造標志性的大衛(wèi)雕像的時候說到的話。

　　“很簡單，你就削掉那些看起來不像大衛(wèi)的石頭就好了。

　　~ Michaelangelo)

　　在用戶界面設(shè)計，常常去掉真正將界面帶入生活的那些東西。37signals的團隊因為應(yīng)用這個理念到它們的產(chǎn)品中——比如BaseCamp——而臭名昭著（但也很成功）。在扁平化設(shè)計的世界中，少，真的是多。

　　為了實現(xiàn)扁平化設(shè)計美學(xué)，我們設(shè)計師必須專注于產(chǎn)品是干嘛的，而不是它們要看起來像什么。這是關(guān)鍵，也是線框?qū)υO(shè)計流程至關(guān)重要的原因。

美學(xué)是看法的問題

　　在我關(guān)于這篇文章的研究中，幾乎沒發(fā)現(xiàn)任何科學(xué)研究關(guān)于屏幕上的按鈕看起來更像按鈕實際上會更可點擊。倒是有大量的證據(jù)支持對比度、色彩、層級，但是我愿意打賭在一個適當(dāng)?shù)纳舷挛闹�，一個橙色的扁平化按鈕會像一個立體的橙色按鈕一樣有效。這里有一些來自于其它設(shè)計師的觀點。

　　“這和跑道時尚(runway fashion)并無二異——每個人都開始做同樣的事情，當(dāng)它到處都是時，要突出出來成為設(shè)計師，你就必須反其道而行�！�

~ Cemre Güngör (Branch)

“說“擬物化是壞設(shè)計”就像說“紫色是一個骯臟的顏色”或者“在Web app中沒有橢圓的地兒”。它沒有任何意義�！�

~ Sacha Greif

“為什么推廣某種設(shè)計理念在別的理念之上而不去證明你推崇的真的更好呢？難道更好看比可能降低可用性更有價值？“

~ Geoff Stearns (formerly YouTube)

好設(shè)計就是好設(shè)計，無關(guān)美學(xué)思想

　　那么，如果立體、漸變、陰影只是看法的問題，那么如何實現(xiàn)一個好的設(shè)計？無論你是否要使用扁平化設(shè)計，用戶界面和規(guī)劃相關(guān)。我相信扁平化設(shè)計使得識別一個偉大的設(shè)計更加簡單，因為在設(shè)計和它如何工作之間少了很多干擾。
這里是一些關(guān)于偉大的界面設(shè)計的一些技巧：

一致性

　　通過使用通用的UI元素和樣式，你可以幫助用戶了解什么是可以期待的，然后使得更容易使用你的應(yīng)用。

對比

　　可點擊元素和非可點擊元素之間要有適當(dāng)?shù)膶Ρ�。這可以通過顏色、大小、位置以及樣式來實現(xiàn)。

布局

　　使用一個網(wǎng)格布局，比如960gs，是為你的設(shè)計建立一些可視的指南的好的方法。視線會自然的準從由內(nèi)容創(chuàng)建的線條和比例，所以理解和使用一個網(wǎng)格是一個強化視覺平衡的好辦法。

層級

　　我更傾向于將此理解為“用戶行為”，我會寫一篇關(guān)于這個話題的文章，但是實現(xiàn)最通用的用戶行為(有時被稱為用例)容易發(fā)現(xiàn)，而去掉不太通用的行為是簡化用戶界面從而使它更好用的好方法。作為通用準則，最重要的要比不太重要的更醒目。

　　我的經(jīng)驗是，扁平的或者逼真的沒什么關(guān)系，重要的是，層級在快速瀏覽以及用戶方便的找到下一個操作中很重要。