cookieOptions = {...}; ‧ 扁平化設計的前世今生 - 3S Market「全球智慧科技應用」市場資訊網

3S MARKET

3S MARKET
2014年4月7日 星期一

來源:騰訊科技 冰塵

如今一提到網站設計,就會不可避免地碰到“扁平化設計”(flat design)這個詞。近幾年扁平化設計趨勢風生水起,也受到很多大公司的青睞。



但扁平化設計來源是哪裡?為什麼它風靡網站設計?在設計中,我們只有知道一種風格和技術的來源以及它背後的歷史,我們在使用這種美學風格時才能更加得心應手。下面讓我們追根溯源,瞭解扁平化設計的前世今生。

究竟什麼是扁平化設計
對於沒接觸過的人來說,“扁平化設計”是一種設計風格術語,它拋棄任何能使得作品突顯3D效果的特性。通俗地說,設計中不使用透視、紋理、陰影等效果。

設計師們如今似乎正朝扁平化風格傾斜,因為這種風格乾淨利索,現代氣息濃郁,而且能讓設計師專注最重要的內容和資訊要素。這樣設計出來的作品不容易過時,而且看起來簡潔、高效。

談到扁平化設計,我們不得不提及它的對立面:複合設計(Rich design)。這種設計方法使用盡可能多的效果元素,如反射、投影和紋理變化等等。它帶給用戶一種觸覺感知,在使用應用或流覽網頁時也很實用。

值得注意的是,複合設計不是擬物化設計(Skeuomorphism)。擬物化設計是使作品更接近實際的物體,故意讓他們看起來有種很熟悉的感覺。

扁平化設計源自何處
我們在網站或數字世界裡看到的設計項目大多源自印刷出版物和美學先驅。我們現在很難精確界定扁平化設計的起源時間及地點,不過有幾個藝術設計時期是扁平化設計靈感的來源。

瑞士風格(Swiss Style

在扁平化設計的發展歷程中,瑞士風格(也叫國際主義平面設計風格)值得一提。瑞士風格源自瑞士,在20世紀四五十年代發展為主流。

瑞士風格注重網格以及無襯線字體的使用,層次分明。在那個年代,瑞士風格通常是一張很大的圖片,配上簡潔、極小的字體。

由於印刷字體樣式是瑞士風格的重要元素,廣受喜愛的Helvetica字體於1957年應運而生,並得到廣泛使用。

就像扁平化風格在流行之前沉寂過一段時間一樣,瑞士風格設計最早可追溯到20世紀20年代的德國。但瑞士人真正使得它發揚光大。

極簡設計(Minimalist Design

另一個對扁平化設計有深遠影響的是極簡設計。“極簡”這個詞現在經常和扁平化設計捆綁出現,但極簡的歷史更長,而且涉及建築、視覺藝術多個領域,遠早於網路出現之前。

雖然極簡設計的歷史很長、覆蓋的媒介很多,但它真正產生藝術魅力的地方還是視覺藝術表達領域。所謂極簡就是移除事物多種元素,只留下必要的成分。幾何圖形、少數的元素、明亮的色彩和乾淨的線條主導多數極簡風格設計。

可以說瑞士風格和極簡設計共同成就了扁平化設計。

扁平化設計在數位世界裡的興起
歷史不斷重演,這一點也適用於當前的扁平化設計趨勢。由上可見,扁平化設計可追溯到20世紀20年代,並一直影響到現在。雖然很多設計師在設計網站和其他藝術品時都青睞扁平化設計,但真正將它推向主流的還是微軟蘋果等科技巨頭。

微軟和它的Metro Design
2006年末,微軟為了和蘋果的iPod播放機競爭,推出了Zune音樂播放機。從那時起,微軟也提出一種名為Metro的設計風格。這種風格突出字大號的圖片及小寫字母功能表。Zune的桌面軟體也配合Zune採用相同的設計,創造一種完整的用戶體驗。

Zune系統的設計風格跟當時微軟傳統的Windows風格有很大的不同。當2010年推出Windows Phone 7系統時,微軟利用從Zune設計中積累的經驗,改良了新版作業系統Windows Phone 7的設計,大號、明亮、網格形狀、簡潔的自已和扁平的圖示主宰了全部風格,由此Metro風格流傳開來。它是如此的流行,以至於微軟還把它應用在了之後的Windows 8,更別提其他的軟體、當前的網站及其他產品(如:Xbox360)等等。

蘋果和它的擬物化設計

當微軟研究它的扁平化風格設計時,蘋果也不甘示弱。它不斷暗示將放棄擬物化的使用。2013iOS7發佈後,蘋果徹底放棄擬物化設計。

由於蘋果用戶人數較多,iOS7的發佈使得扁平化設計一夜爆紅。不得不承認,蘋果的設計美學是大部分網站和應用程式的設計風向標。很多設計師認為蘋果的設計更加現代、更吸引人。因此,當蘋果選擇扁平化的風格時,擬物化設計幾乎瞬間過時。使用這種風格設計的網站和開發者很快發現他們需要重新設計。

這一點從iOS7中更新的應用中就可以看出來,他們都追隨了扁平化的風格,也逐漸被用戶所熟悉和接受。

回應性設計(Responsive Design
近幾年扁平化設計之所以如此流行,和回應性設計的發展密不可分。隨著越來越多的設備接入網站,加之各種設備螢幕大小、流覽器的限制,設計師們發現,當他們的設計風格過分依賴紋理、投影時,如果畫面收縮為更小的尺寸,效果不是很理想。

扁平化設計能讓網站設計更加高效。由於沒有太多的設計項目,網站載入速度更快、收縮彈性更強。

另外,設備螢幕的解析度越來越高,所以需要顯示更加簡潔明快的圖案。顯示簡單的圖形和字體總比為不同的螢幕設計不用的圖案方便得多。

扁平化設計的未來
我們都沒有水晶球,無法準確預知扁平化設計最終走向什麼軌跡,又將被什麼樣的設計所取代。

但是扁平化設計在數字世界的確有幾個顯而易見的缺點(比如去除了必要的線索要素,你無法分辨一個按鈕是否被點擊)。隨著設計師們不斷的實驗、測試和學習,扁平化設計最終將演變成一種新的風格。

我們目前可以發現的線索之一就是當前的設計。雖然谷歌的設計也有扁平化設計的痕跡,但它並未移除投影等元素,而且它依然以巧妙的方式運用紋理。這家公司似乎很好地平衡了扁平化設計與複合設計的優勢。


總的來說,扁平化設計正得到快速發展。它只是印刷出版美學在當今數字世界的一次重現。

                                                                                                                                                                                                                            

0 comments: