越来越火的To B行业，在 2021 年有哪些值得关注的设计趋势？

过去一年 COVID-19 肆虐全球，封锁与隔离使我们与数字世界的互动方式发生了巨变，这使得我们在数字世界的时间变得更长了，我们思考与互动的方式也产生了变化，新冠病毒的爆发也为 2021 年的设计趋势带来了新的思考。

本文主要整理了 2021 年的设计趋势与思考，主要为 ToB 方向。随着产业互联网行业的发展和数字化的进程，设计工具以及生产方式也在不断进化发展。在 5G、人工智能、大数据、云计算、物联网的技术浪潮下，对设计团队也提出了更高的要求。

行业趋势

1. SaaS 趋势：一线工作者将成为决策的中心，“职业前线”是常态。

工作一直在我们的社会生活中发挥着重要作用，但从未像在疫情期间那样重要。在疫情期间，数月的封锁给人们的情感健康带来了损失。当然这有助于远程感知的技术和工具的发展和进步，但是还有很长的路要走。

对于一线员工来说尤其如此，不幸的是，一线员工通常与公司的联系最少，但最容易感染该病毒。诸如教师，医生，零售人员和制造工人之类的基本工人通常无法获得与同事相同的公司范围内的技术。许多人甚至没有公司电子邮件，甚至没有办公桌。

△ @Farhan Fauzan

但是，公司开始意识到这些一线职工（他们通常是客户的第一个接触点）可以为组织带回宝贵而独特的见解。企业现在正试图通过集中工具来完成这些任务，例如轮班制或与他们的手机即时共享重要的健康和安全信息，从而使这些员工的工作更轻松。

△ @Barly Vallendito

普华永道美国副主席、风险投资与创新全球领导者 Vicki Huff 指出，数字化解决方案在这里发挥着重要作用。"为了在 2021 年茁壮成长，企业需要将员工置于工作空间理念的中心。通过对员工体验的磨练，雇主可以提高生产力，增加参与度，并创造出更多连接和高效的劳动力。实现这一目标的核心将是与公司现有的技术堆栈相整合，并为员工个人提供个性化服务的数字化解决方案。"

2. 数字健康与员工健康趋势

我们对 COVID-19 的了解还不够，但这将会是可穿戴设备，远程医疗和人工智能等新数字健康发展机会。到 2021 年，我们可以预料这些技术将继续发展。

我们还看到了一些出色的自监控应用程序应用于可穿戴设备，可提供有关步数，睡眠，心率或血压的即时可视化数据。这些复杂的功能使用户能够掌控自己的健康，并告知他们如何改变生活方式。

医疗保健人工智能软件，硬件和服务市场，预计到 2025 年全球将超过$ 340 亿@Businesswire

△ Pillo Home Healthcare Robot @415Agency

Oracle-Workplace Intelligence 最近对 12,000 名员工（包括 3,100 名 C 级高管）进行的一项调查显示，企业领导者与任何人一样容易受到职业压力的影响。71％的高管表示 2020 年是他们有史以来最紧张的工作年，而 53％的高管表示在工作中遇到精神健康问题。

△ @ILLO

专注于改善员工的福祉不仅是正确的事情，而且公司也意识到这可以提高业务绩效。这就是为什么他们正在寻找技术和其他工具来提高工作满意度，工人健康，可持续性，工作与生活的平衡以及灵活的工作安排。

或许人工智能之类的技术能对于这一追求提供重要帮助。Oracle-Workplace Intelligence 研究发现，75％的员工认为 AI 可以帮助提供对其工作至关重要的信息，自动化任务并减轻压力。报告还显示，68％的员工宁愿使用机器人而不是经理来讨论工作场所的压力。

△ @Shahin Srowar

3. 人工智能工程化（AI Engineering）

多年来，人们一直担心自动化技术在企业中的迅速普及会导致工作岗位减少。现实要乐观得多：自动化不是要替换工作，而是要增强工作。

公司知道，员工在重复性的工作上花费了太多时间。因此，越来越多地使用机器人来执行这些任务，例如归档工单，发送和签名文档以及与同事交换每小时的班次等。由于自动化，企业将更多的精力投入到改善工作文化和确保员工对工作满意的工作上。

人工智能工程化立足于三大核心支柱：数据运维、模型运维和开发运维。强大的人工智能工程化策略将促进人工智能模型的性能、可扩展性、可解释性和可靠性，完全实现人工智能投资的价值。

△ @Craftwork Studio

4. 企业数字孪生

数字孪生是真实世界环境、产品或资产的虚拟表示，用于多种目的。制造商使用数字双胞胎来管理机器和工厂的性能和效率，而城市规划者则使用它们来模拟新开发项目的潜在影响。2021 年数字孪生将会在物联网（IoT）平台中有更广泛的应用。

△ @azure.microsoft.com

5. 全面体验（Total Experience）

Gartner 将多重体验定义为一种重要的战略科技趋势。而在今年，这一趋势又进一步发展成为全面体验（TX），将多重体验与客户、员工和用户体验相联系。Gartner 预计在未来三年中，提供 TX 的企业机构在关键满意度指标方面的表现将超越竞争对手。”由于疫情，移动、虚拟和分布式互动日益盛行，因此企业机构需要有 TX 策略。TX 将改善体验的各个组成部分，实现业务成果的转型。这些相互交织的体验是企业运用创新革命性体验实现差异化，从而从疫情中恢复的关键驱动力。

△ @Hamza Abdelhak

6. 行为互联网（Internet of Behaviors）

行为互联网（IoB）不断涌现，许多技术都在捕获并使用人们日常生活中的“数字尘埃”。IoB 汇集了面部识别、位置跟踪和大数据等当前直接关注个人的技术，并将结果数据与现金购买或设备使用等相关的行为事件相关联。

企业机构使用该数据来影响人的行为。例如为了在疫情期间监控对健康规定的遵守情况，企业机构可以通过使用 IoB 计算机视觉来查看员工是否戴着口罩或通过热成像来识别发热者。

Gartner 预测，到 2025 年末，全球一半以上的人口将至少参加一项商业或政府的 IoB 计划。虽然 IoB 在技术上可成为可能，但社会各界将对各种影响行为的方法展开广泛的伦理和社会学讨论。

△ BayouFord Driver App@hamam zai

7. 网络安全网格（Cybersecurity Mesh）

网络安全网格使任何人都可以安全地访问任何数字资产，无论资产或人员位于何处。它通过云交付模型解除策略执行与策略决策之间的关联，并使身份验证成为新的安全边界。到 2025 年，网络安全网格将支持超过一半的数字访问控制请求。

Gartner 研究副总裁 Brian Burke 先生认为：“新冠疫情加快了耗时数十年的数字化企业变革过程。我们已经越过了一个转折点，大多数企业机构的网络资产现在都已超出传统的物理和逻辑安全边界。随着随处运营的不断发展，网络安全网状组网将成为从非受控设备安全访问和使用云端应用与分布式数据的最实用方法。”

△ Digital security@Stephane Vasadze

体验趋势

1. 虚拟现实&增强现实（VR&AR）

虚拟现实（VR）再次兴起

VR 一直以来是“未来派”技术的代表之一，在相当一段时间却很难成为主流，当然这与 Facebook 的 Oculus Rift、HTC Vive 和 PS VR 之类头戴相关设备高昂的价格标签也有一定的关系。

不过由于最近 VR 游戏的发行成功，包括“半条命”（Half-Life Alyx），VR 热度再次上升。新兴厂商为动态和创造性的混合现实构建新的解决方案；此外，医疗健康，在线展览和娱乐艺术的需求也在增加。

虚拟现实游戏行业内的全球收入预计从$ 4 亿在 2017 年到 2024 年增长到$ 24 亿。@Statista

△ 微软 HoloLens 展示了“计算的新现实”。@microsoft.com

那么除了游戏行业该如何进军 VR 市场？在疫情期间，GDC 在 2020 年使用 VR 中主持了他们的演讲，使远程参会者能够 360 度观看展台，通过网络研讨会和聊天室进行互动。在 2021 年，我们可以看到更多的企业会利用这项技术来触及全球更多的用户。

△ @Mikhail Gorbunov

同时我们还可以预见在数字医疗中使用大量 VR 可以改善对慢性疼痛，焦虑症和创伤后应激障碍的治疗。我们甚至可能会看到剧院和博物馆采用了这项技术，以保持对公众的虚拟开放。

设计增强现实（AR）

AR 同样是是“未来派”技术的代表之一，已经获得越来越多普及。你可以在花园里偶遇一头真人大小的长颈鹿，也可以想象宜家家具设计是否符合家里的风格，不少厂商已经透露不少新颖的 AR 应用场景。

通过对于 AR 产品的全球市场可能骤增至 85％，在未来四年将有$ 1650 亿市场@Statista

根据《行业周刊》的报道，苹果等公司已经在重建和重组日常用户更容易使用的产品。这家科技巨头正在研发多种 AR 产品，包括可以无线连接至 iPhone 并向佩戴者发出光束的内容（如电影，地图等）的数字眼镜，这听起来似乎有点酷？

2020 年 9 月，马克·扎克伯格（Mark Zuckerberg）宣布 Facebook 将于明年启动“迈向增强现实眼镜之路的下一步”。

△ @sparkar.facebook.com

2. 非接触式互动

语音用户界面（VUI）

在疫情期间，当我们思考如何在不接触的情况下与设备进行交互时，语音和手势交互似乎成为了另一种 UI&UX 的趋势。

其实早在疫情爆发之前，这种趋势就已经很明显，语音交互是未来几年主要的 UI&UX 趋势之一，在设计中可添加语音用户界面的场景越来越多。例如，您可以使用语音聊天机器人使访客使用语音命令进行通信。虚拟助手也是如此。在未来几年中，许多公司将创建完整的语音用户界面。

学习语音交互设计 → https://www.uisdc.com/zt/vui

△ @ Denislav Jeliazkov

语音交互基于 AI 人工智能，我们希望最终能通过语音助手来解决复杂的问题并且易于使用。下一代 AI 助手将具备：高级个性化，个性化主要的目标是使用户感知内容是专属的。基于语音的助手将通过分析语音和面部表情来了解确认交互者的身份。非接触式交互，语音优先界面帮助设计师减少用户达到期望结果所必须采取的步骤。

手势控制

手势控制是一种随着触控屏出现而引入的各种手势控制机制的一种新技术拓展。现在悬空手势已经实现在设备上正常工作。例如，最近欧洲豪华车品牌 DS Automobiles 通过空中触觉反馈和手势展示了其新的非接触式控件，声称该系统提供的精度比触摸屏高三倍。

△ Haptics and Gesture Control in Automotive @ Ultraleap

视觉趋势

1. 3D 设计

3D 同样是 2021 年的设计趋势，3D 设计目前更容易应用在企业的品牌或产品应用中。

审美是一种循环，在长达 12 年的扁平化设计之后，Mac 新操作系统 Apple Big Sur 也让 3D 在 UI 设计中得到更频繁的使用。

△ @Eric Hoffman

实际上早在 2017 年的 Build 大会上微软宣布采用全新的 Microsoft Fluent Design System 就包含 3D 设计的五大核心元素：Light（光感）、Depth（深度）、Motion（动画）、Material（材质）和 Scale（缩放）。其中就包含微软最早在 Win7 时代就应用了亚克力（毛玻璃）效果，而苹果则将这一特性发挥得淋漓尽致。从 z 轴维度出发的设计，用它来制造出覆盖内容之上的感觉，令界面元素更有层级，更有趣。或许是因为微软并没有很好的将 Fluent 应用在实际产品中，一直处于概念优于实际。

3D 设计的流行离不开行业的布道者们的引领，2021 年 3D 设计将进入一个新的开始。

△ @Ryan.Jyu

2021 年，设计师（艺术家）们将彻底打开对 3D 特效的探索之门，这种趋势将会大量呈现设计师们在各种材质、光效、物理模拟等深入研究的效果。

△ @mav.farm

基于 Web GL 的 three.js 正流行；通过 Web 可以随时随地访问 3D 的故事场景，相比过去，现在的前端框架和库能够显著提升页面加载时效，使得能够支持更大更为精细的 3D 场景。

△ @adidaschile20.com

在 2021 年，3D 只会变得越来越流行，尤其是看到日益普及的 VR 和 AR 技术。很酷的抽象感，不寻常的角度，您可以在 3D 中完成所有操作而无需使用真实实体对象，例如，当您需要展示昂贵的汽车或不寻常的房子时，这通常可以节省更多成本。3D 吸引了人们的注意力，并使网站更具吸引力，使用户在页面上停留的时间更长，转化率也提升了。

△ @experience.soletanche-bachy.com

当然技术虽不断发展，但 3D 的主要缺陷任然存在。3D 对象结构越复杂，在用户设备上执行的负载也就越大。需要确保网站已经优化完全，以保证可以显示完整的动态效果。否则用户遇到加载过慢或失败的情况下会适得其反，用户会产生严重流失。

△ @Gleb Kuznetsov

2. 动态化设计

我们相信所有年龄阶段的用户都喜欢观看引人入胜的动画故事或者可交互动画动作。尝试使用简约的界面与大胆有趣的元素结合在一起，既可吸引用户，也能保证信息清晰明了。

2021 年，动画设计案例将越来越多。无论是界面 UI 动画，还是大型营销动画（包含 3D），技术的发展将带来全新的体验。

△ @richardmattka.com

3. SVG（可伸缩矢量图像）的广泛应用

过去在企业应用设计中，由于浏览器兼容问题导致没有办法完全覆盖 SVG，现在除了可以应用全局 SVG Icon 以外还可以通过 SVG 来绘制矢量插图，插图使用 XML 定义基本属性，例如路径、形状、字体和颜色以及更高级的功能。

△ @Huseyin

当提高显示分辨率时，PNG、GIF 和 JPEG 会丢失质量。而 SVG 可以任意放大或缩小矢量格式而不会降低质量。相比位图，SVG 具有更轻量的体积，更快的访问速度。

4. UI&UX 轻量化设计

UI&UX 持续精简优化已然是趋势，更少的字段显示与更少的字段填写。即使用户达到所需结果所必须采取的步骤也是如此。

注册与登录步骤就是案例，2021，请勿强迫用户记住密码。例如，在在线商城中，用户的个人标识符可以是他们的电话号码或生物特征数据。

△ @developer.apple.com

苹果公司推出了“超级按钮”，它替代了随机数据进行网络注册。在许多应用程序中，您现在只需一个按钮即可注册，而无需社交网络的参与。

△ @Heavyweight

冗余的 UI 资产会给设计系统的维护和迭代带来沉重的负担，保留核心组件并提升组件利用率，去繁化简似乎是未来的趋势。

△ @bn digital

随着 iOS 和 Android 陆续支持了深色模式，深色模式也成为大众应用设计的标配。企业级应用的深色模式也将成为 2021 的趋势之一。

生产力趋势

疫情带来的封锁与隔离给我们的工作方式带来极大的挑战，远程办公与在线协作将会成为常态化，如何有效的让设计师们在线协作一直是一个巨大难题。

1. 基于 Web 的在线协作工具，多人实时在线协同

Figma

Figma 是一款免费的在线 UI 设计工具，可用于创建、协作、原型设计与设计对接。通过实时在线的设计协作能够打破设计师之间的视图壁垒，能够实时进行设计共享、修改以及反馈。你无需担心是否保存，你的设计稿永远保持最新版本。全平台兼容，只需打开浏览器就可以随时随地进行设计。除此之外 Figma 与 Sketch 一样通过轻量化主体+开放的 API 接口和插件生态系统，丰富的第三方插件市场能够为设计生产带来更多的可能性。

截至 2020 年 4 月，Figma 的估值超过 20 亿美元。@福布斯

△ Figma@Remilla Ty

Miro

团队线上协作的设计思维导图工具，核心功能是支持团队在线协作白板服务，无论是思维导图、各式图表、概念图、还是资讯分析用的鱼骨图、价值链分析、PEST 分析，Miro 提供了丰富的免费模板。不仅如此 Miro 还提供了更为丰富的内容格式，包括视频、图片、文档、标签等。

△ @miro.com

Pitch

在线演示文稿工具，支持多人实时在线或离线以及跨设备构建。这是一种针对现代团队需求而构建的演示软件。Pitch 可帮助团队更好地协作，高效、精美地制作演示文稿。

△ @pitch.com

2. 基于 Web 的轻量化工具

在线工具已然成为一种趋势，从格式转换、图片处理到 3D 建模我们逐渐可以通过一个浏览器来使用这些轻量化工具来解决我们实际的设计问题，Figma 已经满足 UI 设计师的生产力工具所有需求，未来或许有更多基于 Web 的生产力工具出现。

Spline

Spline 是一款 3D 设计工具，你可以无需下载客户端在浏览器中创建 3D 项目。Spline 最大的特点是轻量，其操作界面跟 Sketch、Figma 结构一致，能够以 2D 的方式进行 3D 设计；无需 3D 设计基础。Spline 具备基础的 3D 模型编辑功能，同时提供丰富的在线 3D 模型库使用，模型支持添加事件，通过设置不同模型状态进行交互切换。文件可以导出静态图片也可以免费导出离线网页。

△ @spline.design

Vectary 3.0

Vectary 一款在线 3D 建模设计工具，提供免费场景、模型和材质库，无需从头开始或花费很长时间建造模型，提升 3D 设计效率。素材库包含上千个免费的可自定义 3D 模型，以及数百种高质量纹理化的材质可供使用。VECTARY 现已在 Iphone 和 Android 中全面开通支持 AR 界面，通过在您的网站上使用 Vectary 3D / AR Viewer，每种类型的访客都可以获得交互式 3D 或 AR 体验。

△ @vectary.com

3. 工具平台化

用未来设计工具将不仅仅聚焦设计产出本身，而是不断向设计的上下游延伸，打通工作的流程中的各个节点，连接和传递每个节点产出物、打通信息流，从设计研究→设计创作→代码实现→项目&资产管理，做到全流程全角色全场景覆盖，形成一个更低成本、更便捷的团队协作模式。

△ @invisionapp.com/studio

4. 自动化&智能化

用户界面设计工具的趋势之一：借助现代工具和技术简化设计师的工作流程。例如，Adobe 在 10 月宣布了他们对 Photoshop 22.0 版的更新，其中包括 Nvidia 的许多令人敬畏的 AI 驱动的功能，这是一组图像编辑工具，Adobe 称其为“神经过滤器”。Sketch App 最近更新了颜色变量和组件视图功能，方便更有效的管理颜色一致性。Figma 也迅速更新了为分布式团队添加新功能，包括模板和虚拟会议功能，这些新功能使远程协作更加轻松。Pixelmator 的图形编辑器的最近更新具有增强的机器学习功能和 GPU 驱动的图像编辑功能。

生成设计（Generative design）是另一个潜在的 UX / UI 趋势。这是可以分析大量相似数据，找到其定义特征和特征，然后根据所提供的数据创建新特征的数据。

△ @helpx.adobe.com

5. 结构化设计系统

代码结构化思维应用设计工具将是 2021 年的趋势之一，助力设计师构建结构化组件。Figma 更新的组件变体功能将设计系统的组织形式结构化，统一管理组件的多种类型、尺寸、以及不同状态；优化设计层级，从而简化了资产面板并更紧密地将组件映射到代码。

△ @Mohamad Rasouli

6. 设计开发态

设计开发态能够极大提升设计与开发的对接效率，也能减少设计师与开发者直接的隔阂。

例如：你可以创建响应设计内容的动态框架。过去搭建或修改一个组件需要不断的调整设计尺寸及间距，现在通过自动布局设定参数即可自动适应。Figma 中的自动布局（Auto Layout）功能其实是引入了接近 CSS Box 模型和 Flexbox 在 Web 上的工作方式。

△ @AsiaInfo Design

New Invision DSM 在 Web 端更新了开发组件管理方式，通过将“组件代码”与“设计稿件”绑定，将设计系统进行统一管理；Zeplin 同样也更新了设计组件（UI components）绑定代码（React components）的功能，让开发同学查看设计稿切图标注时，可直接访问已经代码化的组件详情，提升前端开发效率。

△ @Wojciech Zieliński

7. 设计稿即代码（Design to Code）

我们常见的 D2C 主要出现在设计交付前端工具中，如 Sketch Mesure、Zeplin，主要功能是导出静态页面代码（HTML+CSS）其问题是：代码机构不合理，可维护性差。目前业内讨论较多的是图片生成代码的能力：通过 AI 人工智能将草稿/视觉稿一键生成可维护的前端代码，提高前端开发效率。

微软的 Micosoft AI 的 Sketch2Code 即通过 AI 训练的 Custom Vision Model 可以针对 HTML 手绘模式执行对象识别，用于将有意义的设计元素检测到图像中，每个检测到的元素通过文本识别服务提取手写内容，被检测对象的信息及其在图像中的位置被同步到底层算法结构中，最后对应包含检测到的设计元素的布局生成有效的 HTML。

除了基本的静态设计能力外，动态交互、动画展示等等在新一代的设计产品里面都可以结构化描述的，未来的 D2C 可以运用这部分数据来生成交互逻辑、动画代码等。

△ @No-Code web builder@Mohan

结语

设计趋势是周期性的，UI&UX 设计的新趋势每年都在变化，这是一种审美循环。趋势是必然的，趋势背后是技术发展的浪潮。可见的是设计创造的可视语言，这是一种手段，而我们更应该关注背后所传达价值。

欢迎关注作者微信公众号：「AsiaInfo Design」