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