设计|什么是设计系统( 二 )


三、Design System和Style Guide以及Pattern Library的区别

Style guide和Pattern library其实是设计系统的两个组成部分 , 但除了它们 , 设计系统外还包括了一系列的标准来指导设计 。 这些标准记录了设计团队达成一致的一系列决定 , 比如我们如何选择控件 , 如何在不同的控件中选择 。 正是因为这些标准才确保了设计方案不仅仅只解决一个问题 , 而是能被复用 。 标准也是为什么用户能获得一致的体验的原因 。
四、我们对Design System的误解
在我目前所参与的Design System的项目中 , 大部分时间是在跟不同职位的同事”推销”Design System , 为了能得到他们的支持或是说服他们成为第一批使用Design System的项目组 。
我的一个感受便是Design System最具挑战的并不是制作过程 , 而是得到其他同事和项目以及公司的支持 。 在”销售“的过程中 , 我也发现人们都Design System都有这样那样的误解 , 导致项目的推动受阻 。
以下三点是比较常见的对设计系统的偏见:
1)DesignSystem限制了设计师的创造力

非常意外地 , 这是很多设计师对Design System的看法 。 他们觉得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能解决产品设计和开发中所遇到的问题 。


推荐阅读