2019年UI和UX十大设计趋势

译者：

社区成员| 紫豆子-ML190

2018年我们对UI和UX的设计趋势预测主要在移动端。

2019年的设计头号趋势是场景。

一切都在场景中，相互关联。

我们仿佛已经达到了工具全面，技术进步。这个时候，能否理解产品和用户如何交互将会起到关键作用。 所以，让我们进入2019年UI和UX设计趋势。（我们也会指出每个趋势中的不足之处，防止被滥用）

十大趋势概要：

1. 强大的浏览器

2. 有意义的动画

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

4. 超现实主义设计

5. 渐变2.0

6. 可变的字体

7. 运用设计工具

8. 语音UI

9. UX写作

10. 产品设计师正当道

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

1

强大的浏览器

浏览器不仅仅是互联网的载体，也在切实造成着影响。浏览器正在变得更快、更强大、更具吸引力。

• 浏览器基准测试和性能测试证明了大多数流行的浏览器有了显著的性能提升。
• 流编译速度的提升会极大地影响设计。Mozilla报告新的编译器比以前的编译器快10-15倍。
• 当今所有的浏览器都支持WebGL 2。它支持全新的3D纹理和对象渲染，片段深度和顶点数组对象。 

“Web和移动浏览器功能正在缩小概念设计和现实之间的差距。”

但是，目前浏览器上的所有进步都是在提升自身的性能，并没有在更高层次上影响整个行业。浏览器的开发人员很难提出通用的解决方案并且保持互联网的干净。

浏览器可能很棒，但是如果访问的是不好的网站，用户就会被糟糕的体验所影响。设计师们必须做出好的设计决策来体现浏览器的潜在实力。 

2

有意义的动画

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

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

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

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

动效设计不仅仅用于展示和填充空隙。它现在还是是品牌的一部分。LOGO是公司的精神图腾。让LOGO发挥起作用需要设计师的想象力和经验。现在可以把这种想象力和动效设计结合起来。 

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

但是，所有的东西包括动画都需要场景。你作为设计师看到的可能并不是用户看到的。如果在为不断交互的或在极端场景下使用的产品设计动效，那么设计师们一定要谨慎。如果可能会出现情绪冲突，请选择保持中立。

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

3

3D界面和有深度的扁平

真实镜头和图像的3D渲染和CG增强已经存在了一段时间。为了速度、性能和可访问性，设计师曾经避免在UI中使用复杂的3D模型。更强大的浏览器将这种曾经奢侈的实现方式变味了可能。复杂的视觉特效将类似电影的场景带入了网站领域。

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

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

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

扁平UI设计作为主流趋势已经超过5年了，并且没有什么改变。最近，扁平设计发生了一些深度和维度的改变，但是其主要思想没有改变。人们需要象征手法来理解事物，这也是“扁平”存在的原因。

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

用户通过“3D和CG组合”可以和仿生的事物产生交互和反馈。“扁平设计”也可以做到这一点，设计师们还可以继续探索。通过扁平设计的方式被称之为“伪3D”。实际上就是扁平的图层堆叠起来，创造一种三维的感觉。扁平设计增加维度的主要方式是通过阴影、光线的位置和反射。

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

但是，3D界面还没有明确的发展方向。目前，有两个极端的发展方向：简单和复杂。虽然制作复杂的3D界面需要花费很多精力，但是放弃使用复杂的界面而采用看似疯狂的想法同样需要勇气。切记如果复杂的界面没有意义，或者大胆的想法只是一个纸老虎，那么，所有的努力都将毫无意义。

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

4

超现实主义设计

更强的技术所带来的3D和动效设计机会并不意味着它们能产生情感共鸣。不过，好消息是你不需要增加界面的复杂性来使用户产生情感共鸣。“叛逆态度”因为其自带的吸引力一直主流趋势的引领者。

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

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

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

5

渐变2.0

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

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

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

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

更棒的是，在深色背景下，鲜艳的色彩和有意义的渐变会更加突出。深色主题会继续占有一席之地，并且变得更好。能够在深色UI的可读性和亮色的情感反馈之间找到平衡的设计师将在明年成功。

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

但是，易读性不是渐变和深色主题的唯一问题。明亮的颜色往往用于加强。但当一切都是亮色时，还怎么强调呢？此外，并不是所有的用户都使用OLED屏幕，某些渐变可能会因此丢失。太多的对比色也会影响用户的注意力。在光线强的地方，深色主题会失去效果。这些都是设计师在使用渐变2.0的时候要注意的地方。

6

可变的字体

通常，“字体”被视为可调参数有限的静态事物。设计师们和作家们必须在高度、笔划、字母宽度的限制下考虑内容的易读性。

每当设计需要多种字体时，设计师必须提供所用字体的所有相关文件。只有打好基础，设计师们才能在产品中使用丰富的排版。但是，有了可变字体以后，设计师只需要一个文件，因为可变字体能够实现对任意字母的大小和宽度的调整。 

可变的字体可以填充文本留下的设计空间。

当引入Web字体时，“灵活性”是它们的一个缺陷。灵活性不足导致易读性和设计本身的错位。可变字体目前还是一个相当新的概念，它可以更快地为Web提供字体，并简化设计过程。

而这仅仅是个开始。可变字体的美学在2019年还有待探索。 

但是，可变的字体成为促销的手段需要多长时间呢？如果设计师可以让文字根据环境进行任何一种细微的变化，那么，如何保障读者不受操纵呢？印于书籍上的文本受客观物理的影响，不会发生改变。所以实体的书籍不会消亡，而阅读成为了人类进步的重要原因之一。 

7

运用设计工具

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

设计师去学习开发编程似乎是一个合理的选择。如果你是实现你所做的设计的人，这样做可以避免一系列的问题。但是，同时作为设计师和开发，你就需要保持相当大的知识量。如果你能做到当然很好，对于不能做到的人也有其他的选择。

并不是总是要培养一个全栈设计师。

终极目标在于愉快地创造更好的产品。

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

8

语音UI

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

语音UI实现了无UI的理念。语音UI的过程是不可见的，与构建场景和数据有关，和肉眼可见的设计无关。即便如此，设计师们仍然沉迷于寻找表达语音UI的方式。大多数情况会这个方式是漂亮的报告界面和动画。 

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

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

但是，语音用户界面的最大挑战不是人机交互，而是人与人之间的交互，这种交互通过比双方都聪明的技术来协调。我们生活在一个不平衡的全球社会中。我们正在努力理解许多术语。语音控制的手机、汽车和家居可能反而会扩大我们之间的差距。

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

9

UX写作

去年，设计师们开始关注起文字的含义。我们渐渐发现了“写作”在设计中的作用：

设计师需要掌控你的业务与用户的对话方式。

以往总有一些浮夸的自恋废话和技术术语。公司把正在做的事情误以为是可以给用户带来的价值。尽管有的商业是不错，但是他们缺乏明确的、简单的、有说服力的措辞来吸引用户。

UX写作基于两个简单的原则：尊重人的和有用的。其他一切都源于这两个原则。“简洁”意味着尊重用户的时间。是设计师必须在文字上纠结，而不是用户。“明确”意味着避免多义，产生不良的体验，因而是有用的。“富有表现力”意味着诚实没有任何瑕疵。始终专注于帮助用户，不要炫耀你的口才，不要做SEO，不要用陈词滥调的营销术语，适可而止。

一旦你遵循“尊重人的”和“有用的”，UX写作就很容易。 

用户不想看到你推销自己。他们只想知道你是否可以帮助他们。让你的服务来说话。

但是，每个趋势都会经历一系列的阶段。第一阶段是怀疑主义，第二阶段是着迷，第三阶段是厌恶。着迷阶段是最危险的，因为它经常失控。它可以将想法夸张化并扭曲价值。UX写作也不例外：简单会被误认为是愚蠢；说清楚事情会被误认为是无礼；说服会被误认为是牢骚。

10

产品设计正当道

UX设计是一个非常广泛的词。它是跨行业的服务设计的一部分。因此，设计师和设计公司拥有了大量项目经历，从简单的APP到复杂的FinTech平台。

服务设计是一条毯子，它可以涵盖所有行业，并将行之有效的东西广泛运用。

服务设计师可以拥有自己的风格，可以应用于任何产品。这就是他们名声的来源，也是公司愿意付出的代价。这就像从一个受人尊敬的供应商那里购买零件。

然而，大多数公司都是产品公司，他们可能需要设计师有更深入的了解。这些公司要求产品设计师深入到团队，拥有所有可用数据，以及影响整个系统的所有工具。

产品设计师和服务设计师比起来有着明显的优势。产品设计师可以拿到用户数据分析，并实时测试设计决策。

产品设计师关注所有产品相关的细节，放弃其他无关的细节。他们了解所针对的用户，并且拥有可操作的真实数据，而大多数服务设计师必须进行假设。 

但是，过渡到产品设计需要勇气。让自己沉浸到某个行业，这可能是一个不能回头的选择。在这种情况下，设计师必须考虑行业的可行性以及行业内专业发展的前景。

2019年，财富会青睐勇敢的人。我们会看到更多的设计师牺牲自己的通用技能成为专家 。

End

总结

最后，实际上最大的趋势是逐渐转向真诚。

可以使用小伎俩也就那么多。

有好意图和好设计的产品是无法被打败的。

原文链接：https://uxplanet.org/2019-ui-and-ux-design-trends-92dfa8323225