看看出鏡率最高的 7 種網(wǎng)頁 UI 風(fēng)格
發(fā)布時間:2021-12-16 10:40 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 1410

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

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


圖與線疊加


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

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

靈感不愁了!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è)計周官網(wǎng)也幾乎都是幾個大字排版。其實我們仔細(xì)思考,將文字放大處理,有點圖形化的意思。

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

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

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

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

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


圖文混合


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

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

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

圖文混合設(shè)計,不光只是圖片與文字混合排版,還可以是圖標(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è)計趨勢一直都存在,在網(wǎng)頁設(shè)計中出鏡率高也是毋庸置疑的事情。畢竟圓形本身自帶超強親和力、聚焦。設(shè)計用它可以解決很多枯燥的版式,讓畫面瞬間活了起來。

靈感不愁了!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è)計處理,減輕了文字的視覺重量感,更像是將文字線條化設(shè)計處理。

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

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

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

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

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


玻璃質(zhì)感


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

玻璃質(zhì)感設(shè)計趨勢,也是今年最火的設(shè)計風(fēng)格之一。那么它在網(wǎng)頁出鏡率也是在下半年開始逐漸多了起來,也許是設(shè)計師發(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)格

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

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

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

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

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

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

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

零基礎(chǔ)教你做UI
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC