隨著國家改革開放的深入,我們越來越多的融入國際社會中,網(wǎng)站設(shè)計(jì)同樣也慢慢的融入國外的風(fēng)格。比如,今年特別流行的扁平化設(shè)計(jì)風(fēng)格,就非常具有代表性。網(wǎng)站扁平化設(shè)計(jì)風(fēng)格以獨(dú)有的簡潔明快的設(shè)計(jì)風(fēng),深受廣大設(shè)計(jì)師 及企業(yè)的歡迎。那么,扁平化設(shè)計(jì)風(fēng)格有什么特點(diǎn)呢?
了解扁平化設(shè)計(jì)風(fēng)格前,我們先了解下什么是扁平化設(shè)計(jì)?
扁平化設(shè)計(jì)的核心意義是:去除冗余、厚重和繁雜的裝飾效果。而具體表現(xiàn)在去掉了多余的透視、紋理、漸變以及能做出3D效果的元素,這樣可以讓“信息”本身重新作為核心被凸顯出來。同時在設(shè)計(jì)元素上,則強(qiáng)調(diào)了抽象、極簡和符號化。如果對扁平化概念有點(diǎn)模糊的話,這樣描述也許更容易理解:很多雜志和期刊其實(shí)就是扁平化的設(shè)計(jì),扁平化代表簡潔、實(shí)用,沒有過多的修飾,所以這幾年大眾越來越接受扁平化設(shè)計(jì)。
扁平化設(shè)計(jì)的特點(diǎn)是十分鮮明的,國外設(shè)計(jì)師CarrieCousins在網(wǎng)站上介紹了扁平化的五個特點(diǎn),下面看看扁平化設(shè)計(jì)(FlatDesign)的五個特點(diǎn):
特點(diǎn)一:拒絕特效
扁平化設(shè)計(jì)概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈俐落,沒有任何羽化、漸變或者陰影。這一設(shè)計(jì)趨勢極力避免任何擬物化設(shè)計(jì)的元素,這導(dǎo)致這一設(shè)計(jì)風(fēng)格在其它平臺有時候顯得突兀,前景圖片、按鈕、文本和導(dǎo)航欄與背景圖片格格不入,各成一派。
因?yàn)檫@種設(shè)計(jì)有著鮮明的視覺效果,它所使用的元素之間有清晰的層次和布局,這使得用戶能直觀的了解每個元素的作用以及交互方式。如今從網(wǎng)頁到手機(jī)應(yīng)用無不在使用扁平化的設(shè)計(jì)風(fēng)格,尤其在手機(jī)上,因?yàn)槠聊坏南拗?,使得這一風(fēng)格在用戶體驗(yàn)上更有優(yōu)勢,更少的按鈕和選項(xiàng)使得界面干凈整齊,使用起來格外簡單。
扁平化設(shè)計(jì)拒絕特效
特點(diǎn)二:界面元素
扁平化設(shè)計(jì)通常采用許多簡單的用戶界面元素,諸如按鈕或者圖標(biāo)之類。設(shè)計(jì)師們通常堅(jiān)持使用簡單的外形(矩形或者圓形),并且盡量突出外形,這些元素一律為直角(極少的一些為圓角)。這些用戶界面元素方便用戶點(diǎn)擊,這能極大的減少用戶學(xué)習(xí)新交互方式的成本,因?yàn)橛脩魬{經(jīng)驗(yàn)就能大概知道每個按鈕的作用。
此外,扁平化除了簡單的形狀之外,還包括大膽的配色。但是需要注意的是,扁平化設(shè)計(jì)不是說簡單的搞些形狀和顏色搭配起來就行,它和其他設(shè)計(jì)風(fēng)格一樣,是由許多的概念與方法組成的。
扁平化設(shè)計(jì)采用簡單的用戶界面,簡約而不簡單。
特點(diǎn)三:優(yōu)化排版
由于扁平化設(shè)計(jì)的使用特別簡單的元素,排版就成了很重要的一環(huán),排版好壞直接影響視覺效果,甚至可能間接影響用戶體驗(yàn)。
字體是排版中很重要的一部分,和其他元素相輔相成。想想看,一款花體字在扁平化的界面里得有多突兀。下圖是一些扁平化網(wǎng)站使用無襯線字體的例子。無襯線字體家族龐大分之眾多,其中有些字體會在特殊的情景下會有意想不到的效果。但注意,過猶不及,不要使用那些極為生僻的字體,因?yàn)楸2积R它就把你帶進(jìn)坑里了。
重要的事情說三遍?。?!
扁平化設(shè)計(jì)極其重視排版
扁平化設(shè)計(jì)極其重視排版
扁平化設(shè)計(jì)極其重視排版
特點(diǎn)四:慣用明亮配色
扁平化設(shè)計(jì)中,配色貌似是最重要的一環(huán),扁平化設(shè)計(jì)通常采用比其他風(fēng)格更明亮、炫麗的顏色。同時,扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。比如,其他設(shè)計(jì)最多只包含兩三種主要顏色,但是扁平化設(shè)計(jì)中會平均使用六到八種。
而且扁平化設(shè)計(jì)中,往往傾向于使用單色調(diào),尤其是純色,并且不做任何淡化或柔化處理(最受歡迎的顏色是純色和二次色)。另外還有一些顏色也挺受歡迎,如復(fù)古色(淺橙、紫色、綠色、藍(lán)色等)。
扁平化設(shè)計(jì)慣用明亮配色
扁平化設(shè)計(jì)的未來
沒有人有能夠預(yù)測未來的水晶球,所以我們幾乎可以說,扁平化設(shè)計(jì)最終也還是會消失的,會被別的設(shè)計(jì)風(fēng)格取代。但是設(shè)計(jì)師們會不斷的計(jì)劃和嘗試,并最終將它進(jìn)化到一個新的風(fēng)格。其實(shí)谷歌公司現(xiàn)在正在嘗試將它和傳統(tǒng)的RichDesign進(jìn)行結(jié)合,以充分發(fā)揮二者各自的特點(diǎn)??傊O(shè)計(jì)行業(yè)永遠(yuǎn)處于變化之中,扁平化設(shè)計(jì)絕不會是設(shè)計(jì)師心中永遠(yuǎn)的“寵兒”!
特點(diǎn)五:最簡方案
設(shè)計(jì)師要盡量簡化自己的設(shè)計(jì)方案,避免不必要的元素在設(shè)計(jì)中出現(xiàn)。簡單的顏色和字體就足夠了,如果你還想添加點(diǎn)什么,盡量選擇簡單的圖案。扁平化設(shè)計(jì)尤其對一些做零售的網(wǎng)站幫助巨大,它能很有效的把商品組織起來,以簡單但合理方式排列。
扁平化設(shè)計(jì)采用最簡方案
以上就是扁平化網(wǎng)站設(shè)計(jì)的五個特點(diǎn),在設(shè)計(jì)網(wǎng)站的過程中,遵循以上五點(diǎn),并結(jié)合實(shí)際情況去設(shè)計(jì)。
更多網(wǎng)站設(shè)計(jì)、廣州網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司等相關(guān)需求,歡迎您咨詢派點(diǎn)互動!