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

 

#1.圖與線疊加

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

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

#2.純文字版式

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

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

#3.圖文混合

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

#4.圓形版式

#5.文字輪廓化

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

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

#6.玻璃質(zhì)感

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

#7.使用線條

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

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

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

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

 

原文地址： 功夫UX（公眾號）

作者： 功夫UX

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》2021 最流行的7種網(wǎng)頁UI風(fēng)格，簡直美炸了！！

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.wtxcl.cn )是一家專注而深入的界面設(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ù)