【編者按】本文編譯自thenextweb,原文作者 BENJAMIN BRANDALL
「快來幫我看看怎麼操作,我的筆記型電腦運行的是 Windows 8 系統…」
和許多人一樣,我討厭這個操作系統。我認為這是繼 Vista 屍骨未寒之後微軟所出的第二個爛系統。
如果我沒有去真正實際去使用這個系統而只是遠遠觀看的話,我也許能有那麼一秒鐘,體會到微軟的確做了一個很大膽的設計決策,而這個決定可能也終會被認為是具有積極影響的變動。

微軟的 Metro 設計語言是扁平化設計語言的實例之一,它最早出現的形式可能就是在:一個除了在我的學校就讀的一個孩子以外,沒人想要去買的糟糕的 MP3 播放器——短命的 Zune 上。
六年後,微軟推出了 Windows 8 系統,該系統所用的設計語言和 Zune 是相同的,但因為肯定不是只有五個人看到了這個系統,所以它和 Zune 相比有著大得多的影響力。
雖然我不知道蘋果到底對微軟的產品到底是有多麼的痴迷,但是看起來微軟似乎成功抓住了蘋果的 G 點——在 Windows 8 出現之後,iOS 7 也緊隨其後拋棄了此前在軟體界面設計中使用的模仿實物紋理(skeuomorphism)設計風格。ios 已經不復賈伯斯在世時的樣子了。

在 iOS 7 裡,你看不到皮革裝訂著的書,也看不到斜面按鈕,甚至是下拉陰影的痕跡了。在幾個月的時間裡,世界兩大軟體開發商開始在全世界推廣這種設計風格,這種設計風格也被稱為扁平化設計。
微軟帶來了全球矚目的設計風格,然後看著每一名設計師把它優化得更具美感,扁平化設計就這麼火了起來。
- 扁平化設計是一種現代主義:只提供純粹的功能
我住在一個「粗野主義」( 粗野主義又稱蠻橫主義或粗獷主義, 是建築流派的一種, 可歸入現代主義建築流派當中,由功能主義發展而來)的公寓裡,這是一棟前蘇聯時代的普通混凝土搭建而成的公寓,設計的原則是,要能夠在盡可能小的空間裡住進盡可能多的人。
現代主義流行於 20 世紀 20 年代,極為強調實用性,剝離出一切不必要的功能和設計。

現代主義設計只提供純粹的功能。而這或許也算是對倫敦一些地區,仍然存在著的宏偉的維多利亞式莊園中,皇后和天使的鍍金框畫像的一種無聲的抗議吧。
現代主義設計流派這種把功能減少到只能維持基本生活的方式,和如今所流行的扁平化設計的舉措十分類似。現代的建築設計的靈感源於像馬克思這樣的思想家,這種設計沒有那麼多複雜的藝術,這種設計也在向世界表明,奢侈品並不總是等於良好的設計。
- 早在 20 世紀 40 年代,扁平化設計理念就已經出現了
現代主義的設計原則是由蒙德里安在 20 世紀 40 年代的「極簡主義」演化而成的,這也是我在 Windows 8 剛剛推出之時很喜歡這個設計風格的原因。而現在,每當我看到他的作品時我都希望這些大小不一的矩形能夠笨拙地開始不均勻的不停旋轉…


- 源於瑞士平面設計風格
色彩鮮明的幾何形狀、無襯線的字體和深淺不一的陰影或景深。看起來是不是很眼熟?如果瑞士平面設計風格(Swiss style)的創始人都在 2012 年開始開設自己的 SaaS 公司的話,他們也能夠借勢火起來。

Helvetica 字體,由 Max Miedinger 和 Eduard Hoffmann 在 1957 年開創,是最流行的無襯線字體中的一種。它變得如此受歡迎的原因就在於 20 世紀 20 年代人們開始朝現代化轉變的這一契機,而這也同樣是今天扁平式設計能夠如此火的原因所在。
不管怎樣,黑體是永恆的經典。即使是在小尺寸的螢幕上也很容易閱讀信息。這使得它非常適合像上圖這樣的海報。它沒有多餘的裝飾,這意味著它非常適用於極簡主義。不像劇本和 serif 字體,Helvetica 字體不會導致字體邊緣出現不必要的彎曲,輕撇或是波浪。
瑞士平面設計風格的流行潮流正在愈演愈烈,而這也正在引發從列印界到數位界的行業變革。
- 拋棄「模仿生活」的設計風格
正如我此前所發的一篇關於「用戶的註冊過程」的相關文章所言,對於軟體設計人員而言,想要使用戶能夠平滑地過渡到一個新的技術上可能是很艱難的。當第一個圖形用戶界面(GUI)出來後,他們所映射出來的是擬真的桌面佈局,圖標代表它們的物理當量(文件夾、剪貼板、計算器、垃圾桶等)。

蘋果此前一直在保持這個設計思路,保持了相當長的一段時間。
從 iCal 中的碎紙邊緣那上漆了的木製貨架上擺滿的圖書就可見一斑。賈伯斯的設計原則中就曾指出,如果想要讓某個東西變得更加易於使用,那麼它就必須要使用戶看起來很熟悉。隨著時間的推移,蘋果的用戶界面變得愈加明亮。每個圖標都經過了細心的加工,更複雜的下拉陰影和更完美的景深梯度使得圖標變得更具質感。
大約在同一時間,微軟在其所推出的 Vista 操作系統上使用了令人頭疼的 Aero 設計,試圖用以超越蘋果的設計語言。幸好,這可怕的設計並沒有持續多久就被替換掉了。
在 2006 年至 2012 年間,蘋果和微軟展開了一場關於設計的戰爭——看看誰能夠讓自己的用戶界面看起來更加臃腫。
這場戰爭在 2012 年 10 月結束了,蘋果和微軟牽手成功,雙雙奔向了扁平化設計。
- Windows 8 只學到了皮毛
微軟在 2012 年推出的 Windows 8 中使用了其全新的扁平化界面,包括我自己在內的很多人看了以後都凌亂了。

當我需要使用附加功能的時候側邊欄出現了,但令人費解的是,同時,用於顯示時間和日期的矩形也隨之出現了。用戶進入 Metro 界面後就會被永久全螢幕化,如果想使用應用就要再返回到之前的桌面上。微軟在 Internet Explorer 上所做的最後一次掙扎也被證明是失敗的——用戶用它來做的唯一一件事情就是下載 Chrome 或 Firefox 瀏覽器。
蘋果用它嫻熟的雙手做了所有高科技公司都會做的事情:拿走了微軟的點子並實際用於他們的設計之中。
在扁平化設計這個稱謂出現之前,Windows 8 中所出現的設計語言被稱為 Metro 設計語言。只有當 iOS 7 出現之後,人們才開始用扁平化設計來稱呼這種設計語言。

十分有趣的一個現像是:當它與 Windows 8 相掛鉤時,沒有人想使用它。而當蘋果的光環照耀之後,扁平化設計卻得到了救贖,擺脫了 Zune 播放器的悲慘命運。
- 下一個設計語言會是什麼?
根據 Wells Riley 的表述,設計無非是解決問題的一種形式。扁平化設計並不是完美的,也絕對不是最後的一個設計語言。而扁平化設計所帶來的一個問題就是,這種設計語言會提供很多冗雜的功能,而這些複雜的功能足以達到你所能想像的範圍,而造成這一問題的癥結就在於——扁平化設計下沒有雜亂無章的餘地,所能留下的只有各式各樣的功能。
隨著扁平化設計的逐漸發展,能夠在設計語言中脫穎而出的元素的數量將愈加有限。扁平化的 UI 設計是美麗的同樣也是令人困惑的。
「未標記的圖標在截圖中的確很好看,但用戶真的明白這些圖標分別是用來做什麼的嗎?這種設計風格真的能使產品變得更加易用嗎?真的不會反而導致產品更加難以理解嗎?首先,請設計師們先想想你的審美決定是否會導致產品本身更加難用吧。」
——Wells
這段話是 2013 年 Wells Riley 在關於「Dropbox使用了扁平化設計的 UI,造成大規模用戶的混淆」的文章中所說的。不過,時至今日已有兩年過去了,我有把握去說,大多數用戶其實應該已經習慣了這種設計風格。
(本文轉載自合作夥伴《雷鋒網》;未經授權,不得轉載)



