累计收益率 历史回报率_设计系统的投资回报率

累计收益率 历史回报率

If you’ve been on a college campus in the past ten years or so, you’ve probably noticed dozens of big trucks and loud machines banging away at concrete, setting the foundation for a new dormitory building or two.

如果您在过去十年左右的时间里一直在大学校园里，您可能已经注意到数十辆大型卡车和响亮的机器在混凝土上轰鸣，为一两个新的宿舍楼奠定了基础。

If you returned to that same campus a week later, you’d be shocked to find hundreds of brand-new housing units erect and ready for living.

如果一周后您回到同一校园，您会惊讶地发现数百个全新的住房单元已经建成并可以居住。

You might ask yourself, How in the world did they build those so fast? And how do they all look identical?

您可能会问自己，他们在世界上如何如此快地构建它们？ 它们看起来如何相同？

The answer? Modularity.

答案？ 模块化。

Defined as “the use of individually distinct functional units, as in assembling an electronic or mechanical system”, modularity is what helps some designers and builders across many industries build apartment units in just a few days and a 57-story skyscraper in two weeks.

d efined为“利用单独不同的功能单元，在组装电子或机械系统”，模块化是帮助在短短的几天一些设计师和建设者在许多行业构建户型公寓和57层的摩天大楼在两周内。

How, exactly? By setting up a uniform system of design artifacts and design principles — in other words, building blocks and how to use them — to rapidly increase construction and deployment times in a consistent and predictable way.In brand and experience design, we call these design systems, and they function much the same in brand communications as the modular method does in construction — using consistent, repeated brand and business communications across experiences and touchpoints.

到底如何？ 通过建立统一的设计工件和设计原则系统(换句话说，构建基块以及如何使用它们)，以一致且可预测的方式快速增加构建和部署时间。在品牌和体验设计中，我们称这些设计系统 ，并且它们在品牌传播中的功能与模块化方法在构建过程中的功能几乎相同-使用跨经验和接触点的一致，重复的品牌和业务传播。

什么是设计系统？ (What is a design system?)

“A kit of UI components without accompanying philosophy, principles, guidelines, processes, and documentation is like dumping a bunch of IKEA components on the floor and saying “Here, build a dresser!” The guidelines and documentation accompanying the UI components serve as the instruction manual that come with the IKEA components to help the user properly and successfully build furniture.” — Brad Frost

“一套没有随附的哲学，原理，准则，过程和文档的UI组件套件，就像在地板上倾倒了一堆IKEA组件，然后说：“在这里，建造一个梳妆台！” UI组件随附的指南和文档作为宜家组件随附的说明手册，可帮助用户正确并成功地构建家具。” - 布拉德·弗罗斯特

A design system is, beyond anything else, a way to bring a brand together. It’s the full scope of a brand’s styles and structures and a guide to how and where they’re implemented.

设计系统是将品牌凝聚在一起的一种方式。 这是品牌样式和结构的完整范围，以及如何实施以及在何处实施的指南。

Because brands are essentially living, breathing organisms, design systems need to include every characteristic in a brand’s DNA — from UI widgets to photography styles to the voice and tone of its copy. If you ask me, most design systems I see today do a good job addressing the visual aspects of a brand, but most are chock full of gaps when considering how the brand comes to life in broader contextual applications.

因为品牌本质上是生命，呼吸的有机体，所以设计系统需要在品牌的DNA中包含每个特征-从UI小部件到摄影风格再到其复制品的声音和色调。 如果您问我，我今天看到的大多数设计系统在解决品牌的视觉方面都做得很好，但是考虑到品牌如何在更广泛的上下文应用中实现时，大多数设计系统都充满了空白。

A design system should be a tapestry that we experience. It’s the essence and expression of the DNA of a brand — a lexicon, an alphabet for how to set the foundation right. Yet all of this goes to waste if the brand system doesn’t encompass all use-cases of the brand and doesn’t portray the myriad of ways it’s applied in its ecosystem.

设计系统应该是我们经历的挂毯。 这是品牌DNA的本质和表达方式-词典，是有关如何设置基础权利的字母。 但是，如果品牌系统没有涵盖品牌的所有用例，并且没有描绘出其在生态系统中应用的多种方式，那么所有这些都会浪费掉。

什么是一流的设计系统？ (What’s a best-in-class design system?)

It’d be in bad taste to point out any of the design systems we’ve developed for and with our partners, so I’ll offer some of my favorites.

指出我们与合作伙伴一起开发的任何设计系统都不好，所以我将提供一些我的最爱。

Shopify’s Polaris

Shopify的 北极星

From their website: “Our design system helps us work together to build a great experience for all of Shopify’s merchants.”

在他们的网站上 ：“我们的设计系统可帮助我们共同为Shopify的所有商家打造出色的体验。”

Why it’s great: It’s polished and enables users to follow a consistent design language, which helps them make more informed design decisions later on. This all adds up to increased design collaboration, increased productivity, and more quality investments.

为何如此出色 ：它经过抛光，使用户能够遵循一致的设计语言，从而有助于他们在以后做出更明智的设计决策。 所有这些都增加了设计协作，生产率和更多的质量投资。

Uber

优步

From their website: “With our company’s growth and new direction, we need a brand identity that is efficient to use, flexible across applications, and able to feature localized content in a globally consistent way. These guidelines cover 9 elements: logo, color, composition, iconography, illustration, motion, photography, tone of voice, and typography.”

在他们的网站上 ：“随着我们公司的发展和新方向，我们需要一个有效使用，灵活跨应用程序并能够以全球一致的方式展示本地化内容的品牌标识。 这些准则涵盖9个元素：徽标，颜色，组成，肖像，插图，动作，摄影，语气和版式。”

Why it’s great: It’s organized and has logical documentation. My favorite aspect are the two separate segments, Figma and React, which serve designers and engineers. Figma gives a component library for a designer building user interfaces, and React gives component library for engineers to implement the application.

为何如此出色 ：它井井有条，并具有逻辑文档。 我最喜欢的方面是为设计师和工程师服务的两个独立的部分，即Figma和React。 Figma为设计人员构建用户界面提供了一个组件库，React为工程师提供了实现应用程序的组件库。

IBM’s Carbon

IBM的 Carbon

From their website: “Carbon is IBM’s open-source design system for products and experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.”

在他们的网站上：“ Carbon是IBM的产品和体验的开源设计系统。 该系统以IBM设计语言为基础，由工作代码，设计工具和资源，人机界面指南以及活跃的贡献者社区组成。”

Why it’s great: It’s incredibly comprehensive and easily accessible — it covers everything from detailed and logical documentation for beginning designers to complex, detailed usage guidelines for project managers and engineers. And they even test their color contrasts on their UI patterns to be low-vision users.

为何如此出色：它非常全面且易于访问-它涵盖了从初学者的详细逻辑文档到项目经理和工程师的复杂详细使用指南等所有内容。 他们甚至在低视力用户中测试其UI模式的颜色对比。

这些设计系统有什么共同点？ (What do these design systems all have in common?)

1. They’re comprehensive. Everything from brand colors to buttons shapes are determined, making it easy for everyone to be on the same page, whether they’re a new employee or an off-site freelancer.

   他们很全面。 从品牌颜色到纽扣形状的所有内容都将得到确定，无论是新员工还是异地自由职业者，每个人都可以轻松进入同一页面。

2. They represent the brand. Whether you’re looking at Uber or Mailchimp, it’s obvious (beyond the name and logo). That’s because they leverage their unique differentiations and elements of brand character throughout their design system to make every digital brand touchpoint a unified experience.

   他们代表品牌。 无论您是查看Uber还是Mailchimp，它都是显而易见的(除了名称和徽标之外)。 这是因为他们在整个设计系统中利用了自己独特的差异和品牌特征元素，使每个数字品牌接触点成为统一的体验。

3. They’re enjoyable. Believe it or not, these design systems are read by non-employees daily. That’s because they’re not simple lists of brand assets. No, they’re experiences. They teach you but also entertain you. They often read like stories and make you feel closer to the brand and its people. That’s what separates a good design system from a great one.

   他们很愉快。 信不信由你，这些设计系统每天都会被非员工阅读。 那是因为它们不是简单的品牌资产列表。 不，他们是经验。 他们不仅教你，还娱乐你。 他们经常阅读像故事一样的故事，使您与品牌及其员工更亲近。 这就是将好的设计系统与好的设计系统区分开来的原因。

为什么需要设计系统？ (Why is a design system needed?)

“Creating consistency is like making small promises throughout the interface (when you see a pink button it is always an action; the “Cancel” button always comes before “Submit”). When people can be confident of what will happen, they can rely on the product. Consistency helps to build trust.”―Alla Kholmatova, Design Systems

“创建一致性就像在整个界面中做出小的承诺(当您看到一个粉红色的按钮时，它始终是一个动作；“取消”按钮始终位于“提交”之前)。 当人们对将要发生的事情充满信心时，他们可以依靠产品。 一致性有助于建立信任。”-设计系统Alla Kholmatova

Plainly, design systems are good for business. They establish a shared language and communication across the team, which, in turn, creates greater communication, understanding, and morale. It unifies the team around governing design principles that propagate the brand forward over time.

显然，设计系统对业务有利。 他们在整个团队之间建立了共同的语言和沟通方式，进而创造了更好的沟通，理解和士气。 它统一了围绕指导设计原则的团队，这些设计原则随着时间的推移不断传播品牌。

When developing a design system, it needs to be agnostic of a technology. As a lifelong coder and believer in open-source, one of things I realized is the impact community and collaboration has on how we work together to create frameworks that power the planet.

在开发设计系统时，它必须与技术无关。 作为终身的编码人员和开源软件的拥护者，我意识到的一件事是社区和协作对我们如何共同创建为地球提供动力的框架的影响。

This concept is so relevant because it enables inclusion, collaboration, and connectedness — all encouraging complex adaptive systems to evolve intelligently over time by collectively developing, reviewing, and improving sourcecode.

这个概念之所以如此重要，是因为它可以实现包容，协作和连通性，所有这些都鼓励复杂的自适应系统通过共同开发，查看和改进源代码而随着时间的推移智能地发展。

This fosters a deep sense of inclusivity across departments and roles, where no point-of-view is weighted heavier than another — it’s a true collaboration. And, as everyone works using the same shared principles, curiosity and discovery can flourish to create an established framework of voice, tone, and visuals. And, most importantly, it’s a space that will constantly evolve, living and breathing along with the brand and those who help build it.

这在各个部门和角色之间产生了深刻的包容性，在这种观点下，没有哪个观点比另一个观点更重要—这是真正的协作。 而且，当每个人都使用相同的共享原则工作时，好奇心和发现会蓬勃发展，以创建一个已建立的语音，音调和视觉框架。 而且，最重要的是，这个空间将与品牌以及帮助其发展的人们一起不断发展，生存和呼吸。

But crafting a design system goes way beyond just a UI kit — it offers aesthetic direction, but doesn’t offer accessibility into the differing personas and stakeholders a brand reaches. I find the best place to start making your brand design system is doing an experience and touchpoints inventory audit. Collect everything outward facing — both physically and digitally — and really look at it. Print it out, pin it up or project it, and look at it with your designers, product managers, engineer, writers, everyone that works on that product to see a full brand experience.

但是，设计系统的设计远远超出了UI套件的范围，它提供了美学指导，但无法提供品牌所达到的不同角色和利益相关者的可访问性。 我发现开始制作品牌设计系统的最佳位置是进行体验和接触点库存审核。 收集物理上和数字上所有面向外的东西，然后真正地看一下。 打印出来，钉住它或投影出来，然后与您的设计师，产品经理，工程师，作家以及从事该产品工作的每个人一起查看，以获取完整的品牌体验。

At Digital Surgeons, we like to start by establishing common goals, categorizing those goals, and then identifying the patterns — brand voice, tone, principles, typography, animation, motion, media, everything. This allows us to see how the brand is living, how it’s breathing and establish it’s persona.

在Digital Surgeons，我们希望从建立共同的目标开始，对这些目标进行分类，然后确定模式-品牌声音，语调，原则，版式，动画，动作，媒体，一切。 这使我们能够看到品牌的生活方式，呼吸方式并确定其角色。

您如何启动设计系统？ (How do you start a design system?)

Embarking on defining and building out your design system is actually a lot easier than it may seem. The most important thing, across all steps, is collaboration, as every role and function such as — designers, developers, strategists, sales and marketing — should be considered, as they’re understanding and involvement now will save money later.

实际上，开始定义和构建设计系统要比看起来容易得多。 在所有步骤中，最重要的是协作，因为应该考虑到每个角色和职能，例如设计师，开发人员，战略家，销售和市场营销，因为他们正在理解和参与现在可以节省以后的钱。

Step 1 — Start where you stand and take inventory of where you are. This is more than just collecting every artifact that visualizes your brand or product, it’s an emotional exercise, or mapping, to identify how your company organizes, plans, creates, and makes decisions about these systems. It’s important to be honest, or you’ll begin in a place your brand doesn’t actually exist.

第1步-从站立的地方开始，盘点自己的位置。 这不仅仅是收集可视化您的品牌或产品的每件产品，它还是一种情感锻炼或作图，以识别您的公司如何组织，计划，创建和制定有关这些系统的决策。 坦白讲，很重要，否则您将从一个品牌根本不存在的地方开始。

Step 2 — Visualize where you are going. Now that you know where you are and where you want to go, you can map your way to success. Just be sure where you’re going is actually where you need to be, ensuring ROI on your design system. Ask yourself and your team why you’re creating a design system in the first place? What current challenges you’ve discovered in the first step will be overcome, and how will you overcome them?

第2步-可视化您要去的地方。 现在，您知道自己的位置和想要去的地方，您可以为成功指明道路。 只要确定要去的地方实际上就是您要去的地方，以确保设计系统的投资回报率即可。 问问自己和您的团队为什么首先要创建设计系统？ 您在第一步中发现的当前挑战将被克服，您将如何克服这些挑战？

Step 3 — Establish what your guiding principles are — the road you take from step 1 to step 2. Metaphors, Methods, and ways to ground you. These are your guiding principles on your journey — those which make up or determine what goes into your design system. One of my favorite expressions of Design Principles is Dieter Rams’…

步骤3-确定您的指导原则是您从步骤1到步骤2的道路。隐喻，方法和扎根您的方法。 这些是您旅途​​中的指导原则-构成或确定设计系统中要包含的内容的原则。 Dieter Rams的设计原则是我最喜欢的设计原则表达之一。

设计系统适用于谁？ (Who is a design system for?)

Everyone.

大家。

You may laugh at that, but it’s true.

您可能会对此大笑，但这是事实。

First and foremost, your design system needs to be accessible and optimized for use by your entire company — namely your marketing team, developers, and designers. They’ll be the ones applying the designs to applications day in and day out, whether it’s for a UX design, a deck presentation, digital products, or a piece of branded video content.

首先，您的设计系统需要可访问和优化，以供整个公司(即您的营销团队，开发人员和设计师)使用。 他们将是日复一日将设计应用于应用程序的对象，无论是用于UX设计，平台演示，数字产品还是品牌视频内容。

With that being said, your whole company should have a strong grasp on your brand and how it comes to life across every touchpoint. You never know when someone will need something on the run or in a flash and the only person they can rely on is themself. It’s reassuring as a business leader — particularly if you’re a CMO or a head of product know that your entire team, across all disciplines, is well-versed in the brand language and how it should be applied in a multitude of contexts and expressions.

话虽这么说，您的整个公司应该对您的品牌以及如何在每个接触点中体现出生命力有很强的把握。 您永远不会知道某人何时需要奔跑或紧急情况，而他们唯一可以依靠的人就是他们自己。 作为业务领导者，这令人放心-特别是如果您是CMO或产品负责人，请知道您整个团队在各个领域都精通品牌语言，以及如何将其应用于多种背景和表达方式中。

And believe it or not, design systems are for your audience, too. Not for use, but for consumption. They allow your audiences to experience your brand and recognize it in the ways that they’ve come to expect. That’s because a design system is designed to reduce confusion, inconsistencies, and those devastating “that seems off-brand for them” moments that many consumers experience far too often with some brands.

信不信由你，设计系统也适合您的受众。 不是为了使用，而是为了消费。 它们使您的受众体验您的品牌并以他们期望的方式对其进行识别。 这是因为设计系统旨在减少混乱，不一致性以及许多消费者在某些品牌上经常经历的破坏性“对他们而言似乎是品牌以外的”时刻。

This leads me to how a design system can help your brand, and most especially your ROI.

这使我了解设计系统如何帮助您的品牌，尤其是您的投资回报率。

您是否想知道设计系统是否可以为您的公司很好地利用时间和金钱？ (Are you wondering if a design system will be a good use of time and money for your company?)

Do your designers, developers, copywriters, anyone who works with your brand’s DNA spend more than 30 minutes asking these questions?

您的设计师，开发人员，撰稿人，与您品牌的DNA合作的人是否会花费30分钟以上的时间问这些问题？

• Which colors should I use for this ad?
  该广告应使用哪种颜色？
• What should our logo look like in this use case?
  在此用例中，我们的徽标应该是什么样？
• Is this photo approved to use?
  此照片可以使用吗？
• What component would best solve this problem?
  哪个组件最能解决此问题？
• What adjective or phrase would be brand-approved to use in this sentence or ad?
  品牌会批准在此句子或广告中使用哪个形容词或短语？
• How would we describe our company in 100 words? 500 words? Which words?
  我们将如何用100个字来形容我们的公司？ 500个字？ 哪个字
• Do we have a different logo or brand colors for our international office?
  我们的国际办公室是否有其他徽标或品牌颜色？

设计系统如何提供帮助？ (How can a design system help?)

A design system eliminates the guesswork or repetitive tasks that everyone hates, as well as the education and alignment needed when hiring or expanding. It allows your team in India to work in the same parameters as your team in Poland, who is also using the same guide as those in your US office. And the design system is not finite — it is a living, breathing thing, much like a brand, that adapts to new applications and experiences.

设计系统消除了每个人都讨厌的猜测或重复性任务，以及消除了雇用或扩展时所需的培训和调整。 它使您在印度的团队可以使用与您在波兰的团队相同的参数来工作，波兰也使用与您在美国办公室相同的指南。 而且设计系统不是有限的，它就像一个品牌一样，是一种生活，呼吸的事物，可以适应新的应用程序和体验。

A design system also, and, perhaps, most importantly, clearly communicates your brand to those who use it the most. There will be more consistency in your brand’s personality across platforms and materials. This allows for more cross functionality and collaboration, where everyone can contribute together and focus on what’s important, opening your team up to solve real customer experience issues. This ultimately leads to a new way of thinking about the evolution of a business system, coming to life in the digital artifacts: the logo, the values, the key visuals, the voice, the tone, the components, everything that goes into a core design system.

设计系统也可能(最重要的是)将您的品牌清楚地传达给使用频率最高的人。 跨平台和跨材料，您的品牌个性将更加一致。 这样可以实现更多的跨功能和协作，每个人都可以一起做出贡献并专注于重要的事情，从而为解决实际客户体验问题打开了团队的大门。 最终，这导致了一种思考业务系统发展的新方式，并在数字人工制品中得以实现：徽标，价值，关键视觉效果，声音，音调，组件，构成核心的一切设计系统。

A design system will save you time and money while improving CX.

设计系统将在改善CX的同时节省您的时间和金钱。

Investing in a design system is one of the most vital things brands can do today. Not only will it help your teams work faster, smarter, and more creatively, but it’ll also provide a common and easily repeatable experience for your customers throughout their purchasing journey with you.

投资设计系统是当今品牌可以做的最重要的事情之一。 它不仅可以帮助您的团队更快，更聪明，更富有创造力地工作，而且还可以为您的客户在与您的整个购买过程中提供通用且易于重复的体验。

Plus, with the rapid growth of remote workers and increasing popularity of hiring contract employees via trends in the gig economy, it’s more important than ever to ensure your brand has a clearly defined standard for every touchpoint that anyone on your team — whether full-time and on-location or freelance and remote — can access and apply to any context necessary.

此外，随着远程工作人员的快速增长以及通过演出经济趋势发展聘用合同工的日益普及，确保您的品牌为团队中任何人(无论是全职)的每个接触点都有明确定义的标准比以往更加重要以及就地或自由职业者和远程者-可以访问并应用于任何必要的上下文。

The result of a carefully crafted design system will be a combination of something you can’t get from anything else — a consistent brand standard, a predictable and delightful brand experience, and employee collaboration that ultimately designs demand and drives long-term growth.

精心设计的设计系统的结果将是您无法从其他任何方面获得的东西的组合-一致的品牌标准，可预测的和令人愉快的品牌体验以及最终设计需求并推动长期增长的员工协作。

___________________________________________________________________

___________________________________________________________________

Ready to launch your new design system for immediate collaboration, understanding, and return on your investment? Well let’s chat. Our team of designers, strategists, and brand builders can help you begin crafting a design system that perfectly expresses your brand experience so you and your entire team can move faster and more effectively for years to come.

准备启动新的设计系统以立即协作，理解并获得投资回报？ 好吧， 让我们聊天 。 我们的设计师，策略师和品牌建设者团队可以帮助您开始设计一套能够完美体现您的品牌体验的设计系统，从而使您和您的整个团队在未来几年内可以更快，更有效地行动。

翻译自: https://uxdesign.cc/the-roi-of-design-systems-the-what-why-who-and-how-1392d02f80e5

累计收益率 历史回报率