首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

多图预计丨2021UI设计趋势解析,帮你一网打尽流行风格

更新时间:2023-10-31

无私向斑马

ui

1466

每年的设计趋势都有改变,这是做设计的人都有的感受。今天我们就花点时间来讨论一下,2021年已经出现及可能会流行起来的UI/UX的设计趋势及风格。   

3D

3D设计将有很大可能继续延续,成为2021年的设计趋势,广泛应用于UI、网站、角色、以及动画设计中。

1、UI设计

微信图片_20210621181458.jpg

2、图标设计

微信图片_20210621181506.jpg

3、角色设计

微信图片_20210621181511.jpg

4、产品细节展示

微信图片_20210621181515.png

玻璃拟态

在说到Glassmorphism(玻璃拟态)之前,我们先来回忆一下另一种拟态:在2019年底,设计圈突然刮起一阵新拟态风(Neumorphism),最初是乌克兰设计师Alexander Plyuto在Dribbble发布的一张设计作品,引发大家的激烈讨论和争相模仿。

微信图片_20210621181526.jpg

新拟态(Neumorphism)的出现,为当时已经流行很久的扁平化设计开辟了一种新的表现形式,很多人猜测和议论,此风格会不会接替「扁平化设计」成为新的设计主流。从美学价值上来说,新拟态(Neumorphism)足够现代、看起来也颇具有时尚感、科技感也很足。

不过随着时间的发展,设计师们渐渐发现,在实际的应用上,新拟物化本身确实不能算是一种系统全面的设计风格,因为在很多具体的设计上,新拟态比较难以保证可用性和易用性,在层次的表达上,也有很多局限。以IOS14和Mac OS Big Sur操作系统发布为标志,一种新的拟物风格正在悄悄流行。

微信图片_20210621181532.jpg

Glassmorphism

这种把阴影、透明度以及模糊的背景结合到一起的设计思路,使界面呈现出介于玻璃和塑料板之间的质感,被Michal Malewicz称为Glassmorphism(玻璃拟态),对比之前火爆一时的Neumorphism(新拟态),这种新趋势更加垂直。 这种垂直性让用户可以通过它看到底层的元素,用户可以确定界面的层次结构和深度。他们可以识别出哪一层在哪一层之上,就像虚拟玻璃一样。

玻璃拟态的设计有几个特点:透明度(使用背景模糊的磨砂玻璃效果)、类似于物体漂浮在太空中的多层方法、背景上鲜艳的色彩突出了 模糊的透明度、半透明物体上的细微浅色边框。

微信图片_20210621181537.jpg

这种隔着一层玻璃的质感,呈现出一种独特的「虚实结合」的美感。

毛玻璃风格ICON

微信图片_20210621183244.jpg

值得一提的是,玻璃拟态与「 macOS Big Sur 和 iOS 14 」在视觉美学上也保持着高度的一致,尤其是在系统的设计美学逻辑上是统一的。相比于看起来高级但是炫技多于实用性的「新拟态」,「玻璃拟物化」这种风格在各大操作系统的实行和验证之下,实用性更强,视觉美感上也得到目前最新的操作系统的验证。

不过作为善变的人类,我们很容易就会对流行的趋势感到厌倦,所以每隔几年就会流行到另一种不同的风格。扁平化的风格已经流行了很长一段时间了,或许现在又会慢慢向色彩更丰富、更立体、更炫丽的风格回归了。 

附上那个引领新拟态风格的乌克兰设计师Alexander Plyuto 的最新作品

微信图片_20210621181552.jpg

真实的照片

插图和3D并不一定适合所有人,有时候真人和真实的物品会对用户产生更大的吸引力,让他们更加感同身受。

网站主页:

微信图片_20210621181557.jpg

华硕(ASUS)官网:

微信图片_20210621181602.jpg

制作美食:

微信图片_20210621181606.jpg

航空公司:

微信图片_20210621181613.gif

多彩的颜色搭配

许多设计都使用了多色搭配,使得自己的设计呈现出神奇、空灵、包罗万象的感觉,而且,鲜艳的色彩更容易区分和让人记住。 

图标的多色搭配:

微信图片_20210621181617.jpg

时尚移动应用:

微信图片_20210621181622.jpg

色彩应用:

微信图片_20210621181626.jpg

Ins的图标改版:

微信图片_20210621181632.gif

模糊的彩色背景:

微信图片_20210621181738.jpg

使用模糊彩色背景的设计看起来有种特别的温暖和热情。

极简主义

极简主义本身是一种设计理念,应用到UI或者平面设计领域当中的时候,可以理解为:设计中的每一个元素都应该是有用的,它简单,干净,漂亮,且实用。极简主义的设计易于用户理解,参与度也高。

大量的留白:

微信图片_20210621181746.jpg

元素规整、有条理和秩序:

微信图片_20210621181750.jpg

扁平化的元素:

微信图片_20210621181754.jpg

简化配色:

微信图片_20210621181759.jpg

可读性较高的字体:

微信图片_20210621181803.jpg

极简主义的好用之处在于它凸显关键,为用户呈现最重要的东西,并且让用户关注最重要的事情。

几何结构

越来越多的设计呈现整合、规整、有秩序的视觉结构,使用户增加使用和观看的乐趣。

视觉设计的平面几何:

微信图片_20210621181811.gif

空间几何:

微信图片_20210621181815.jpg

平面设计:

微信图片_20210621181818.jpg

野蛮主义

「野蛮主义」一词,最早出现于1950年,由瑞典建筑师汉斯·阿斯普隆德用以描述乌普萨拉一座名为「Villa Göth」的现代砖房。

微信图片_20210621181822.jpg

顾名思义,野蛮主义的特征十分「简单粗暴」,通常都由不断重复的元素拼接而成,以笔直的线条和锋利的棱角居多。

对于大型建筑物而言要么追求奇形怪状,要么追求严格对称,落成的建筑外墙多为毫无修饰的砖块和混凝土,整体看起来异常冰冷和沉重。而在数字设计中衍生的的「野蛮主义」是一种故意试图显得原始、随意、无装饰的样式。刻意的不设计使这些网站几乎没有美感甚至显得有些简陋。尽管很少有人将这种设计风格归类为漂亮,但它对于某些内容类型确实具有独特的表达魅力。而且具有鲜明大胆的风格。

微信图片_20210621181826.jpg

野蛮主义设计风格短期内应该不会深入到UI设计中去,更多的会在网站,或者杂志的设计运用此种设计思想。

简化UI/UX流程

此处说的简化,不是指视觉效果的简化。设计流程做的太复杂,不论对于用户或者是设计师都是不利的。优秀的设计师会兼顾美学和实操效果,把流程简化到减无可减,给用户以丝滑流畅的体验效果。

微信图片_20210621181832.gif

2021年,设计将变得更多元、更新颖,不同风格也会相互碰撞,新技术也被应用在设计中。我们作为设计师,要更好的理解和跟上新趋势的发展,扩大自己知识的范围,例如设计美学和心理学知识等,就可以知道设计趋势如此流行的原因和源头。

在此基础上利用好新知识和新工具,为更好的服务大众时刻准备着。

版权声明 | 文章配图仅供学习参考,引用图片版权归属原作所有

文献 | Diana Malewicz (UX Collective)

素材来源 | dribbble

 

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • Stable Diffusion - 2024全新AI绘画系统教学

    Stable Diffusion - 2024全新AI绘画系统教学

    1小时40分钟49秒

  • 品牌物料设计课

    品牌物料设计课

    3小时57分钟38秒

  • 网游手绘武器制作课

    网游手绘武器制作课

    3小时55分钟44秒

  • 游戏道具造型表现课

    游戏道具造型表现课

    3小时51分钟28秒

  • AI+UE5轻松实现科幻电影!

    AI+UE5轻松实现科幻电影!

    32分钟36秒

  • 游戏3d设计师模型基础课

    游戏3d设计师模型基础课

    3小时49分钟53秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答