2021年可以嘗試的8種UI設(shè)計(jì)風(fēng)格

2021年也過了將近一半了,在年初也有很多文章寫關(guān)于2021年的設(shè)計(jì)趨勢(shì)。由于工作需要,加上自己也很喜歡利用上班摸魚時(shí)間瞎逛國(guó)內(nèi)外設(shè)計(jì)網(wǎng)站(站酷、UI中國(guó)、Dribbble、Behance、Pinterrest等)找找設(shè)計(jì)靈感,發(fā)現(xiàn)比較常見的有以下8種風(fēng)格:

  1. 玻璃擬物化 Glassmorphism
  2. 幾何圖形的組合 Geometric structure
  3. 彩色且模糊背景 Blurred, colorful backgrounds
  4. 3D插圖 3D Illustrations
  5. 野蠻主義 Brutalism
  6. 大且精致的字體 Big, sophisticated typography
  7. 真實(shí)的照片 Realistic imagery
  8. 極簡(jiǎn)主義 Gorgeous minimalism

玻璃擬物化 Glassmorphism

我喜歡叫毛玻璃效果,聽起來沒有那么高大上,不過感覺還蠻貼切的。這個(gè)風(fēng)格從年初開始流行,現(xiàn)在瀏覽設(shè)計(jì)類網(wǎng)站很容易就發(fā)現(xiàn)該風(fēng)格,此風(fēng)格整體看起來通透,有層次感,淺色給人很舒適的感覺,深色又能給人很高級(jí)感。

這里推薦一段小工具,鼠標(biāo)拖動(dòng)調(diào)整幾個(gè)數(shù)值就可以生成毛玻璃效果,通過直接復(fù)制CSS代碼直接應(yīng)用,非常方便。大家可以去嘗試一下:https://glassmorphism.com/

image

by Miko?aj Ga??ziowski ??

image

by Brightlab

image

by Dmitry Litvinenko

image

by Farrel Putra ??

image

by RH Agency

image

by Andrey Perevoznik

幾何圖形的組合 Geometric structure

此趨勢(shì)感覺已經(jīng)出現(xiàn)很久了,以前在平面海報(bào)相關(guān)的設(shè)計(jì)上面見到的比較多,現(xiàn)在也流行應(yīng)用到UI設(shè)計(jì)上。此風(fēng)格主要是通過基本的單個(gè)形狀圖形,來進(jìn)行組合排/列出,創(chuàng)造出更復(fù)雜的圖形,風(fēng)格整潔且具有沖擊力。

image

by Tran Mau Tri Tam ?

image

by Tran Mau Tri Tam ?

image

by Gavrisov Dmitri

image

by Tran Mau Tri Tam ?

image

by Tanya Tsiguleva

image

by Rafal Cyrnek

彩色且模糊背景 Blurred, colorful backgrounds

顏色與顏色間的融合過度更真實(shí),給人感覺也更柔和、舒服,在顏色的選擇上大部分是輕柔、亮度較高的顏色,讓用戶的視線更關(guān)注到主體上面。

image
by habitat

image

by ESKOR Werbeagentur

image

by Elise

image

by Heydar

image

by Kevin Al-Rizal

image

by Evren Kar??t

3D插圖 3D Illustrations

此風(fēng)格大家應(yīng)該十分的熟悉,覺得可以拆分為3D、插圖兩種風(fēng)格也是說的過去的,插圖在設(shè)計(jì)的運(yùn)用是十分的廣泛的,而近幾年由于3D 軟件的普及、技術(shù)進(jìn)步和上手容易等原因,3D在UI設(shè)計(jì)方面也應(yīng)用的越來越廣,相對(duì)于“平面”來說它也有更多的創(chuàng)作可能。

除了比較主流及功能強(qiáng)大的3D工具(Blender、C4D、3D Max等)外,還有一些輕量級(jí)的3D工具,這里推薦一款:https://spline.design/ 還在內(nèi)測(cè)中,通過官方的宣傳視頻感覺操作比較簡(jiǎn)單。

image

by Craftwork Studio

image

by Craftwork Studio

image

by Craftwork Studio

image

by Craftwork Studio

image

by VAGO

image

by Storytale

野蠻主義 Brutalism

源自于建筑中的風(fēng)格,它的特點(diǎn)不特意修飾、獨(dú)特、大膽、不拘小節(jié),追求還原建筑中材質(zhì)本來的樣子,強(qiáng)調(diào)一種真實(shí)、坦率的感覺。而在UI設(shè)計(jì)中的表現(xiàn)為沒有明確的規(guī)律,文字、圖片、顏色的排版打破原有的一些規(guī)范,使畫面有沖擊力,讓你印象深刻。在需要引起用戶注意的地方會(huì)毫無顧及的突出來達(dá)到其目的,非常純粹。

image

by younique

image

by Paulina Oparcik

image

by Mitya Andrievskiy ?

image

by Ekaterine Rogava

image

by Ben Johnson

image

by Andrea Jeli?

大且精致的字體 Big, sophisticated typography

此風(fēng)格也是在平面中運(yùn)用十分廣泛了,大文字配合照片/圖形/插圖、大膽的排版、干凈的配色和留白就可以設(shè)計(jì)搭配出不一樣的感覺。

image

by Vladimir Biondic

image

by tubik

image

by Juraj Molnár

image

by Luke Dagnall

image

by Luke Dagnall

image

by Gil

真實(shí)的照片 Realistic imagery

近年在UI設(shè)計(jì)中對(duì)照片的運(yùn)用也是十分常見的,一張優(yōu)秀的攝影照片可以為設(shè)計(jì)增色不少,而且給觀者直觀/真實(shí)的感受。

image

by Himel Sunnath??

image

by Luke Peake

image

by Matt Cooper

image

by Zhenya Rynzhuk

image

by Luke Peake

image

by Luke Peake

極簡(jiǎn)主義 Gorgeous minimalism

這個(gè)風(fēng)格一直都流行,而且也深受大家額喜愛,雖然聽起來感覺很簡(jiǎn)單,但對(duì)顏色、排版、留白的把控有較高的要求。

image

by Artur Dziu?a

image

by Hrvoje Grubisic

image

by Kultar Singh

image

by Quan

image

by Ihor Tkachuk

image

by Hrvoje Grubisic


不管什么樣的風(fēng)格,我們可能都需要去了解它們,觀察它們各自的特點(diǎn),加以模仿學(xué)習(xí),將好的部分融入到自己的設(shè)計(jì)當(dāng)中,慢慢的也就形成了自己的風(fēng)格,這也是創(chuàng)新的一個(gè)過程。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 版權(quán)申明:此文章首發(fā)于公眾號(hào)程序員在深圳,搜索 studycode 即可關(guān)注本文無需授權(quán)即可轉(zhuǎn)載,轉(zhuǎn)載時(shí)請(qǐng)務(wù)必注明...
    程序員在深圳閱讀 16,817評(píng)論 20 185
  • afinalAfinal是一個(gè)android的ioc,orm框架 https://github.com/yangf...
    passiontim閱讀 15,491評(píng)論 2 45
  • 用到的組件 1、通過CocoaPods安裝 2、第三方類庫(kù)安裝 3、第三方服務(wù) 友盟社會(huì)化分享組件 友盟用戶反饋 ...
    SunnyLeong閱讀 14,664評(píng)論 1 180
  • afinalAfinal是一個(gè)android的ioc,orm框架 https://github.com/yangf...
    wgl0419閱讀 6,328評(píng)論 1 9
  • 我是黑夜里大雨紛飛的人啊 1 “又到一年六月,有人笑有人哭,有人歡樂有人憂愁,有人驚喜有人失落,有的覺得收獲滿滿有...
    陌忘宇閱讀 8,592評(píng)論 28 53