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