2019年UI和UX设计趋势

去年我们做过一个关于移动UI趋势预测。今年，我们将探讨移动端之外的设计。

正如从早期的网页设计，到如今的自适应设计，这种思维模式会影响到我们生产的所有事物，而不仅仅是单独产品。我们需要选择更好的设计方式。但尽管如此，我们还是远远没有达到我们未来的目标，下面就让我们进入2019年的UI和UX设计趋势。

01 有目的的动画

新的浏览器功能为动画打开了大门。不仅仅是元素的运动，更是一个绝佳的设计机会。运动设计涉及到很多方面，还与心理学和生物学产生联系。

我们看到，2019年，这一领域的知识将得到更深入的探索。复杂性取代了当下的流行元素，成为动画设计中的主要特征。动作和过渡传达了很多我们从前丢失掉的信息。

屏幕之间的区域曾经是无人区。现在是你的后院。

由Zhenya Rynzhuk创作的Cocoladas创意博客艺术家预览页面

在更深的层次上吸引客户，意味着随时都要与他们产生交互，并且每一秒都是有价值的。设计师们正在抓住这个机会，以免它被生硬的市场营销毒害。

如今，运动设计不仅仅用来展示和填补空白，它还成为了品牌的一部分：Logo是一个品牌的图腾，我们的想象力和经验使它们复活，那我们为什么不充分利用这种想象力，让运动设计融入标志，以便更好的驾驭它呢?

Eduard Mykhailov著

如果你还没有想过你的logo是由什么组成的，它给人的感觉、味道、气味和声音是怎样的，那么是时候去做了。

运动比灯光、定位和材质更有说服力，它能够讲述故事。如果你能通过添加一些额外的想法，让 Logo标志成为你故事的一部分，那么我建议你去试试。

Lakko — Logo animation by Zlatko Kelemenić

? 注意

尽管如此，但所有东西都需因地制宜，包括动画。你作为设计师所看到的不是顾客所看到的……如果我们所设计的产品是有争议，或者与可怕的场景有关的，那么即使它们有意义，我们也不能采用动画。如果存在情感矛盾，请务必保持中立，不要恣意地使用动画。

02 3D界面和深扁平

- 3D界面

虽然3D渲染、CG增强的真实镜头图像已经出现了一段时间。但为了速度性能，以及可访问性，设计人员曾避免在UI中使用复杂的3D模型。随着更好的浏览器将这种奢侈变成了一种负担得起的功能，高度复杂的特效或视觉效果可以将电影般的场景带入网站领域。

3D图形界面融合了现实和数字动画的边缘。

这一趋势将特别适用于流程复杂、不太直观的公司产品。通过使用3D可视化，您可以利用任何技术，让用户对产品和流程建立更深层次的理解。

Sanu Sagar的 Baker Hughes Digital

这在电影和视频游戏中起作用的原因是这些图像的显示时间很短。他们需要的是肤浅的印象，而不是勤奋的学习。结合有目的性的动画，3D可以成为一种强大的设计工具。

拥有强大芯片的移动产业不仅可以渲染3D物体，还能让我们在在界面中使用它们，而小屏幕更是完美的选择。

Gleb Kuznetsov卡片3D过渡

Minh Pham 3D的3D翻页菜单

- 深扁平设计

扁平化UI成为主导趋势已经超过5年，并没有真正改变过。最近，我们却感受到了一个明显的转变，那就是在不改变其主要思想的情况下，扁平化设计正在增加其深度和维度。为什么深度是必要的？这也是为什么扁平设计出现的原因——我们需要象征主义来理解一切，扁平是核心的象征。

真实的3D和CG组合向我们揭示了用户对他们可以与之互动的逼真物体的反应。平面设计也能够以一种独特的、尚待探索的方式做到这一点。他们称之为伪3D。它是平面层叠加起来创建的三维效果。在平面设计中增加维度的主要方式是通过阴影、光定位以及反射。

ARTA / Art Gallery by Mike | 创意薄荷

还有一种假3D趋势正在兴起，它使用传统的设计工具，如 Principle和After Effects，创建模拟3D的运动模式。

Markus Magnusson的宇航员

到2019年，我们甚至可能看到拟物态以一种新的方式回归。如果平面较深，则也可以是等距的。在现实主义的情况下，保持扁平的象征意义是值得探索的新趋势。

? 注意

3D UI已经没有了特定的发展方向，它是双向的——简化和复杂。虽然需要更多的技术努力才能给我们留下深刻印象，但要把复杂性抛到一边，推出一个疯狂的概念，也需要同样多的勇气。然而，如果最复杂的界面缺乏意义，或者最大胆的想法只是一堵幕墙，那么所有的努力都是徒劳的。

03 超现实主义设计

更好的技术所带来的3D和运动设计趋势，如果不能对用户产生情感影响，那将毫无意义。但讽刺的是，你并不需要进行过多的努力——超现实主义一直是主流趋势，原因是它的自然吸引力。

我们需要一些东西来平衡常识，我们需要一个魔鬼在我们的肩膀上，有时我们是顽皮的。

一些重新设计活动和相关插图随着它变得有趣：

这种卡通风格的插图甚至UI都有一个目的——保持新鲜感。当你的品牌成为一种主食时，你可以在它周围不停地发出嗡嗡声。不管跟谁说话，这种风格都必须怪异，甚至丑陋。预计2019年将会看到更多这种前卫和超现实的设计。

? 注意

但不是所有的公司和产品都能承受这种叛逆的行为。受众越广，设计就必须越中立，尽管这可能适用于知名品牌，但规模较小以及那些在风险敞口中苦苦挣扎的公司将不得不谨慎行事，坚持共性。

04 渐变2.0&炽热的色彩和黑暗

- 渐变2.0

科技的进步使屏幕具有出色的色彩表现，以至于它们渴望通过默认壁纸显示这一点。设计师们则可以在UI中探索令人印象深刻的渐变界限。

渐变不再受到关注，它们现在为界面带来了新的深度和维度。

Gdient 2.0 by Eddie Lobanovskiy

渐变2.0是微妙和简单的，它不再使用冲突的颜色。它有一个清晰的光源，并与形状保持一致，以带来深度。

鲜艳的色彩不会随处可见，我们将看到更多的颜色和图层组合。事实上，即使是单色调也会在深度和维度上呈现出某种视觉美感。

Valley Illustration by J.HUA for Tunan

我们缺乏信任和乐观，鲜艳的颜色能促进积极性。你会相信这样的加密应用程序吗?

uixNinja的加密应用程序

- 黑暗背景

更酷的是，在黑暗的背景中，鲜艳的色彩和有意义的渐变将更加突出。黑暗主题已经存在，而且只会变得更好。在这里，我们采用人类学的方法研究黑暗主题以及它们为何有效。那些能够在黑暗UI的可访问性和耀眼色彩的情感反应之间找到平衡的人，将会在明年登上榜首。

由 uixNinja提供

? 注意

尽管如此，但可访问性并不是渐变、颜色和深色主题的唯一问题。明亮的颜色通常被用来加强重点。但当一切都是彩色的时候，你怎么强调呢?并非所有用户都能使用OLED屏幕，一些渐变可能会丢失，过多的对比度会分散用户的注意力。黑暗的主题在外面阳光明媚的日子里是行不通的，虽然这可能是件好事。

05 变量字体

传统上，字体被视为具有有限可调参数集的静态实体。设计师和作家必须在x高度，笔划和字母宽度的背景下考虑易读性。

每当设计需要多种字体时，设计者必须提供所用字体样式的所有文件。除非涵盖所有基础，否则你无法完全承诺在产品中使用丰富的排版。但对于可变字体，你只需要一个文件，因为变量或生成字体提供无限数量的字母粗细和宽度调整。

Marvin Visions

变量字体在响应式设计和本地化中蓬勃发展。在一些地方，设计师不得不绞尽脑汁把文字压缩到更小的屏幕上，但又不能使用户失去对文字的兴趣，或者为了使用较少字符的另一种语言而拉长文字。

乔什·里纳德(Josh Rinard)报道

当Web字体被引入时，响应性是他们缺乏的一个方面。灵活性不足导致易读性问题和设计本身的失调。变量字体是最近才出现的，它们可以帮助我们更快地为Web交付字体，并简化设计过程。

Typography.Guru

? 注意

尽管如此，但要等多久才会有一种智能和可调节的字体成为促销的手段呢?如果你能让你的文字回应每一个设计环境的微妙之处，它如何保护读者不受操纵?参数化文本起源于书籍印刷，这是一个受客观物理条件限制的背景。这使人们无法储存纸张和墨水，也使阅读成为我们取得进步的最重要原因之一。

06 Figma

今天我们问一个古老的问题:“设计师需要编程吗?” 还有，“开发人员需要UX知识吗?” 这一点很简单——避免痛苦和设计差异。

学习编码是一个合乎逻辑的选择。如果你是开发自己设计的人，那么你可以避免许多问题。然而，要成为一名相关的设计人员和强大的开发人员，你需要了解大量的相关知识，你能做到吗? 尽管这对你有好处。对于那些做不到的人，应该有其他选择。

这样做的目的不是培养一个万能的设计师，而是如何用快乐打造更好的产品。

实现这一目标的另一种方法是使用和促进更好的工具。Figma就是其中一种工具。在此之前，设计人员必须考虑许多变量，如操作系统、集成、插件、存储、同步、协作，最后还要考虑将它们组装在一起的方法。那些制定工作流程的人，理应得到所有的尊重，但是我们想要更少的压力。

它完成了Sketch和Adobe XD所做的一切，并且越来越好。更重要的是，Figma旨在构建将要实施的内容。每个Figma组件都可以通过API转换为React组件并在前端实现。到目前为止，Figma在成本，性能速度，协作，共享，嵌入，支持等方面击败了竞争对手。话虽如此，但Figma仍在开发中，相信2019年还会有更多亮点。

? 注意

尽管如此，但是当我们开发出更好的产品，却未能建立道德基础上时，我们只会为自己的消亡做出贡献。看看正在努力争取好名声的推特。2018年，科技高管在法庭上作证，取得了丰硕成果。事实证明，仅仅把工具放在那里是不够的，我们还必须观察人们如何使用它们。Figma会保护用户不受UX中的黑暗模式、糟糕的设计和虚假新闻的影响吗?

07 语音用户界面

通过磕碰和瘀伤，我们意识到，如果我们建立一种非触觉体验，那么工具并不重要。设计逻辑就是操作心理学，构建语音控制意味着处理自然语言。

语音UI最大限度地实现了无UI的概念。这个过程是内部的，与编写、构建上下文和综合数据有关，而与实际设计无关。即便如此，设计师们仍痴迷于寻找表示语音UI的方法。主要是通过令人印象深刻的少数报告类界面和动画。

Gleb Kuznetsov的有机人工智能设计

大多数时候，他们与语音界面的现实没有任何共同之处，它们为用户提供了缺少控件的准备，并教他们如何处理不需要任何控件的技术。

在2019年，随着越来越多的设计师从简单的视觉美学设计过渡到有意义的体验，我们可以期待见证语音UI知识的深化。

? 注意

但具有讽刺意味的是，语音用户界面的最大挑战不是人机交互，而是人与人之间的互动，这种矛盾必须由比两者更聪明的智能系统来完成。但我们生活在一个严重失衡的全球社会。我们在许多方面都难以相互理解，包括技术、语音控制的电话、汽车和家庭可能会扩大我们之间的差距。

作为设计师，我们应该始终把人类的福祉作为我们的首要任务。如果技术，即使是设计精美的技术，以牺牲其他技术为代价为某些技术服务，那么就必须毫不留情地加以解决。

08 UX写作和UX编辑

去年，设计师开始关注带有字体的单词的含义。小说和技术作家，书信体爱好者和记者在他们的技能方面获得了毗邻的行业。而我们在设计中定义了写作的角色：

你必须控制你的业务与客户沟通的方式。

在此之前，有一种自负、自恋的胡言乱语和专业术语的混合体。一个企业的行为被误认为它可能给客户带来的价值。尽管企业是伟大的，但它们缺乏明确、简单和有说服力的措辞，难以与听众沟通。

UX写作基于两个简单的原则:尊重和有用，所有这些都源于它们。简洁意味着尊重别人，尊重他们的时间而不是你的时间。你必须为文字而死，而不是用户。清晰意味着避免重复，避免糟糕的经历，因此是有用的。富有表现力意味着诚实，不隐藏任何缺陷。始终专注于帮助用户，不要炫耀你的口才，不要SEO，永远不要使用市场营销的陈词滥调——这就足够了。

一旦你接受了尊重和有用，UX编写就很容易。

人们不想看到你屈尊或吹嘘自己，他们只想知道你是否能帮助他们——让你的服务说话。

在2018年，我们看到了大公司在设计上的一个显著趋势，那就是他们不再追求独创性，而是专注于客户价值。但直到2019年，我们还没有看到用户体验编辑发展为一门独立的设计学科。

UX写作和UX编辑之间的区别在于面向对象。UX写作生成面向用户的文本。UX编辑分析、变形、弯曲和扭曲任何副本，将其转换为简单的人文文本。没有UX编辑的速成课程，它是经验、观察的产物。

? 注意

但每个趋势都会经历一系列阶段。第一个是怀疑主义，然后是迷恋，然后是厌恶。魅力是最危险的，因为它经常失控。它会把这个想法变成一幅漫画，扭曲其价值。UX写作也不例外，当简单被误认为是愚蠢的时候，当清楚变成无礼，有说服力变成居高临下。

在产品设计中仍然有创意写作的空间，但不是产品遇到用户的地方。例如，耐克(Nike)和波音(Boeing)正在付钱给科幻作家，让他们预测自己的未来。

09 产品设计师作为职业

UX设计是一个非常广泛的术语，它是跨行业服务设计的一部分。因此，设计师和设计公司收集了大量项目组合，从简单的实用程序到复杂的金融平台。

服务设计师可以拥有自己的风格，以应用于任何产品。这就是他们出名的原因，也是企业愿意为之付费的原因。这就像从一个受人尊敬的供应商那里购买零部件。

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

产品设计与服务设计相比具有明显的优势，是访问分析和测试设计决策的能力。

产品设计师有能力专注于与他们相关的产品的细节，而忽略其他一切。他们对所设计的用户群体有深入的了解，并有真实的数据可供操作，而不是像大多数服务设计人员必须使用假设。

Sasha Turischev的创新眼枕着陆页设计

? 注意

尽管如此，但过渡到产品设计需要非常大的积极性和毅力。冒着让自己沉浸在某个行业或产品中的风险，我们在做一个可能永远不会回来的选择。在这种情况下，我们必须慎重考虑这个决定，并评估自身的行业的生存能力和行业内专业发展的前景。

《财富》青睐勇敢者，在2019年，我们将看到更多有献身精神的设计师牺牲他们的通用技能，尝试成为专家。时间会证明一切。

总结：

1. 有目的的动画
2. 3D界面和深扁平
3. 超现实主义设计
4. 渐变2.0&炽热的色彩和黑暗
5. 变量字体
6. Figma
7. 语音用户界面
8. UX写作和UX编辑
9. 产品设计师作为职业

最后，我们开始注意到的最大趋势是逐渐转向真诚。没有什么能打败好的意图，而设计的核心就是好的想法。

来源:medium 作者：Moses Kim BIGD翻译整理