背景

2014年,Google 的 Material Design 横空出世。它不仅有完整的组件库,还提出了自己的设计原则,这些原则由基本原理所构成,再搭配上风格指南,形成一套完整的设计语言系统。2016年,蚂蚁金服技术体验部推出 Ant Design,成为国内首个设计系统,从而在国内也掀起一股浪潮。

简介

一套完整的设计系统主要由设计原则 (Principles)、设计指引 (Guidelines)、组件库 (Components)、模式库 (Patterns)所构成。

设计原则基于价值层面出发,从产品特性中提练关键词,帮助团队达成顶层思维统一。

设计指引包含各种基础元素,如网格、布局、色彩、字体、图标、动画等设计说明。

组件库包含每个组件的设计说明,代码,使用场景等组成。

模式库又称为 Best Practise,由多个组件整合成一系列通用模式,帮助更快速构建产品。

此外还可进一步扩展图表、内容、插画库...

设计系统可以帮助产品打造更统一的体验,在跨职能团队内部创造更好的共识,减少设计及开发重复做轮子,提高各方的产出效率,在快速迭代的过程中保障产品体验下限,是产品中期发展时非常有效的策略。

image.png

场景

设计A: 我需要一个日历组件,目前有那些?

设计B: 要同时选日期及时间吗?

设计A: 只要选日期