咨询电话:400-810-1418服务与监督电话:400-810-1418转接2
  • 相关推荐
  • 如何设计出漂亮的模糊效果背景?
  • 如何做好分类导航设计?
  • Figma都有哪些好用的快捷键?
  • 圣诞节专题怎么做?掌握这篇干货就够了!
  • 教你如何快速制作弹跳加载动画
  • 6个超级好用的AI冷门干货!
  • 2021年UI/UX设计趋势前瞻

    发布时间:2021-01-06 09:23:54

    世界每一天都在按照它的意志变化着,每年也都在影响着设计趋势的走向,今天我们就花点时间来讨论一下,2021年可能会出现的UI/UX的设计趋势。    

    0.webp.jpg

    1. 3D

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

    UI设计

    1.png1-2.png

    图标设计

    2.png

    角色设计

    3.webp.jpg

    产品细节展示

    4-tuya.gif

    2. 玻璃拟态

    在说到Glassmorphism(玻璃拟态)之前,我们先来回忆一下另一种拟态:

    在2019年底,设计圈突然刮起一阵新拟态风(Neumorphism),最初是乌克兰设计师Alexander Plyuto在Dribbble发布的一张设计作品,引发大家的激烈讨论和争相模仿。

    5.png

    新拟态(Neumorphism)的出现,为当时已经流行很久的扁平化设计开辟了一种新的表现形式,很多人猜测和议论,此风格会不会接替「扁平化设计」成为新的设计主流。

    从美学价值上来说,新拟态(Neumorphism)足够现代、看起来也颇具有时尚感、科技感也很足。

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

    以IOS14和Mac OS Big Sur操作系统发布为标志,一种新的拟物风格正在悄悄流行。

    6.png

    Glassmorphism

    这种把阴影、透明度以及模糊的背景结合到一起的设计思路,使界面呈现出介于玻璃和塑料板之间的质感,被Michal Malewicz称为Glassmorphism(玻璃拟态),对比之前火爆一时的Neumorphism(新拟态),这种新趋势更加垂直。

    这种垂直性让用户可以通过它看到底层的元素,用户可以确定界面的层次结构和深度。他们可以识别出哪一层在哪一层之上,就像虚拟玻璃一样。

    玻璃拟态的设计有几个特点:

    ●透明度(使用背景模糊的磨砂玻璃效果)

    ●类似于物体漂浮在太空中的多层方法

    ●背景上鲜艳的色彩突出了模糊的透明度

    ●半透明物体上的细微浅色边框

    7.png

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

    8.png

    毛玻璃风格ICON

    9.png

    值得一提的是,玻璃拟态与「 macOS Big Sur 和 iOS 14 」在视觉美学上也保持着高度的一致,尤其是在系统的设计美学逻辑上是统一的。

    相比于看起来高级但是炫技多于实用性的「新拟态」,「玻璃拟物化」这种风格在各大操作系统的实行和验证之下,实用性更强,视觉美感上也得到目前最新的操作系统的验证。

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

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

    10.png

    3. 真实的照片

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

    网站主页

    11.png

    4. 多彩的颜色搭配

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

    图标的多色搭配

    12.png

    时尚移动应用

    13.png

    色彩应用

    14.png

    Ins的图标改版

    15-tuya.gif

    5. 模糊的彩色背景

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

    16-1.png

    16-2-tuya.gif16-3.png

    6. 极简主义

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

    大量的留白

    17.png

    元素规整、有条理和秩序

    18.png

    扁平化的元素

    19.png

    简化配色

    20.png

    可读性较高的字体

    21.png

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

    7. 几何结构

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

    视觉设计的平面几何

    22-tuya.gif

    空间几何

    23.png

    平面设计

    24.png

    8. 野蛮主义

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

    25.webp.jpg

    顾名思义,野蛮主义的特征十分「简单粗暴」,通常都由不断重复的元素拼接而成,以笔直的线条和锋利的棱角居多。对于大型建筑物而言要么追求奇形怪状,要么追求严格对称,落成的建筑外墙多为毫无修饰的砖块和混凝土,整体看起来异常冰冷和沉重。

    而在数字设计中衍生的的「野蛮主义」是一种故意试图显得原始、随意、无装饰的样式。刻意的不设计使这些网站几乎没有美感甚至显得有些简陋。

    尽管很少有人将这种设计风格归类为漂亮,但它对于某些内容类型确实具有独特的表达魅力。而且具有鲜明大胆的风格。

    26-1.png

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

    9. 简化UI/UX流程

    此处说的简化,不是指视觉效果的简化。设计流程做的太复杂,不论对于用户或者是设计师都是不利的。

    优秀的设计师会兼顾美学和实操效果,把流程简化到减无可减,给用户以丝滑流畅的体验效果。

    27-tuya.gif

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

    文献:Diana Malewicz (UX Collective)  素材来源dribbble,侵权删

    作者:一个辛普森