Xiamen Airlines' multilingual international website.
JioSaavn——设计系统
对于设计师来说,设计系统就像字母表一样。每个字母都有其自己定义的角色,可以成为更大的整体的一部分,而不会偏离一致性。也就是说,设计系统有助于并鼓励可扩展性。
角色 设计总监
我们梳理了新的、旧的和不好看的东西,汇集成一个系统,可以在内部使用、维护和轻松更新,使新功能、页面或产品的添加或修改变得非常容易。
使命 协作与一致性
随着我们的产品从小型创业公司发展为全球数百万用户使用的音乐应用程序,我们意识到优先考虑设计系统对产品的可扩展性至关重要。
什么是设计系统?简单来说,它就是设计团队的备忘录。它定义了产品可识别的所有内容。
有了出色的设计系统,向产品添加新功能不再是用户界面项目,而是用户体验项目。它让设计师有机会专注于评估功能的发展和为用户提供的体验,同时确保产品视觉身份的一致性。
需要指出的是,设计系统不应该被写死。重点不是限制设计师的创造力,而是为整个团队提供一个可以跟踪和维护的协作文档。我们有一个很棒的新阴影样式要使用?很好,让我们更新设计系统,使所有阴影都使用它并保持一致。
方法 核心内容
JioSaavn的设计系统旨在促进协作设计环境。每当进行更改或添加新内容时,这些更改将反映在所有参与协作文档的人员中。这确保了新设计在使用系统的各个方面时都具有一致性,无论是正确的间距或字体样式,还是按钮样式等等。
和大多数成功的设计系统一样,我们建立了一个基本结构,包括:排版、颜色、图标、组件、图像、间距、内容结构等简单的设计模板。 这些项目作为任何新产品设计的基石,无论是新功能、更新页面还是新产品。
有了这些基石,创建一个新页面就像是从设计系统中获取正确的组件,然后在新设计中放置它一样简单。通过一个个元素构建页面,所有元素都来自协作系统并且都是最新的。
任何新设计都可以使用设计系统获取组件,方便地放置在侧边栏中进行分类。就像拖放网站构建器一样,但完全定制化我们的产品。
我们明确倾向于从设计系统中进行工作。以下是一些我们的KPI:
- 团队协作创造了我们团队内的和谐文化。
- 生产率轻松提高。
- 更具可扩展性的产品。
- 适当的问责制,以及目标。
虽然实际工作场景往往是灰色和复杂的,而非黑白分明,但一组好的指南有助于设计团队以高于个人普遍使用的方法和标准的来衡量他们的工作。正如建筑的地基打造。通过对不可见处的繁琐而艰苦的工作,继而使产品设计的质量从下而上自然显现。