近年來的設計風格一直在變化,設計師們在這方面的喜好和傾向性以及網頁設計趨勢方面的話題一直爭論不休。例如,Flat design vs. Material design這對歡喜冤家。但是我們今天不做比較,他們之間的恩怨讓設計師自己解決吧。今天的主題是給大家介紹一些優秀的扁平化設計的案例。
在學習扁平化設計案例之前,我們先給大家科普一下什么是扁平化設計。根據維基百科權威解釋:“扁平化設計是一種簡約的UI設計理念,現被廣泛應用于圖形用戶界面上(例如網絡應用程序和手機應用程序),在圖形材料,例如海報,藝術作品,指導文檔,各類出版物等方面尤為常用。”
“Flat Design”為“扁平化設計”的英文名,這個概念在2008年由Google提出。但圍繞“Flat Design”這個名字則存在著諸多爭議,現在你所看到的這個名稱“Flat Design”也并未被大家所完全認可。扁平化設計起初是受到了國際印刷風格新興風格的影響。上世紀50、60年代的設計風格被認為是扁平化設計的開山鼻祖,但到后來的數碼時代卻又銷聲匿跡了。
2002年,美國微軟公司發布的Windows媒體中心和2006年發布的Zune MP3播放器都包含了扁平化設計的元素。Zune的界面設計風格顯得十分簡約,其界面出現了大號的小字體排版,剪影風格的LOGO和純色風格的字體顏色。之后在2010年發布的Windows Phone 7里,微軟延續了Zune MP3這一設計理念,其中出現了大尺寸、清新明亮的風格、無襯線字體、扁平化的圖標,以及網格狀的菜單。Windows Phone 7的界面設計大獲成功、廣受好評。2013年美國蘋果公司發布了iOS 7,其界面首次采用扁平化的設計,一改之前舊版本的仿真設計風格。
關于扁平化設計的優劣,設計師們各執一詞。
優點:
1. 降低移動設備的硬件需求,延長待機時間;
2. 可以更加簡單直接的將信息和事物的工作方式展示出來,減少認知障礙的產生;
3. 隨著網站和應用程序在許多平臺涵蓋了越來越多不同的屏幕尺寸,創建多個屏幕尺寸和分辨率的skeuomorphic設計既繁瑣又費時。設計正朝著更加扁平化的設計,你可以一次保證在所有的屏幕尺寸上它會很好看。扁平化設計更簡約,條理清晰,最重要的一點是,更好的適應性。
缺點:
扁平化反對者認為:
1. 降低用戶體驗,在非移動設備上令人反感;
2. 缺乏直觀,需要一定的學習成本;
3. 傳達的感情不豐富,甚至過于冰冷。
生活中處處可見扁平化設計作品,比如蘋果手機,采用棱角分明的線條,加上蘋果的部分應用設計界面,單色鮮明的對比,非常漂亮。這里Mockplus的小編給大家精選了一些國外的非常棒的扁平化設計的案例,大家可以臨摹學習。
Space Needle
Stach Icons
Fitbit
Geckboard
Mailchimp
Wistia
Chilicon Graphic
Numbrs
Standbuy
Triplagent