什么是扁平化設(shè)計?
扁平化設(shè)計(flat design)是指“零3D屬性的設(shè)計”,它僅是二維空間的一種表現(xiàn)形式,即使用單純的不加上任何三維效果的圖形進(jìn)行設(shè)計的風(fēng)格
如今,扁平化設(shè)計風(fēng)格也已成為近年來重要的設(shè)計趨勢,在過去的幾年當(dāng)中扁平化設(shè)計經(jīng)歷了快速的發(fā)展,不僅在數(shù)字設(shè)計領(lǐng)域大放光彩,也日益普及影響到越來越多的平面設(shè)計領(lǐng)域。
事實上,扁平化設(shè)計(flag
design)是相對于擬物化設(shè)計而言,它簡化了擬物化設(shè)計,指摒棄那些已經(jīng)流行多年的高光陰影、漸變、浮雕等視覺效果,通過抽象、簡化、符號化的設(shè)計來表現(xiàn)一種干凈整潔、扁平的呈現(xiàn)方式,讓整體界面的視覺效果變得更為統(tǒng)一干練。
最典型的案例是在2013年蘋果公司發(fā)布的iso7 的操作系統(tǒng)界面,其中大量的圖標(biāo)運(yùn)用扁平化設(shè)計風(fēng)格,改變了以往擬物化界面,簡單大氣。
什么是扁平化設(shè)計
扁平化的概念最核心的地方就是:去掉冗余的裝飾效果,意思是去掉多余的透視,紋理,漸變等等能做出3D效果的元素。讓“信息”本身重新作為核心被凸顯出來。并且在設(shè)計元素上強(qiáng)調(diào)抽象、極簡、符號化。
例如,Windows、Mac
OS、iOS、Android系統(tǒng)的設(shè)計已經(jīng)往扁平化設(shè)計發(fā)展。其設(shè)計語言有Material
Design、Metro
UI等。
扁平化尤其在手機(jī)上,更少的按鈕和選項使得界面干凈整齊,使用起來格外簡潔。可以更加簡單直接的將信息和事物的工作方式展示出來,減少認(rèn)知障礙的產(chǎn)生。
扁平化在移動系統(tǒng)上不僅界面美觀、簡潔,而且達(dá)到降低功耗,延長待機(jī)時間和提高運(yùn)算速度。例如,Android
5.0
用了扁平化效果,因此被稱為“最絢麗的安卓系統(tǒng)”。[1]
什么是扁平化設(shè)計
扁平化完全屬于二次元,這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影,透視,紋理,漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈利落,沒有任何羽化,漸變,或者陰影。尤其在手機(jī)上,更少的按鈕和選項使得界面干凈整齊,使用起來格外簡潔。可以更加簡單直接的將信息和事物的工作方式展示出來,減少認(rèn)知障礙的產(chǎn)生。
英文名為“flat design.”(扁平化設(shè)計),但圍繞著“flat design.”這個名字存在著諸多爭論。現(xiàn)在你所看到的這個名稱“flat design.”也不是被大家絕對地認(rèn)可。
不同的公司團(tuán)體都嘗試用過其他名稱,例如minimal design, honest design,而微軟公司甚至稱它作 “authentically digital”。
一、扁平風(fēng)格的一個優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來,減少認(rèn)知障礙的產(chǎn)生。
二、隨著網(wǎng)站和應(yīng)用程序在許多平臺涵蓋了越來越多不同的屏幕尺寸,創(chuàng)建多個屏幕尺寸和分辨率的skeuomorphic設(shè)計既繁瑣又費(fèi)時。設(shè)計正朝著更加扁平化的設(shè)計,你可以一次保證在所有的屏幕尺寸上它會很好看。扁平化設(shè)計更簡約,條理清晰,最重要的一點是,更好的適應(yīng)性。
在扁平化設(shè)計中目前最有力的典范是微軟的windows 8以及windows phone和windows RT的metro界面,不得不說Microsoft不愧為扁平化用戶體驗開拓者,如此大膽的嘗試與實現(xiàn),不得不讓人佩服。與扁平化設(shè)計相比,在目前也可以說之前最為流行的是skeuomorphic設(shè)計,最為典型的就是蘋果IOS系統(tǒng)中擬物化的設(shè)計,讓我們感覺到虛擬物與實物的接近程度,如今IOS7也已在向扁平化改變。
正如很多設(shè)計一樣,扁平化設(shè)計也有缺點,比如需要一定的學(xué)習(xí)成本,傳達(dá)的感情不豐富,甚至過于冰冷。
什么是扁平化設(shè)計
在實踐中,這個詞指的是平坦的設(shè)計是由那些誰已經(jīng)流行了多年漸變,陰影,高光等逼真的視覺效果被遺棄的,這樣就產(chǎn)生了一種看起來更“平”的接口。一個優(yōu)點是,它是平面樣式可以更直觀的信息,并顯示事情成功的方式,減少認(rèn)知障礙。與在許多平臺上的網(wǎng)站和應(yīng)用,涵蓋越來越多的不同的屏幕尺寸,創(chuàng)建多個屏幕大小和分辨率skeuomorphic設(shè)計既繁瑣又費(fèi)時。設(shè)計正朝著一個更加扁平化設(shè)計,可以保證一次對所有的屏幕尺寸會很好看。扁平設(shè)計較為簡單,清晰,而且最重要的一點是更好的適應(yīng)性。與扁平化設(shè)計相比較,可以說之前,在當(dāng)前最流行的是skeuomorphic設(shè)計,最典型的是物化蘋果IOS系統(tǒng)的設(shè)計,所以我們覺得虛擬和物理物體的接近程度。在該模型中的扁平設(shè)計,是目前國內(nèi)最強(qiáng)大的Win8的Metro界面,微軟不得不說的PC用戶體驗當(dāng)之無愧的先驅(qū),并實施這樣一個大膽的嘗試,不得不佩服。扁平設(shè)計案例平面設(shè)計界,我們發(fā)現(xiàn)Win8的Metro界面,使用一個完全平坦的設(shè)計,蘋果的IOS產(chǎn)品和系統(tǒng),我們看到一些平面設(shè)計的影子,谷歌在,我們也看到了準(zhǔn)平坦的設(shè)計模式,并在谷歌,我們經(jīng)驗是好的,但作為在Win8中的地鐵在評論中并沒有那么樂觀,所以不管什么樣的設(shè)計的一部分,美國的設(shè)計是合適的,我不能說這是比平板的設(shè)計更好,這種非 - 黑色和白色的理論不適合。但我敢說扁平化設(shè)計在建筑一個非常大的優(yōu)勢,網(wǎng)頁設(shè)計,只是說可以彌補(bǔ)多年批評兼容的,我喜歡的扁平設(shè)計。
扁平化設(shè)計的優(yōu)勢是什么?
1、扁平化設(shè)計的優(yōu)勢——排斥效應(yīng)
所有元素的邊界都是干凈的,沒有羽毛、漸變或陰影。這種設(shè)計趨勢試圖避免任何客觀的設(shè)計元素,導(dǎo)致設(shè)計風(fēng)格有時在其他平臺上顯得單調(diào)乏味,前景圖像、按鈕、文本和導(dǎo)航欄與背景圖像不一致。
由于平面設(shè)計的戲劇性視覺效果,使用的元素之間有一個清晰的層次和布局,讓用戶直觀的了解每個元素的作用和如何相互作用。如今,平面設(shè)計風(fēng)格被廣泛應(yīng)用于從網(wǎng)頁到移動應(yīng)用程序,特別是在移動電話上。由于屏幕的限制,這種風(fēng)格在用戶體驗方面更有優(yōu)勢。更少的按鈕和選項使界面干凈和易于使用。
2、扁平化設(shè)計的優(yōu)勢——界面元素
圖形設(shè)計通常使用許多簡單的用戶界面元素,如按鈕或圖標(biāo)。設(shè)計師通常堅持簡單的形狀(矩形或圓形),并試圖強(qiáng)調(diào)它們。所有的形狀都是直角(有些有圓角)。這些用戶界面元素是可點擊的,并且極大地降低了學(xué)習(xí)與用戶交互的新方法的成本,因為用戶可以從體驗中大致了解每個按鈕的作用。
除了簡單的形狀,扁平化還包括大膽的配色方案。然而,需要注意的是,圖形設(shè)計不僅僅是形狀和顏色的組合。與其他設(shè)計風(fēng)格一樣,它由許多概念和方法組成。
3、扁平化設(shè)計的優(yōu)勢——優(yōu)化布局
排版已經(jīng)成為設(shè)計中一個非常重要的部分,因為極其簡單的元素利用了平面設(shè)計的優(yōu)勢。排版直接影響視覺效果,甚至可能間接影響用戶體驗。
字體是排版的重要組成部分,也是對其他元素的補(bǔ)充。考慮一下平面界面中草書字符的草書效果。無襯線字體有一個大家庭,其中一些在特殊情況下非常有效。但是不要過度使用。不要用最暗的字體,因為它會給你帶來麻煩。
4、扁平化設(shè)計的優(yōu)勢——用鮮艷的顏色
在平面設(shè)計中,色彩搭配似乎是最重要的部分。平面設(shè)計通常使用比其他風(fēng)格更明亮和耀眼的顏色。平面設(shè)計也意味著更多的顏色。例如,其他設(shè)計最多包含兩到三種原色,而圖形設(shè)計平均使用六到八種顏色。
平面設(shè)計的優(yōu)點往往是使用單一色調(diào),尤其是純色,沒有任何稀釋或軟化。還有其他流行的顏色,比如復(fù)古色。
5、扁平化設(shè)計的優(yōu)勢——最簡單的解決方案
盡量簡化設(shè)計方案,避免不必要的元素。簡單的顏色和字體就足夠了。如果你想添加一些東西,試著選擇一個簡單的模式。圖形設(shè)計對于以簡單、邏輯的方式有效地組織和安排產(chǎn)品的零售網(wǎng)站特別有用。
以上便是關(guān)于扁平化設(shè)計的優(yōu)勢介紹了,希望它能幫助我們開拓,并確定屬于我們自己的設(shè)計風(fēng)格,這一點非常重要。如果您想了解更多關(guān)于ui設(shè)計的相關(guān)設(shè)計技巧及素材等,可以點擊本站其他文章進(jìn)行學(xué)習(xí)。
什么是扁平化設(shè)計?
在實際當(dāng)中,扁平化設(shè)計一詞所指的是拋棄那些已經(jīng)流行多年的漸變、陰影、高光等擬真視覺效果,從而打造出一種看上去更“平”的界面。扁平風(fēng)格的一個優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來,減少認(rèn)知障礙的產(chǎn)生。 隨著網(wǎng)站和應(yīng)用程序在許多平臺涵蓋了越來越多不同的屏幕尺寸,創(chuàng)建多個屏幕尺寸和分辨率的skeuomorphic設(shè)計既繁瑣又費(fèi)時。設(shè)計正朝著更加扁平化的設(shè)計,你可以一次保證在所有的屏幕尺寸上它會很好看。扁平化設(shè)計更簡約,條理清晰,最重要的一點是,更好的適應(yīng)性。 與扁平化設(shè)計相比,在目前也可以說之前最為流行的是skeuomorphic設(shè)計,最為典型的就是蘋果IOS系統(tǒng)中擬物化的設(shè)計,讓我們感覺到虛擬物與實物的接近程度。在扁平化設(shè)計中目前最有力的典范是Win8 metro界面,不得不說Microsoft不愧為PC用戶體驗開拓者,如此大膽的嘗試與實現(xiàn),不得不讓人佩服。 扁平化設(shè)計案例扁平化設(shè)計界線 我們發(fā)現(xiàn)在Win8 metro界面中,使用了完全的扁平化設(shè)計;在蘋果產(chǎn)品及IOS系統(tǒng)中,看到了部分扁平化設(shè)計影子,在Google中,我們也同樣看到了準(zhǔn)扁平化設(shè)計模式,并且在Google中我們體驗良好,而在Win8 metro中受到的評論并非這么樂觀,所以不管是屬于什么設(shè)計,設(shè)計的美在于是否適合,我不敢說扁平化設(shè)計就比誰好,這種非黑即白的理論并不適合。但我敢說扁平化設(shè)計在網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計中有非常大的優(yōu)勢,簡直說可以彌補(bǔ)長年的兼容詬病,我喜歡扁平化設(shè)計。