创建多品牌设计系统

Aug,10,2023 << Return list

设计系统从图案库和贴纸已经走过了很长的路。现在，它们是具有代码对应项的生命系统，并且它们确实改变了我们更好地工作的方式。除了通过创建一组标准设计和组件来提供一致性之外，它们还使团队能够更快、更高效地行动。

灵活而不是僵化

由于设计系统可以成为团队的单一事实来源，因此很容易想出一套严格而快速的规则，不仅围绕设计系统的内容，还围绕如何使用它。虽然提供坚实的结构很重要，但过于规范会阻碍创造力，最终可能会让设计师觉得他们需要跳出系统。

对于Harry's 前高级软件工程师Mae Capozzi来说，这就是用复杂性换取灵活性。Harry's 的团队通过分层构建来做到这一点，这些层的架构从最不复杂和最不灵活（例如基本组件）到最复杂和最灵活（例如入门套件），允许设计人员构建更标准的东西或探索新方法。虽然简单的层足以满足大多数项目的需要，但其他项目则需要更多自定义的内容，设计系统可以灵活地支持这些内容。通过默认为简单，同时允许更复杂的构建，系统优化了效率并确保设计人员不会觉得需要离开系统。

由于康泰纳仕负责管理《Vogue》、《纽约客》和《Bon Appétit》等出版物，因此他们的设计系统能够适应不同品牌的需求至关重要。Condé Nast 的前端开发人员Mason Wendell表示，该团队通过代币系统构建模块化、适应性强的组件来实现这一目标。单个代币可以为每个品牌持有不同的价值，从而使系统可以轻松地跨品牌扩展。例如，标记“突出文本”指的是每个品牌的不同字体。

不断发展

一旦您构建了适合团队需求的设计系统，工作就不会停止。一旦你实现了一个系统，你将了解什么是有效的，什么是无效的，确定什么需要改进，并更好地理解用法

figma.net.cn/core/extend/ueditor/themes/default/images/img-cracked.png" srcset="https://cdn.sanity.io/images/599r6htc/localized/b7f5bec1e8fc746d2569c779afb83a5400477318-4240x2000.png?q=75&fit=crop&crop=focalpoint&auto=format&dpr=0.5 2120w,https://cdn.sanity.io/images/599r6htc/localized/b7f5bec1e8fc746d2569c779afb83a5400477318-4240x2000.png?q=75&fit=crop&crop=focalpoint&auto=format&dpr=0.75 3180w,https://cdn.sanity.io/images/599r6htc/localized/b7f5bec1e8fc746d2569c779afb83a5400477318-4240x2000.png?q=75&fit=crop&crop=focalpoint&auto=format 4240w,https://cdn.sanity.io/images/599r6htc/localized/b7f5bec1e8fc746d2569c779afb83a5400477318-4240x2000.png?q=75&fit=crop&crop=focalpoint&auto=format&dpr=1.5 6360w,https://cdn.sanity.io/images/599r6htc/localized/b7f5bec1e8fc746d2569c779afb83a5400477318-4240x2000.png?q=75&fit=crop&crop=focalpoint&auto=format&dpr=2 8480w" loading="lazy" alt="" style="box-sizing: inherit;border-style: none;cursor: var(--cursorPointer);display: block;object-fit: cover;aspect-ratio: 21 / 9;width: 298px" data-catch-result="fail"/>