设计的重|什么是设计系统(Design System)( 二 )


Design System的存在可以减少很多不必要的工作,比如调整间距,对其元素等等。设计师有更多的时间来关注更全局的设计策略。
2)Design System只关乎设计,可由设计师独立完成
对Design System的另一个误解便是以为它仅仅是一些在设计软件中的可重复使用的components,所以可由设计师独立完成。
Design System作为公司design language的single source of truth,是需要来自不同角色支持和参与的。包括前端工程师,品牌市场,Accessibility专家和动态设计师等等。
3)DesignSystem是一劳永逸的
很多人认为Design System的价值在于,只要完成就大功告成了。
但其实想要Design System成功,就需要像对待一个产品一样对待它,需要维护和改进。这可以包括两个方面,一个是对内部使用design system的项目组和同事,一种是对用户而言。Design System的项目团队应该定期收集内部使用Design System的同事以及产品用户的反馈,确保能把它们的反馈持续地更新到Design System里。
五、Design System的重要性1)提高设计开发效率
这是Design System最显而易见的好处之一。因为组件库的可重用性,设计师和开发都不用从头设计开发一个组件。
Design System还让我们能够更高效地完成原型制作,更快地得到用户反馈。我还记得几年前我的日常工作中,很多时候都在做很多重复的工作。有了Design System,任何改动只需要在设计系统中进行,这减少了很多不必要的工作。
2)确保设计一致性,为用户提供连贯一致的用户体验
Design system的两个组成部分组件库和标准文档,都为公司的各种产品提供了单一真相来源(the single source of truth)。所以用户不会在公司产品中看到不同样式的按钮或是不同交互方式的搜索框。设计的一致性让用户能缩短的学习使用产品的周期,让他们能够预见他们的操作所带来的改变。
3)设计系统促进了公司内部的合作和交流
一个成功的设计系统是需要跨功能团队参与,例如设计师,开发团队,市场和品牌,文案,Accessibility专家。只有这样才能确保Design System能解决产品设计和开发中所遇到的问题。
设计系统因此促进了公司内部不同职位的合作和交流,这种文化的建立也会帮助公司更有效地推出新的产品或服务。
六、什么时候开始创建设计系统?设计系统很有价值,但是这不代表所有的公司都需要一个Design System。设计系统的出现是为了让设计能够扩大规模,为了提供一种设计标准来供不同的设计师参考。
如果所在的公司出现了下面的两个特征,那就说明我们可以开始提出设计系统了:

  1. 公司有不同的产品,且都需要长期的开发和迭代
  2. 越来越的设计师加入公司
但如果你的公司没有长期需要开发的产品,或者你是公司唯一的设计师,这个阶段Pattern libraby和Style guide 应该是足够的。
七、设计系统项目中可能会面临的挑战我相信每个设计师和前端工程师都能看到Design System的价值,但是在实际的项目中,却会面临各种各样的挑战。
1)DesignSystem是非常繁琐耗时的项目
只有当设计系被当做一个项目来看待的时,它成功的几率才会更大。我们需要有策略地去”销售“它,有roadmap来指导团队,有相应的计划来让更多项目看到它的价值。在Design System成型以后还需要定期收集内部用户和产品用户的反馈。这些还仅仅是流程层面的,当设计师开始做组件时,也是非常耗时的工作。为了确保所设计的控件能解决一系列的问题,设计师需要考虑不同的使用场景,确保在设计软件中制作的控件有延展性,能被其他的设计师所用。
2)DesignSystem需要支持者
很多大公司现在成熟的Design System都是从side projects开始的。因为公司在投入大量资源之前,都想看看Design System能给公司带来什么。所以Design System项目的初期其实是非常艰难的,因为一方面需要各种资源来启动项目,另一方面又需要像公司高层证明Design System的价值来获得更多的资源。
所以项目初期,获得不同项目和不同职位同事的支持是很重要的。让他们看到design system的价值,让他们愿意参与到Design System前期的制作,让他们成为design system的支持者。只有这样才能更快地推进Design System,以便被其他项目使用,从而展现它的价值。
一些公司发布的Design System:
Atlassian Design System
Lightning Design System
Spectrum, Adobe’s design system
Microsoft Design
Primer Design System
Shopify Polaris
参考链接:
Design system handbook
Forrester Report: Unlocking Design’s Full Business Potential | Adobe XD Ideas