編輯導(dǎo)語：一名產(chǎn)品設(shè)計師，往往需要對行業(yè)流行審美趨勢有所洞察，這將對產(chǎn)品設(shè)計創(chuàng)新有所助益。那么，你了解現(xiàn)在流行的幾種網(wǎng)頁UI風(fēng)格嗎？本文作者就總結(jié)了七種今年最流行的設(shè)計表現(xiàn)形式，一起來看看吧。

對于設(shè)計師來說，時刻關(guān)注設(shè)計趨勢，了解行業(yè)風(fēng)向，可以培養(yǎng)我們對趨勢的敏銳度，對市場行情的洞察。

最近，我搜羅全網(wǎng)設(shè)計，總結(jié)出了這7種出鏡率最高的版式風(fēng)格，也是今年最流行的設(shè)計表現(xiàn)形式之一，希望能給你帶來啟發(fā)。

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

一、圖與線疊加

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

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

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

二、純文字版式

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

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

三、圖文混合

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

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

四、圓形版式

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

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

五、文字輪廓化

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

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

六、玻璃質(zhì)感

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

七、使用線條

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

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

好了，差不多到這里就結(jié)束了。7種風(fēng)格，希望能給大家?guī)硪恍┬迈r的設(shè)計想法，在工作中將其運(yùn)用進(jìn)去。當(dāng)然，在做設(shè)計提案版式、作品集包裝都是可以參考，希望大家不要被局限。

#專欄作家#

Tony，微信公眾號：功夫體驗設(shè)計，人人都是產(chǎn)品經(jīng)理專欄作家。百度視覺體驗設(shè)計師，一直堅持原創(chuàng)文章，樂于幫助新人。擅長作品集指導(dǎo)、筆試題指導(dǎo)、UI視覺創(chuàng)意、設(shè)計趨勢風(fēng)格等。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議