2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

2021-12-1    資深UI設(shè)計(jì)者

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

看完這一波網(wǎng)頁(yè) UI 類設(shè)計(jì),再也不愁接下來(lái)該如何做設(shè)計(jì)創(chuàng)新了。

圖與線疊加

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

這是今年出鏡率比較多的一種設(shè)計(jì)風(fēng)格,不管你是在 Dribbble 還是 Behance 上都能見到它的影子。這種風(fēng)格設(shè)計(jì)最大特點(diǎn):形式感、聚焦、簡(jiǎn)約而不簡(jiǎn)單。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

當(dāng)然還可以是將線圈與文字疊加圖片,有一種層疊縱深布局感受。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

又或者說(shuō)圖形只是作為裝飾作用。

純文字版式

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

純文字版式在今年版式中出鏡率也是相當(dāng)之高,包括深圳設(shè)計(jì)周官網(wǎng)也幾乎都是幾個(gè)大字排版。其實(shí)我們仔細(xì)思考,將文字放大處理,有點(diǎn)圖形化的意思。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

上圖是典型的文字圖形化,將文字轉(zhuǎn)化成線性設(shè)計(jì)。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

圖文混合

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

圖文混合設(shè)計(jì)風(fēng)格大膽、新穎,讓人眼前一亮。這種版式布局一般會(huì)出現(xiàn)在設(shè)計(jì)工作室網(wǎng)站居多一些,追求形式感與觀賞性。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

圖文混合設(shè)計(jì),不光只是圖片與文字混合排版,還可以是圖標(biāo)與文字、粗字體與細(xì)字體之間的混合穿插。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

圓形版式

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

圓形設(shè)計(jì)趨勢(shì)一直都存在,在網(wǎng)頁(yè)設(shè)計(jì)中出鏡率高也是毋庸置疑的事情。畢竟圓形本身自帶超強(qiáng)親和力、聚焦。設(shè)計(jì)用它可以解決很多枯燥的版式,讓畫面瞬間活了起來(lái)。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

還可以將文字處理成圓形,與圓形圖相呼應(yīng)。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

文字輪廓化

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

文字輪廓化版式今年出鏡率尤其之高,將文字輪廓化設(shè)計(jì)處理,減輕了文字的視覺重量感,更像是將文字線條化設(shè)計(jì)處理。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

文字輪廓化設(shè)計(jì)還可以用在背景,作為設(shè)計(jì)裝飾效果。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

玻璃質(zhì)感

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

玻璃質(zhì)感設(shè)計(jì)趨勢(shì),也是今年最火的設(shè)計(jì)風(fēng)格之一。那么它在網(wǎng)頁(yè)出鏡率也是在下半年開始逐漸多了起來(lái),也許是設(shè)計(jì)師發(fā)現(xiàn)這種質(zhì)感細(xì)膩與折射光透露出的細(xì)節(jié)之美。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

使用線條

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

線無(wú)疑是圖形里面運(yùn)用較多的,今年發(fā)現(xiàn)很多網(wǎng)頁(yè)中都加了線條作為版式裝飾,或者就是純線條版式設(shè)計(jì),讓人眼前一亮,原來(lái)還可以這樣玩。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

線條在這里作用明顯,除了美學(xué)設(shè)計(jì)裝飾之外,它還用作信息層級(jí)區(qū)分。

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格























































































































































































































































靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格


靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格

靈感不愁了!2021 出鏡率最高的 7 種網(wǎng)頁(yè) UI 風(fēng)格








文章來(lái)源:站酷 作者:功夫UX
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)




日歷

鏈接

個(gè)人資料

存檔