扁平化設(shè)計
現(xiàn)如今的扁平化設(shè)計并不是單純的一種風(fēng)格,而是涵蓋了諸多常見風(fēng)格、具備多種不同目標(biāo)或任務(wù)的一個設(shè)計集合體。目前扁平化設(shè)計被廣泛應(yīng)用于數(shù)字設(shè)計領(lǐng)域,并且常常通簡約或者極簡的視覺表達方式結(jié)合起來運用,由于移動端設(shè)計風(fēng)格的演變歷程的原因,扁平化設(shè)計常常被視作為擬物化設(shè)計的對立面。扁平化設(shè)計在過去的幾年當(dāng)中經(jīng)歷了積極而快速的發(fā)展,目前正“入侵”著越來越多的平面設(shè)計領(lǐng)域。
今天的扁平化設(shè)計已經(jīng)成了網(wǎng)頁和UI設(shè)計中的主流設(shè)計方向,甚至可以說是我們?nèi)粘I钪胁豢苫蛉钡牟糠?,并且開始影響我們生活中的日常決策,并且具備解決各種問題的潛力。
扁平化設(shè)計的起源
扁平化設(shè)計的發(fā)展歷程當(dāng)然是有跡可循的,它的根源通常被追溯到名為“瑞士風(fēng)格”的一種裝飾設(shè)計風(fēng)格上。20世紀(jì)初的瑞士現(xiàn)代主義運動催生了這種設(shè)計風(fēng)格,隨著二戰(zhàn)結(jié)束,這種設(shè)計風(fēng)格開始在歐洲流傳開來,贏得了更多的擁簇。這次設(shè)計風(fēng)格的革命是由蘇黎世藝術(shù)與工藝學(xué)院的Josef Müller-Brockmann 和 巴塞爾設(shè)計學(xué)院的 Armin Hofmann 所領(lǐng)導(dǎo)的。
在Design is History 中,瑞典風(fēng)格是這樣被描述的:“……這種風(fēng)格強調(diào)簡約,可讀性和客觀性。這兩所設(shè)計院校為這種風(fēng)格貢獻了許多東西,包括非襯線字體,柵格和不對稱式的布局。這種設(shè)計風(fēng)格還強調(diào)使用排版和攝影來作為主要的視覺傳播手段,所以,瑞士風(fēng)格下最有影響力的作品通常都是以海報的形式呈現(xiàn)出來的,他們認(rèn)為這是最有效的溝通手段?!?/p>
這些海報已經(jīng)清晰的展現(xiàn)出,這種風(fēng)格的粉絲是有多么熱愛簡約的設(shè)計,線條方正、高可讀性的字體,以及多樣的幾何圖形和層次分明的視覺結(jié)構(gòu)。瑞士風(fēng)格,包括后來的包豪斯,隨后迅速在世界范圍內(nèi)得到了越來越廣泛的歡迎,并且在21世紀(jì)初獲得了新生。這就是今天所說的扁平化設(shè)計。
雖然這種風(fēng)格最初呈現(xiàn)的方式大多是海報、郵票、明信片、書籍裝禎設(shè)計,但是它的出現(xiàn),確實大大擴展了數(shù)字設(shè)計領(lǐng)域的視野,特別是在UI設(shè)計的領(lǐng)域。
扁平化和極簡主義設(shè)計讓網(wǎng)頁和移動端應(yīng)用擁有了可用性更強的設(shè)計解決方案,這樣的設(shè)計更加卓有成效。扁平化設(shè)計和之前所流行的細節(jié)豐富的擬物化設(shè)計不同,它對交互和功能的支持更加優(yōu)秀,讓設(shè)計擁有了更多的可能性。
最初走出扁平化設(shè)計這一步的是微軟,在08年的時候,微軟便開始從瑞士風(fēng)格、現(xiàn)代主義和包豪斯中汲取靈感,隨后在2010年推出了Windows Phone 7,它就是典型的扁平化設(shè)計。這個版本的操作系統(tǒng)中采用了大量的簡單的形狀,清晰的排版,明亮而對比明顯的色彩,復(fù)雜的細節(jié)和紋理都被移除了。三年之后所發(fā)布的iOS 7 中友好而直觀的UI設(shè)計和微軟雖然不盡相同,但是在設(shè)計理念上兩個系統(tǒng)互為印證,成為了扁平化設(shè)計在數(shù)字設(shè)計領(lǐng)域應(yīng)用的明證。
雖然此后的Material Design中陰影的運用,一定程度上偏離了扁平化設(shè)計的思想,但是總體上,它依然是扁平化設(shè)計思想的繼承者和發(fā)展者。
扁平化設(shè)計最基本、最突出的特征包括:
1、簡單的元素和形狀
2、極簡風(fēng)
3、強功能性
4、大膽而易讀的排版
5、清晰而嚴(yán)謹(jǐn)?shù)囊曈X層次
6、關(guān)注細節(jié)
7、明亮的色彩和對比度明顯的視覺感知
8、避免使用紋理、漸變和復(fù)雜的樣式
9、采用柵格、幾何特征以及視覺平衡的原則
扁平化設(shè)計的優(yōu)勢
扁平化設(shè)計的優(yōu)勢有很多,這也是它在數(shù)字設(shè)計領(lǐng)域流行的主要原因?,F(xiàn)如今,扁平化設(shè)計也開始逐步影響現(xiàn)代排版印刷設(shè)計了。那么扁平化設(shè)計的優(yōu)勢在那里呢?
1、可讀性和易讀性
2、通過形狀、色彩和字體來呈現(xiàn)清晰的視覺層次
3、有效的支持web和移動端的導(dǎo)航設(shè)計
4、自適應(yīng)性,適合響應(yīng)式設(shè)計
5、在各種屏幕上都具備良好的可讀性
6、對于開發(fā)更加友好,降低在設(shè)備上的負載