扁平化設(shè)計是否已經(jīng)失寵醉途?10個案例告訴你答案

近年來的設(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


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市写隶,隨后出現(xiàn)的幾起案子倔撞,更是在濱河造成了極大的恐慌,老刑警劉巖慕趴,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件痪蝇,死亡現(xiàn)場離奇詭異鄙陡,居然都是意外死亡,警方通過查閱死者的電腦和手機躏啰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門趁矾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人给僵,你說我怎么就攤上這事毫捣。” “怎么了想际?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵培漏,是天一觀的道長。 經(jīng)常有香客問我胡本,道長牌柄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任侧甫,我火速辦了婚禮珊佣,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘披粟。我一直安慰自己咒锻,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布守屉。 她就那樣靜靜地躺著惑艇,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拇泛。 梳的紋絲不亂的頭發(fā)上滨巴,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機與錄音俺叭,去河邊找鬼恭取。 笑死,一個胖子當(dāng)著我的面吹牛熄守,可吹牛的內(nèi)容都是我干的蜈垮。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼裕照,長吁一口氣:“原來是場噩夢啊……” “哼攒发!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起晋南,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤晨继,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后搬俊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體紊扬,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡蜒茄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了餐屎。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片檀葛。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖腹缩,靈堂內(nèi)的尸體忽然破棺而出屿聋,到底是詐尸還是另有隱情,我是刑警寧澤藏鹊,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布润讥,位于F島的核電站,受9級特大地震影響盘寡,放射性物質(zhì)發(fā)生泄漏楚殿。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一竿痰、第九天 我趴在偏房一處隱蔽的房頂上張望脆粥。 院中可真熱鬧,春花似錦影涉、人聲如沸变隔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽匣缘。三九已至,卻和暖如春鲜棠,著一層夾襖步出監(jiān)牢的瞬間肌厨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工岔留, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留夏哭,地道東北人检柬。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓献联,卻偏偏與公主長得像,于是被迫代替她去往敵國和親何址。 傳聞我的和親對象是個殘疾皇子里逆,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容