Therese Fessenden 2021-04-11
概述: 设计系统是一组标准,通过减少冗余并在不同页面和渠道之间创建共享语言和视觉一致性来管理大规模的设计。
随着用户界面设计的发展,创建UI屏幕的速度和规模也在增加。不仅有数以百万计的应用程序和数十亿的网站(并且每年都在增加),而且每个应用程序和网站可能都有数百或数千个页面(或屏幕)。随着这种急剧扩张,组织迫切需要简化设计工作。因此,许多设计团队利用强大的设计系统来大规模地管理设计。
定义:设计系统是一整套旨在通过使用可重复使用的组件和模式来大规模管理设计的标准集。
为什么使用设计系统?
当良好实施时,设计系统可以为设计团队提供很多好处:
快速创建和复制设计(开发)工作 主要优势在于通过利用预制的UI组件和元素快速复制设计。团队可以反复使用相同的元素,减少重新发明轮子的需求,并降低不一致的风险。
减轻设计资源的压力,专注于更复杂的问题 由于简单的UI元素已经创建并可重用,设计资源可以较少关注视觉外观的调整,而更多地关注更复杂的问题(如信息优先级、工作流优化和旅程管理)。
在跨功能团队内部和之间建立统一的语言 特别是在设计责任转移或团队地理上分散的情况下,统一的语言减少了因误解造成的浪费设计或开发时间。
跨产品、渠道和(可能孤立的)部门实现视觉一致性 当团队各自为政时,没有组织范围的设计系统会导致视觉体验显得碎片化或与品牌无关。设计系统提供单一来源的组件、模式和样式,使分散的体验统一且视觉连贯。
作为教育工具和参考资料服务于初级设计师和内容贡献者 明确的使用指南和风格指南帮助新加入UI设计或内容创作的个人快速上手,同时也提醒其他贡献者。
为什么不使用设计系统?
一些潜在障碍和限制可能会阻止设计团队使用设计系统:
- 创建和维护设计系统是一项耗时的活动,需要一个专门的团队。设计系统不是一次性解决方案,在其最佳状态下,它们会随着团队从使用者那里收集反馈而不断进化。
- 需要花时间教别人如何使用设计系统。任何设计系统都需要使用说明,否则存在被跨屏幕或跨团队不一致或错误应用的风险。
- 可能有一种观点认为项目是静态的一次性创作,通常不需要可重复使用的组件。无论是否正确,这表明项目间缺乏统一的战略,也错失了提高效率的机会。
设计系统的要素
设计系统有两个重要部分:
- 设计库
- 管理它的人
设计系统库
设计库可以采取多种形式,但通常包含风格指南、组件库和模式库。
风格指南
风格指南包含了创建界面或其他设计交付物的具体实施指南、视觉参考和设计原则。最常见的风格指南倾向于聚焦品牌(颜色、排版、商标、标志和印刷媒体),但也提供了关于内容(如语调和语言建议)以及视觉和交互设计标准的指导。


组件库
组件库(也称为设计库)是许多人所联想到的设计系统的核心,这些全面的库收藏预设的、可重复使用的UI元素,是设计师和开发者学习和实施特定UI元素的一站式商店。


模式库
有时,“组件库”和“模式库”这两个术语被互换使用;然而,这两类库之间是有区别的。组件库指定单个UI元素,而模式库则展示UI元素组合或布局。模式库通常被认为不如组件库那样全面,但可以根据需要达到同等的详细程度。它们通常包含内容结构、布局和/或模板。


设计系统团队
设计系统的有效性取决于管理它的团队。无论是创建还是适应,设计系统都需要持续的维护和监督,以确保它们不会过时、废弃或充斥着冗余条目或提交。
最后,考虑获得一位来自领导层的执行赞助商来协调设计系统的工作。虽然缺少赞助商并不会成为绊脚石,但赞助商可以确保资金和资源,同时向组织传达设计系统的重要性。
如何接近设计系统的采用
一般有三种方法来使用设计系统:
- 采纳现有的设计系统
- 改编现有的设计系统
- 创建自己的专有或定制设计系统
每种方法都有其优缺点,但总的来说,您的设计系统解决方案越定制化,所需的时间和金钱就越多。因此,使用现有的设计系统是成本最低的方法,也是实施速度最快的方法。
结论 设计系统由许多组件、模式、样式和指南组成,可以帮助操作化和优化您的设计努力。然而,它们是由人设计、管理和实施的。创建设计系统时主要考虑的因素是项目的规模和可复制性,以及可用的资源和时间。当设计系统实施和维护不佳时,它们可能会变成笨拙的组件和代码集合;但是,当良好实施时,它们可以教育团队成员,简化工作流程,并使设计师能够解决复杂的用户体验问题。