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