首頁(yè)技術(shù)文章正文

扁平化風(fēng)格作品在設(shè)計(jì)時(shí)有哪些要求?

更新時(shí)間:2023-04-17 來(lái)源:黑馬程序員 瀏覽量:

扁平化設(shè)計(jì)原則

針對(duì)扁平化設(shè)計(jì)可參考以下五大原則:

(1)視覺特效

扁平化設(shè)計(jì)僅僅采用二維元素,所有元素都不加修飾,從圖片框到按鈕,再到導(dǎo)航欄都干脆有力,規(guī)避羽化、陰影及3D等特效。

(2)僅使用簡(jiǎn)單的元素

扁平設(shè)計(jì)中使用到很多簡(jiǎn)單的UI元素,比如按鈕和圖標(biāo),設(shè)計(jì)師更常用矩形、圓形、方形等簡(jiǎn)單的形狀。UI元素應(yīng)該在保持可用性的前提下盡可能簡(jiǎn)單,保證應(yīng)用或網(wǎng)站直觀、易用,無(wú)須引導(dǎo)。

扁平化風(fēng)格設(shè)計(jì)原則

(4)關(guān)注色彩

色彩的使用對(duì)于扁平化設(shè)計(jì)來(lái)說非常重要。扁平化設(shè)計(jì)的色調(diào)通常更有活力、色彩更純,其主要、次要顏色通常都是非常大眾化的顏色,然后再配以幾種其他顏色。扁平化設(shè)計(jì)的另一個(gè)趨勢(shì)在于復(fù)古顏色的使用,在扁平化設(shè)計(jì)中淺澄色、紫色、綠色、藍(lán)色都極為流行。

扁平化風(fēng)格

(5)最簡(jiǎn)方案

設(shè)計(jì)師要盡量簡(jiǎn)化自己的設(shè)計(jì)方案,避免不必要的元素出現(xiàn)在設(shè)計(jì)中。簡(jiǎn)單的顏色和字體就足夠了。如果一定需要視覺元素,可通過添加簡(jiǎn)單的圖案來(lái)實(shí)現(xiàn)。

扁平化設(shè)計(jì)的發(fā)展趨勢(shì)

現(xiàn)今扁平化的設(shè)計(jì)正在成為新的趨勢(shì),越來(lái)越多的網(wǎng)站設(shè)計(jì)已在UI上走扁平式設(shè)計(jì)的路線。因?yàn)橥ㄟ^這種風(fēng)格可以讓設(shè)計(jì)更具有現(xiàn)代感,還可以強(qiáng)有力地突出設(shè)計(jì)中最重要的內(nèi)容和信息。

但是,任何事物都必須遵循產(chǎn)生、發(fā)展、衰敗、消亡的發(fā)展規(guī)律,只有不斷地推陳出新,才能生生不息。設(shè)計(jì)師會(huì)不斷地計(jì)劃和嘗試,并最終將它進(jìn)化到一個(gè)新的風(fēng)格—一微扁平設(shè)計(jì)風(fēng)格(也稱扁平化2.0)。

微扁平設(shè)計(jì)是指在符合扁平化的簡(jiǎn)潔美學(xué)的前提下,增加一些光影效果。例如,微陰影、幽靈按鈕、低調(diào)漸變等。

微陰影

通過增加的這些效果,就輕松地解決了扁平化交互不夠明顯、按鈕難以找到等問題,讓扁平變得簡(jiǎn)約而不簡(jiǎn)單。


分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!