设计系统：为什么品牌需要一个

已发表: 2022-09-20

那里有超过 50 万个品牌，但只有一些品牌脱颖而出。想想那些经受住了时间考验的公司，比如迪斯尼、耐克或微软，并抓住了你的一个角落。他们成功地将自己与竞争对手区分开来。

通常，强大的品牌让我们记住这些品牌。如今，产品或服务的功能大多被认为是理所当然的，我们的关注点从功能转向形式。产品或服务的设计有能力吸引我们的注意力并伴随我们很长时间。颜色、字体、图标、图像、语气——整个体验让我们记忆深刻。

与客户的每一个接触点都是一个告诉他们你是谁以及你代表什么的机会。但是，当与多个团队、部门和产品合作时，您如何以一致且可扩展的方式做到这一点？

介绍设计系统

设计系统的出现是为了帮助我们处理日益复杂的数字生态系统，其中包含比以往更多的产品、服务和接触点。对于希望提供一致的客户体验 (CX)、扩展设计工作、加快工作流程和改善协作的大型品牌来说，这是合乎逻辑的举措。

一个设计系统归结为一个集中的库，由一组内聚的功能性和可重用的设计元素和组件组成。从图案、画笔、组件、形状、插图和排版到尺寸、间距、编码按钮和表单的说明。指南、价值观和使用示例也是设计系统的重要组成部分。

最重要的是，DPDK 添加了基于库和指南的生产文件概述。简而言之，设计系统拥有设计人员和开发人员需要的所有工具。

成功的设计系统绝对不是一成不变的，需要不断发展。据 Forrester 称，拥有成熟设计系统的品牌可提供更一致的客户体验、更高的客户满意度并更快地将产品推向市场。理想的设计系统实现的三个主要成果是：

1. 一致性

为构建和（重新）使用组件引入一组共享的规则和指南，可以更轻松地跨平台创建一致的体验。

2.效率

它使开发人员和设计人员能够重用元素和组件，而不必一遍又一遍地从头开始构建外观相似的组件。团队有更多时间专注于他们最擅长的事情，从而创造出最好的 CX。

3. 可扩展性

提高效率和一致性将帮助您更快、更好地构建产品。扩展变得更容易和更便宜。

设计系统如果做得好，将对品牌和业务方面的性能产生巨大影响。为了展示我在这里不仅是在说话而且是在走路，让我们仔细看看DPDK自己的插画设计系统（IDS）。

说走就走

在 DPDK，我们是设计系统的坚定拥护者，并且 15 年来一直在为品牌提供关于它们的重要性和需求的建议。虽然我们之前已经建立了 DPDK 设计系统，但我们的 IDS 只是在我们的营销团队开始并且我们的博客开始形成时才创建的。 IDS 基本上是一个位于该系统内的系统。去年 11 月，我在 Adobe MAX 上发表了关于规模设计的演讲，详细讨论了我们的设计系统。您可以在此处查看谈话内容和要点。

无论如何，插图是活跃沟通和让您的品牌与众不同的好方法。与图库摄影不同，它们是独特而有创意的。然而，插画风格的挑战在于它通常依赖于创作者。

我们还希望我们的 IDS 能够经受住时间的考验，而不是依赖于一个单一的设计师。这就是为什么多个设计师可以使用的结构化插图风格是关键的原因。 IDS 确保样式保持一致并有助于以可管理的方式进行扩展。

建立插画设计系统

当你创建一个设计系统时，你总是从一个愿景开始。你需要回答几个重要的问题，比如你是谁，你代表什么。然后，您将这些问题的答案转化为您的视觉形象。

我们的目标是拥有一种独特的插画风格，简单、色彩丰富，并且可以涵盖许多数字行业主题。可扩展性也是一个重要方面。插图需要能够被分解并以不同的方式重新构建。

我们从基本的图形元素、简单的字符以及大量的测试和学习开始。从那里，我们开发了 IDS 的基本第一个版本。我们开始使用的前几个 PDF 由指南、字符、对象、形状、画笔和混合图案组成。

最终，这些成熟为 DPDK 的每个设计师都可以访问和使用的实时 Adobe XD 库。这个库中的元素就像乐高积木，设计师可以轻松地创建新插图。如果库中未提供组件，设计人员可以创建和添加新项目。 IDS 为我们的设计师提供了创造性的自由，可以在“盒子内”进行设计和实验，同时保护我们的插图风格。

另一方面，营销团队使用插图使我们的品牌栩栩如生。这比在博客上发布内容更进一步。您可以在每个接触点（在线和离线）以及外部和内部通信中看到 IDS 的运行情况。

想想我们准备的白皮书、我们为会议创建的演示文稿或发送的直接邮件。 IDS 也用于雇主品牌和内部活动。独特的风格和广泛的应用帮助我们从竞争对手中脱颖而出。

包含的颜色

设计系统需要不断发展。定期反馈是确保进展的一个重要方面。这就是为什么我们每月举办一次审查会议，让设计师可以提出新的想法并讨论在以前的设计方面可以改进的地方。

当我们在 2020 年做出对外平等、多样性和包容性的承诺时，我们很快意识到我们的插图需要反映多元化的人群。我们是 DPDK 的国际团队，这并没有反映在 IDS 中，也不能代表我们生活的世界。

第一个插图是在白色背景上绘制的，它转化为最终以白色肤色为主的角色。为了体现更具包容性的设计，我们开始尝试不同的颜色，如红色、黄色和绿色。但我们认识到这不是要走的路。

使用真实照片并从我们自己的团队中汲取灵感，我们最终决定使用逼真的色彩并决定使用自然色调。通过一套指导方针，我们确定了角色的尺寸、比例和肤色。随之，我们的角色演变成具有各种肤色、时尚服装和发型的多样化人物。通过我们的插图，您可以了解 DPDK 作为一个机构是谁，以及我们如何看待这个世界。

结果

使用 IDS 为每个插图平均节省了两个小时（取决于复杂性）。将其乘以四，您就可以腾出一位设计师来完成一天的工作。那是巨大的。这样一来，我们的设计师就有更多时间进行创意并专注于设计和工艺，而不必将时间花在手工工作和重复性任务上。

我不必担心不一致或释放资源，因为十多个不同的设计师已经使用 IDS 并对其进行了进一步的改进。我们的营销团队能够及时发布内容和发起活动。总而言之，我们的 IDS 努力将 DPDK 的品牌提升到了一个新的水平，并帮助我们的团队快速扩展输出并创造品牌体验。

您准备好为您的团队提供面向未来的设计系统了吗？

在此处阅读全文