這些超流行的7種網頁UI風格,簡直美炸了!

4 評論 4817 瀏覽 15 收藏 10 分鐘

編輯導語:一名產品設計師,往往需要對行業流行審美趨勢有所洞察,這將對產品設計創新有所助益。那么,你了解現在流行的幾種網頁UI風格嗎?本文作者就總結了七種今年最流行的設計表現形式,一起來看看吧。

對于設計師來說,時刻關注設計趨勢,了解行業風向,可以培養我們對趨勢的敏銳度,對市場行情的洞察。

最近,我搜羅全網設計,總結出了這7種出鏡率最高的版式風格,也是今年最流行的設計表現形式之一,希望能給你帶來啟發。

2021 最流行的7種網頁UI風格,簡直美炸了??!

看完這一波網頁UI類設計,再也不愁接下來該如何做設計創新了。

一、圖與線疊加

2021 最流行的7種網頁UI風格,簡直美炸了??!

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

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

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

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

二、純文字版式

2021 最流行的7種網頁UI風格,簡直美炸了??!

純文字版式在今年版式中出鏡率也是相當之高,包括深圳設計周官網也幾乎都是幾個大字排版。其實我們仔細思考,將文字放大處理,有點圖形化的意思。

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

上圖是典型的文字圖形化,將文字轉化成線性設計。

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

三、圖文混合

2021 最流行的7種網頁UI風格,簡直美炸了??!

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

2021 最流行的7種網頁UI風格,簡直美炸了??!

圖文混合設計,不光只是圖片與文字混合排版,還可以是圖標與文字、粗字體與細字體之間的混合穿插。

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

四、圓形版式

2021 最流行的7種網頁UI風格,簡直美炸了??!

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

2021 最流行的7種網頁UI風格,簡直美炸了??!

還可以將文字處理成圓形,與圓形圖相呼應。

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

五、文字輪廓化

2021 最流行的7種網頁UI風格,簡直美炸了??!

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

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

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

2021 最流行的7種網頁UI風格,簡直美炸了??!

六、玻璃質感

2021 最流行的7種網頁UI風格,簡直美炸了??!

玻璃質感設計趨勢,也是今年最火的設計風格之一。那么它在網頁出鏡率也是在下半年開始逐漸多了起來,也許是設計師發現這種質感細膩與折射光透露出的細節之美。

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

七、使用線條

2021 最流行的7種網頁UI風格,簡直美炸了??!

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

2021 最流行的7種網頁UI風格,簡直美炸了??!

線條在這里作用明顯,除了美學設計裝飾之外,它還用作信息層級區分。

2021 最流行的7種網頁UI風格,簡直美炸了??!

2021 最流行的7種網頁UI風格,簡直美炸了??!

好了,差不多到這里就結束了。7種風格,希望能給大家帶來一些新鮮的設計想法,在工作中將其運用進去。當然,在做設計提案版式、作品集包裝都是可以參考,希望大家不要被局限。

#專欄作家#

Tony,微信公眾號:功夫體驗設計,人人都是產品經理專欄作家。百度視覺體驗設計師,一直堅持原創文章,樂于幫助新人。擅長作品集指導、筆試題指導、UI視覺創意、設計趨勢風格等。

本文原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 將文字輪廓化設計處理,減輕了文字的視覺重量感,更像是將文字線條化設計處理。

    來自中國 回復
  2. 好看的ui設計是產品的門面擔當,感覺這篇文章里的設計用到工作如ppt制作等都很實用!

    來自廣東 回復
  3. 真的好好看,給設計師們提供個一個很好的經驗

    來自江西 回復
  4. 好看的ui設計真的太賞心悅目了,才能讓人有讀下去的動力

    來自江西 回復