2021年可以尝试的8种UI设计风格

2021年也过了将近一半了,在年初也有很多文章写关于2021年的设计趋势。由于工作需要,加上自己也很喜欢利用上班摸鱼时间瞎逛国内外设计网站(站酷、UI中国、Dribbble、Behance、Pinterrest等)找找设计灵感,发现比较常见的有以下8种风格:

  1. 玻璃拟物化 Glassmorphism
  2. 几何图形的组合 Geometric structure
  3. 彩色且模糊背景 Blurred, colorful backgrounds
  4. 3D插图 3D Illustrations
  5. 野蛮主义 Brutalism
  6. 大且精致的字体 Big, sophisticated typography
  7. 真实的照片 Realistic imagery
  8. 极简主义 Gorgeous minimalism

玻璃拟物化 Glassmorphism

我喜欢叫毛玻璃效果,听起来没有那么高大上,不过感觉还蛮贴切的。这个风格从年初开始流行,现在浏览设计类网站很容易就发现该风格,此风格整体看起来通透,有层次感,浅色给人很舒适的感觉,深色又能给人很高级感。

这里推荐一段小工具,鼠标拖动调整几个数值就可以生成毛玻璃效果,通过直接复制CSS代码直接应用,非常方便。大家可以去尝试一下: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

此趋势感觉已经出现很久了,以前在平面海报相关的设计上面见到的比较多,现在也流行应用到UI设计上。此风格主要是通过基本的单个形状图形,来进行组合排/列出,创造出更复杂的图形,风格整洁且具有冲击力。

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

颜色与颜色间的融合过度更真实,给人感觉也更柔和、舒服,在颜色的选择上大部分是轻柔、亮度较高的颜色,让用户的视线更关注到主体上面。

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

此风格大家应该十分的熟悉,觉得可以拆分为3D、插图两种风格也是说的过去的,插图在设计的运用是十分的广泛的,而近几年由于3D 软件的普及、技术进步和上手容易等原因,3D在UI设计方面也应用的越来越广,相对于“平面”来说它也有更多的创作可能。

除了比较主流及功能强大的3D工具(Blender、C4D、3D Max等)外,还有一些轻量级的3D工具,这里推荐一款:https://spline.design/ 还在内测中,通过官方的宣传视频感觉操作比较简单。

image

by Craftwork Studio

image

by Craftwork Studio

image

by Craftwork Studio

image

by Craftwork Studio

image

by VAGO

image

by Storytale

野蛮主义 Brutalism

源自于建筑中的风格,它的特点不特意修饰、独特、大胆、不拘小节,追求还原建筑中材质本来的样子,强调一种真实、坦率的感觉。而在UI设计中的表现为没有明确的规律,文字、图片、颜色的排版打破原有的一些规范,使画面有冲击力,让你印象深刻。在需要引起用户注意的地方会毫无顾及的突出来达到其目的,非常纯粹。

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

此风格也是在平面中运用十分广泛了,大文字配合照片/图形/插图、大胆的排版、干净的配色和留白就可以设计搭配出不一样的感觉。

image

by Vladimir Biondic

image

by tubik

image

by Juraj Molnár

image

by Luke Dagnall

image

by Luke Dagnall

image

by Gil

真实的照片 Realistic imagery

近年在UI设计中对照片的运用也是十分常见的,一张优秀的摄影照片可以为设计增色不少,而且给观者直观/真实的感受。

image

by Himel Sunnath

image

by Luke Peake

image

by Matt Cooper

image

by Zhenya Rynzhuk

image

by Luke Peake

image

by Luke Peake

极简主义 Gorgeous minimalism

这个风格一直都流行,而且也深受大家额喜爱,虽然听起来感觉很简单,但对颜色、排版、留白的把控有较高的要求。

image

by Artur Dziuła

image

by Hrvoje Grubisic

image

by Kultar Singh

image

by Quan

image

by Ihor Tkachuk

image

by Hrvoje Grubisic


不管什么样的风格,我们可能都需要去了解它们,观察它们各自的特点,加以模仿学习,将好的部分融入到自己的设计当中,慢慢的也就形成了自己的风格,这也是创新的一个过程。

你可能感兴趣的:(2021年可以尝试的8种UI设计风格)