重塑Adobe Spectrum的色彩

Rectangular color ships organized into columns and rows on the left become disorganized and scattered over the next three rows.

Illustration by Marco Mueller

插图:Marco Mueller

Adobe’s Spectrum design system is an ever-evolving set of guidelines, components, patterns, and principles that ensure a consistent experience across Adobe’s portfolio of more than 100 applications. Part of its foundation is a color system based on visual perception and accessible design, but our colors hadn’t changed substantially since 2013: They were outdated and it was difficult for teams to make accessible and product-specific color choices.

Adobe的Spectrum设计系统是一套不断发展的准则、组件、模式和原则,确保在Adobe的100多个应用程序组合中提供一致的体验。其基础的一部分是基于视觉感知和无障碍设计的颜色系统,但我们的颜色自2013年以来没有实质性的变化。它们已经过时了,而且团队很难做出无障碍和特定产品的颜色选择。

I'm the Spectrum designer who leads the work on our color system and last month, we released Version 6.0 of our colors. It’s a flexible, science-backed update that will help Adobe’s design teams make color decisions.

我是领导我们颜色系统工作的光谱设计师,上个月,我们发布了6.0版的颜色。这是一个灵活的、有科学依据的更新,将帮助Adobe的设计团队做出色彩决策。

The seven-month effort began with an in-house brand analysis to evaluate product color needs and align Spectrum colors with the Adobe brand. After settling on a new system, we rewrote documentation and engineered colors as an adaptive color palette (a systematic approach in which we define the constraints informing color generation rather than create static swatches). The process ended with color updates to our design and engineering resources and documentation.

为期7个月的努力从内部品牌分析开始,以评估产品的颜色需求,并使光谱颜色与Adobe品牌保持一致。在确定了一个新的系统后,我们重写了文件,并将颜色设计成一个新的系统。 适应性调色板(这是一个系统化的方法,我们定义了生成颜色的约束条件,而不是创建静态色板)。这个过程以我们的设计和工程资源及文件的颜色更新而结束。

Over my career I've continued to learn about color and contrast perception. This update to Spectrum's colors was an opportunity to challenge and apply what I know, and to learn more within the context of an elaborate enterprise design system. The complexities of programming color are many, and the enormity of Adobe’s product portfolio added its own challenges, but some of our discoveries and hurdles can benefit other teams working on color systems large and small.

在我的职业生涯中,我一直在不断地学习色彩和对...

开通本站会员,查看完整译文。

Accueil - Wiki
Copyright © 2011-2024 iteam. Current version is 2.137.1. UTC+08:00, 2024-11-15 12:15
浙ICP备14020137号-1 $Carte des visiteurs$