2
| 本文作者： 訾竣喆 | 2015-11-26 10:59 |
【編者按】本文編譯自thenextweb，原文作者BENJAMIN BRANDALL
“快來幫我看看怎么操作，我的筆記本電腦運行的是Windows 8系統(tǒng)...”
和許多人一樣，我討厭這個操作系統(tǒng)。我認(rèn)為這是繼Vista尸骨未寒之后微軟所出的第二個爛系統(tǒng)。
如果我沒有去真正實際去使用這個系統(tǒng)而只是遠(yuǎn)遠(yuǎn)觀看的話，我也許能有那么一秒鐘，體會到微軟的確做了一個很大膽的設(shè)計決策，而這個決定可能也終會被認(rèn)為是具有積極影響的變動。
微軟的Metro設(shè)計語言是扁平化設(shè)計語言的實例之一，它最早出現(xiàn)的形式可能就是在：一個除了在我的學(xué)校就讀的一個孩子以外，沒人想要去買的糟糕的MP3播放器——短命的Zune上。
六年后，微軟推出了Windows 8系統(tǒng)，該系統(tǒng)所用的設(shè)計語言和Zune是相同的，但因為肯定不是只有五個人看到了這個系統(tǒng)，所以它和Zune相比有著大得多的影響力。
雖然我不知道蘋果到底對微軟的產(chǎn)品到底是有多么的癡迷，但是看起來微軟似乎成功抓住了蘋果的G點——在Windows 8出現(xiàn)之后，iOS 7也緊隨其后拋棄了此前在軟件界面設(shè)計中使用的模仿實物紋理（skeuomorphism）設(shè)計風(fēng)格。ios已經(jīng)不復(fù)喬老爺子在世時的樣子了。
在iOS 7里，你看不到皮革裝訂著的書，也看不到斜面按鈕甚至是下拉陰影的痕跡了。
在幾個月的時間里，世界兩大軟件開發(fā)商開始在全世界推廣這種設(shè)計風(fēng)格，這種設(shè)計風(fēng)格也被稱為扁平化設(shè)計。
微軟帶來了全球矚目的設(shè)計風(fēng)格，然后看著每一名設(shè)計師把它優(yōu)化得更具美感，扁平化設(shè)計就這么火了起來。
我住在一個“粗野主義”（ 粗野主義又稱蠻橫主義或粗獷主義,是建筑流派的一種,可歸入現(xiàn)代主義建筑流派當(dāng)中，由功能主義發(fā)展而來）的公寓里，這是一棟前蘇聯(lián)時代的普通混凝土搭建而成的公寓，設(shè)計的原則是，要能夠在盡可能小的空間里住進(jìn)盡可能多的人。
現(xiàn)代主義流行于20世紀(jì)20年代，極為強調(diào)實用性，剝離出一切不必要的功能和設(shè)計。
現(xiàn)代主義設(shè)計只提供純粹的功能。而這或許也算是對倫敦一些地區(qū)，仍然存在著的宏偉的維多利亞式莊園中，皇后和天使的鍍金框畫像的一種無聲的抗議吧。
現(xiàn)代主義設(shè)計流派這種把功能減少到只能維持基本生活的方式，和如今所流行的扁平化設(shè)計的舉措十分類似。現(xiàn)代的建筑設(shè)計的靈感源于像馬克思這樣的思想家，這種設(shè)計沒有那么多復(fù)雜的藝術(shù)，這種設(shè)計也在向世界表明，奢侈品并不總是等于良好的設(shè)計。
現(xiàn)代主義的設(shè)計原則是由蒙德里安在20世紀(jì)40年代的“極簡主義”演化而成的，這也是我在Windows 8剛剛推出之時很喜歡這個設(shè)計風(fēng)格的原因。而現(xiàn)在，每當(dāng)我看到他的作品時我都希望這些大小不一的矩形能夠笨拙地開始不均勻的不停旋轉(zhuǎn)...
色彩鮮明的幾何形狀、無襯線的字體和深淺不一的陰影或景深?？雌饋硎遣皇呛苎凼欤咳绻鹗科矫嬖O(shè)計風(fēng)格（Swiss style）的創(chuàng)始人都在2012年開始開設(shè)自己的SaaS公司的話，他們也能夠借勢火起來。
Helvetica字體，由Max Miedinger和Eduard Hoffmann在1957年開創(chuàng)，是最流行的無襯線字體中的一種。它變得如此受歡迎的原因就在于20世紀(jì)20年代人們開始朝現(xiàn)代化轉(zhuǎn)變的這一契機(jī)，而這也同樣是今天扁平式設(shè)計能夠如此火的原因所在。
不管怎樣，黑體是永恒的經(jīng)典。即使是在小尺寸的屏幕上也很容易閱讀信息。這使得它非常適合像上圖這樣的海報。它沒有多余的裝飾，這意味著它非常適用于極簡主義。不像劇本和serif字體，Helvetica字體不會導(dǎo)致字體邊緣出現(xiàn)不必要的彎曲，輕撇或是波浪。
瑞士平面設(shè)計風(fēng)格的流行潮流正在愈演愈烈，而這也正在引發(fā)從打印界到數(shù)字界的行業(yè)變革。
正如我此前所發(fā)的一篇關(guān)于“用戶的注冊過程”的相關(guān)文章所言，對于軟件設(shè)計人員而言，想要使用戶能夠平滑地過渡到一個新的技術(shù)上可能是很艱難的。當(dāng)?shù)谝粋€圖形用戶界面（GUI）出來后，他們所映射出來的是擬真的桌面布局，圖標(biāo)代表它們的物理當(dāng)量（文件夾、剪貼板、計算器、垃圾桶等）。
蘋果此前一直在保持這個設(shè)計思路，保持了相當(dāng)長的一段時間。
從iCal中的碎紙邊緣那上漆了的木制貨架上擺滿的圖書就可見一斑。喬布斯的設(shè)計原則中就曾指出，如果想要讓某個東西變得更加易于使用，那么它就必須要使用戶看起來很熟悉。隨著時間的推移，蘋果的用戶界面變得愈加明亮。每個圖標(biāo)都經(jīng)過了細(xì)心的加工，更復(fù)雜的下拉陰影和更完美的景深梯度使得圖標(biāo)變得更具質(zhì)感。
大約在同一時間，微軟在其所推出的Vista操作系統(tǒng)上使用了令人頭疼的Aero設(shè)計，試圖用以超越蘋果的設(shè)計語言。幸好，這可怕的設(shè)計并沒有持續(xù)多久就被替換掉了。
在2006年至2012年間，蘋果和微軟展開了一場關(guān)于設(shè)計的戰(zhàn)爭——看看誰能夠讓自己的用戶界面看起來更加臃腫。
這場戰(zhàn)爭在2012年10月結(jié)束了，蘋果和微軟牽手成功，雙雙奔向了扁平化設(shè)計。
微軟在2012年推出的Windows 8中使用了其全新的扁平化界面，包括我自己在內(nèi)的很多人看了以后都凌亂了。
當(dāng)我需要使用附加功能的時候側(cè)邊欄出現(xiàn)了，但令人費解的是，同時，用于顯示時間和日期的矩形也隨之出現(xiàn)了。用戶進(jìn)入Metro界面后就會被永久全屏化，如果想使用應(yīng)用就要再返回到之前的桌面上。微軟在Internet Explorer上所做的最后一次掙扎也被證明是失敗的——用戶用它來做的唯一一件事情就是下載Chrome或Firefox瀏覽器。
蘋果用它嫻熟的雙手做了所有高科技公司都會做的事情：拿走了微軟的點子并實際用于他們的設(shè)計之中。
在扁平化設(shè)計這個稱謂出現(xiàn)之前，Windows 8中所出現(xiàn)的設(shè)計語言被稱為Metro設(shè)計語言。只有當(dāng)iOS 7出現(xiàn)之后，人們才開始用扁平化設(shè)計來稱呼這種設(shè)計語言。
十分有趣的一個現(xiàn)象是：當(dāng)它與Windows 8相掛鉤時，沒有人想使用它。而當(dāng)蘋果的光環(huán)照耀之后，扁平化設(shè)計卻得到了救贖，擺脫了Zune播放器的悲慘命運。
根據(jù)Wells Riley的表述，設(shè)計無非是解決問題的一種形式。扁平化設(shè)計并不是完美的，也絕對不是最后的一個設(shè)計語言。而扁平化設(shè)計所帶來的一個問題就是，這種設(shè)計語言會提供很多冗雜的功能，而這些復(fù)雜的功能足以達(dá)到你所能想象的范圍，而造成這一問題的癥結(jié)就在于——扁平化設(shè)計下沒有雜亂無章的余地，所能留下的只有各式各樣的功能。隨著扁平化設(shè)計的逐漸發(fā)展，能夠在設(shè)計語言中脫穎而出的元素的數(shù)量將愈加有限。扁平化的UI設(shè)計是美麗的同樣也是令人困惑的。
“未標(biāo)記的圖標(biāo)在截圖中的確很好看，但用戶真的明白這些圖標(biāo)分別是用來做什么的嗎？這種設(shè)計風(fēng)格真的能使產(chǎn)品變得更加易用嗎？真的不會反而導(dǎo)致產(chǎn)品更加難以理解嗎？首先，請設(shè)計師們先想想你的審美決定是否會導(dǎo)致產(chǎn)品本身更加難用吧?！?/p>
——Wells
這段話是2013年Wells Riley在關(guān)于“Dropbox使用了扁平化設(shè)計的UI，造成大規(guī)模用戶的混淆”的文章中所說的。不過，時至今日已有兩年過去了，我有把握去說，大多數(shù)用戶其實應(yīng)該已經(jīng)習(xí)慣了這種設(shè)計風(fēng)格。
相關(guān)文章：
滿屏的方塊和格子：為什么卡片式設(shè)計在App UI中如此流行？
當(dāng)平面設(shè)計法則失效，我們該怎么為VR做交互設(shè)計？
雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。
