UI设计和UE设计的6大未来发展趋势！

什么是UE？

UE简称：用户体验，英文叫做User Experience，缩写为UE或者UX。UE设计一般指游戏设计，还有网站的UE设计。

UE用户体验设计，它是指用户使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来使用。他们能够忍受的问题，疑惑和BUG的程度。

什么是UI？

UI即User Interface(用户界面)的简称。UI设计（简称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

点击添加图片描述（最多60个字）

2018年我们对UI和UE的设计趋势预测主要在移动端，2019年的设计头号趋势是场景。一切都在场景中，相互关联。

我们仿佛已经达到了工具全面，技术进步。这个时候，能否理解产品和用户如何交互将会起到关键作用。

所以，让我们进入2019年UI和UE设计趋势。（我们也会指出每个趋势中的不足之处，防止被滥用）

六大趋势概要：

1. 有意义的动画

2. 3D界面和有深度的扁平设计

3. 超现实主义设计

4. 渐变2.0

5. 运用设计工具

6. 语音UI

接下来就来看看每个趋势都在说些什么。

一、有意义的动画

强大的浏览器为动画打开了新世界的大门。这不仅指的是元素之前的动画，还指的是更多可行的设计机会。动效设计涉及很多方面，和心理学和生物学也有交叉关联。

2019年，动效设计这块领域会被更加深入探讨。“复杂性”取代“流行”作为动效设计的主要特征。动效和过渡可以传达很多本来会被丢失的信息。

页面与页面之间的区域曾经是无人区。现在，它是设计师的后花园。

点击添加图片描述（最多60个字）

让用户有更沉浸的体验意味着每一秒都保持和用户的互动，让每一秒都有价值。在“动效”被市场所滥用之前，设计师要抓住这次机会。

动效设计不仅仅用于展示和填充空隙。它现在还是是品牌的一部分。LOGO是公司的精神图腾。

让LOGO发挥起作用需要设计师的想象力和经验。现在可以把这种想象力和动效设计结合起来。

点击添加图片描述（最多60个字）

动效比灯光、位置、材料更具有表现力。它能讲述故事。如果你能让你的LOGO成为你所讲述的故事的一部分，那你一定要尝试一下。

点击添加图片描述（最多60个字）

但是，所有的东西包括动画都需要场景。你作为设计师看到的可能并不是用户看到的。

如果在为不断交互的或在极端场景下使用的产品设计动效，那么设计师们一定要谨慎。如果可能会出现情绪冲突，请选择保持中立。

不要不计后果地使用动画 。

二、3D界面和有深度的扁平

真实镜头和图像的3D渲染和CG增强已经存在了一段时间。为了速度、性能和可访问性，设计师曾经避免在UI中使用复杂的3D模型。

更强大的浏览器将这种曾经奢侈的实现方式变味了可能。复杂的视觉特效将类似电影的场景带入了网站领域。

界面中的3D图形模糊了现实和数字动画的边缘。

这个趋势对于产品流程复杂和不直观的公司来说尤其有用。通过3D可视化，你可以表现任何技术流程，为用户创建更深层次的理解。

点击添加图片描述（最多60个字）

当今，移动行业已经有了功能强大的新芯片，不仅可以渲染3D图像，还可以在界面中和它们交互。小屏幕尤为适合。

点击添加图片描述（最多60个字）

点击添加图片描述（最多60个字）

扁平UI设计作为主流趋势已经超过5年了，并且没有什么改变。最近，扁平设计发生了一些深度和维度的改变，但是其主要思想没有改变。

人们需要象征手法来理解事物，这也是“扁平”存在的原因。

有深度的扁平正在成为“新扁平”。

用户通过“3D和CG组合”可以和仿生的事物产生交互和反馈。“扁平设计”也可以做到这一点，设计师们还可以继续探索。

通过扁平设计的方式被称之为“伪3D”。实际上就是扁平的图层堆叠起来，创造一种三维的感觉。扁平设计增加维度的主要方式是通过阴影、光线的位置和反射。

点击添加图片描述（最多60个字）

还有另外一种伪3D趋势正在兴起。使用Principle和After Effects等传统设计工具来创建模拟3D的运用模式。

点击添加图片描述（最多60个字）

但是，3D界面还没有明确的发展方向。目前，有两个极端的发展方向：简单和复杂。

虽然制作复杂的3D界面需要花费很多精力，但是放弃使用复杂的界面而采用看似疯狂的想法同样需要勇气。

切记如果复杂的界面没有意义，或者大胆的想法只是一个纸老虎，那么，所有的努力都将毫无意义。

我们可以做出令人印象深刻的图像。那么，现在是时候考虑如何使界面充满人性，解决更深层次的问题。

三、超现实主义设计

更强的技术所带来的3D和动效设计机会并不意味着它们能产生情感共鸣。

不过，好消息是你不需要增加界面的复杂性来使用户产生情感共鸣。“叛逆态度”因为其自带的吸引力一直主流趋势的引领者。

设计师们需要一些大胆的尝试来制衡所谓的常识。也就是说，有时我们需要一个魔鬼在耳边告诉“去做一些有趣的事情”。

还有一些大型的redesign设计活动和相关插画就非常有趣。

点击添加图片描述（最多60个字）

点击添加图片描述（最多60个字）

但是，并非所有的公司和产品都能接受这种形式。用户群体越广泛，设计就越只能保持中立。小公司必须谨慎使用超现实主义。

四、渐变2.0

如今的手机屏幕具有出色的色彩表现。很多手机自带的默认壁纸就能体现这一点。设计师们需要探索UI在易读性和独特性的边界。

渐变不再是为了获得关注。它们现在为界面带来了深度和维度 。

点击添加图片描述（最多60个字）

渐变2.0非常既简单又微妙。它并不使用冲突的颜色。它有清晰的光源，跟随形状，有深度感。

2019年我们不会再频繁使用鲜艳的色彩。我们会看到更多组合的颜色和图层。即使单色调也可以通过不同的深度和维度呈现出某种视觉美感。

点击添加图片描述（最多60个字）

更棒的是，在深色背景下，鲜艳的色彩和有意义的渐变会更加突出。深色主题会继续占有一席之地，并且变得更好。

能够在深色UI的可读性和亮色的情感反馈之间找到平衡的设计师将在明年成功。

关于这一点，有一个很不错的例子，就是MacOS推出的深色模式UI。

点击添加图片描述（最多60个字）

但是，易读性不是渐变和深色主题的唯一问题。明亮的颜色往往用于加强。但当一切都是亮色时，还怎么强调呢？

此外，并不是所有的用户都使用OLED屏幕，某些渐变可能会因此丢失。太多的对比色也会影响用户的注意力。

在光线强的地方，深色主题会失去效果。这些都是设计师在使用渐变2.0的时候要注意的地方。

五、运用设计工具

我们总会问一个老问题：“设计师需要会开发吗？”以及，“开发需要懂设计吗？”这些问题的意图很简单—如何避免设计实现时候的困难和差异。

设计师去学习开发编程似乎是一个合理的选择。如果你是实现你所做的设计的人，这样做可以避免一系列的问题。

但是，同时作为设计师和开发，你就需要保持相当大的知识量。如果你能做到当然很好，对于不能做到的人也有其他的选择。

并不是总是要培养一个全栈设计师。终极目标在于愉快地创造更好的产品。

要实现这个目标的另一种方法是使用和推行更好的工具。 Figma、蓝湖、iDoc、墨刀等等都是很不错的工具。

六、语音UI

设计并不一定要是可视的。设计师们正在创造不需要触觉的体验。这种设计的逻辑其实是心理学。构建语音控制意味着自然语言处理。

语音UI实现了无UI的理念。语音UI的过程是不可见的，与构建场景和数据有关，和肉眼可见的设计无关。

即便如此，设计师们仍然沉迷于寻找表达语音UI的方式。大多数情况会这个方式是漂亮的报告界面和动画。

点击添加图片描述（最多60个字）

这些界面大多数时候与现实的界面没有任何共同之处。但这些界面可以帮助那些没有语音控制经验的用户做好准备。

2019年，随着越来越多的设计师从浅层的视觉设计发展到更有意义的体验设计，语音UI也会更加深入。

但是，语音用户界面的最大挑战不是人机交互，而是人与人之间的交互，这种交互通过比双方都聪明的技术来协调。

点击添加图片描述（最多60个字）

我们生活在一个不平衡的全球社会中。我们正在努力理解许多术语。语音控制的手机、汽车和家居可能反而会扩大我们之间的差距。

作为设计师，我们应该始终将人类的福祉作为我们的首要任务。如果技术，即使是设计精美的技术，会因为一些人的利益而损害其他人的，那么我们不能这么做。

2019年，机会会留给勇敢的人，站在5G的风口，UI设计师靠什么技能升职加薪？当然是靠拥有专业设计能力水平，如果你还不具备有UI/UE设计技能，就要通过学习去提升。