近幾年,無論是移動端還是PC端,隨處可見扁平化設(shè)計、小清新風(fēng)格。扁平化就是去掉多余的透視,紋理,漸變等等能做出3D效果的元素。讓"信息"本身重新作為核心被凸顯出來。并且在設(shè)計元素上強(qiáng)調(diào)抽象、極簡、符號化。扁平化有人喜歡,有人不喜歡,雖然極簡、大氣,又突出信息本身,但是擬物化更接近現(xiàn)實,讓人一看就明白那是干啥用的,在我看來扁平化既有利又有弊。
要點提示
簡單的設(shè)計元素
扁平化完全屬于二次元世界,一個簡單的形狀加沒有景深的平面,不叫扁平化都浪費這個詞了。這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都干凈俐落,沒有任何羽化、漸變或者陰影。尤其在手機(jī)上,因為屏幕的限制,使得這一風(fēng)格在用戶體驗上更有優(yōu)勢,更少的按鈕和選項使得界面干凈整齊,使用起來格外簡單。
強(qiáng)調(diào)字體的使用
字體是排版中很重要的一部分,它需要和其他元素相輔相成,想想看,一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網(wǎng)站使用無襯線字體的例子,無襯線字體家族龐大分之眾多,其中有些字體會在特殊得情景下會有意想不到得效果。但注意,過猶不及,不要使用那些極為生僻的字體,因為保不齊它就把你帶進(jìn)坑里了。
關(guān)注色彩
扁平化設(shè)計中,配色貌似是最重要的一環(huán),扁平化設(shè)計通常采用比其他風(fēng)格更明亮更炫麗的顏色。同時,扁平化設(shè)計中的配色還意味著更多的色調(diào)。比如,其他設(shè)計最多只包含兩三種主要顏色,但是扁平化設(shè)計中會平均使用六到八種顏色。另外還有一些顏色也挺受歡迎,如復(fù)古色淺橙、紫色、綠色、藍(lán)色等。
補(bǔ)充:很多網(wǎng)頁設(shè)計有這樣一種趨勢,扁平與漸變的運(yùn)用,扁平不等于什么裝飾都沒有,在這個圖里有漸變,有投影,這些細(xì)節(jié)都盡量別忽略。如圖:
簡化的交互設(shè)計
設(shè)計師要盡量簡化自己的設(shè)計方案,避免不必要的元素出現(xiàn)在設(shè)計中。簡單的顏色和字體就足夠了,如果你還想添加點什么,盡量選擇簡單的圖案。扁平化設(shè)計尤其對一些做零售的網(wǎng)站幫助巨大,它能很有效的把商品組織起來,以簡單但合理方式排列。
偽扁平化設(shè)計
不要以為扁平化只是把立體的設(shè)計效果壓扁,事實上,扁平化設(shè)計更是功能上的簡化于與重組。比如,有些天氣方面的應(yīng)用會使用溫度計的形式來展示氣溫,或者計算應(yīng)用仍用計算器的二維形態(tài)表現(xiàn)。在應(yīng)用軟件當(dāng)中,溫度計的形象則純粹是裝飾性的,而計算器的計算方式也并不是最簡單直接的。相比于擬物化而言,扁平風(fēng)格的一個優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來。
溫馨提示
關(guān)于扁平化設(shè)計,最錯誤的理念便是:扁平化設(shè)計意味著視覺風(fēng)格的扁平。字體、圖像、圖標(biāo)一律都要扁平嗎?全面扁平化、全面擬物化是不可取的,真要是這樣,設(shè)計連一點可操作性都沒有,還要設(shè)計師干嘛?
扁平化設(shè)計是一種融合視覺與理念的設(shè)計風(fēng)格,不能從字面意義上理解這種風(fēng)格。很多網(wǎng)站明白這個道理,將扁平化提煉至純粹,采用適合他們網(wǎng)站風(fēng)格的扁平化元素。
視覺上可以部分使用扁平化風(fēng)格,但是組織形式和主題表達(dá)上卻不必拘泥形式。如果一味的盲目跟風(fēng),兼容性、可發(fā)揮的地方必然有限。
例如,如果你的網(wǎng)頁用來販賣產(chǎn)品,那么你的設(shè)計中必須要包含產(chǎn)品圖像。顯而易見,產(chǎn)品圖像不是扁平化的,會給頁面增添一種深度感。但是我們可以在其他地方使用扁平化元素。
這就說明了:扁平化設(shè)計有的地方能夠提高你的視覺表現(xiàn),達(dá)成設(shè)計目標(biāo)。有的地方不能。靈活使用,才能走的更遠(yuǎn)。
我們做的是設(shè)計,而不是扁平化設(shè)計。