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