近年來的設(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)文檔祠挫,各類出版物等方面尤為常用那槽。”
“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