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

2021-10-9    資深UI設(shè)計(jì)者

雖然說 2021 已經(jīng)快到 10 月份,但我最近我還是花了點(diǎn)時(shí)間,搜羅全網(wǎng)設(shè)計(jì),總結(jié)出了這 7 種出鏡率最高的版式風(fēng)格,也是今年最流行的設(shè)計(jì)表現(xiàn)形式之一。

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

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

圖與線疊加

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

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

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

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

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

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

又或者說圖形只是作為裝飾作用。

純文字版式

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

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

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

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

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

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

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

圖文混合

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

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

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

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

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

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

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

圓形版式

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

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

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

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

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

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

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

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

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

文字輪廓化

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

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

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

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

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

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

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

玻璃質(zhì)感

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

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

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

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

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

使用線條

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

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

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

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

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

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

好了,差不多到這里就結(jié)束了。7 種風(fēng)格,希望能給大家?guī)硪恍┬迈r的設(shè)計(jì)想法,在工作中將其運(yùn)用進(jìn)去。

當(dāng)然,在做設(shè)計(jì)提案版式、作品集包裝都是可以參考,希望大家不要被局限。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼ben_lanlan,報(bào)下信息,會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

文章來源:優(yōu)設(shè)  作者:功夫UX

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)人資料

存檔