Zan Design System

Zan Design System

Zan Design SystemZan Design System 是有赞沉淀的 SaaS 产品设计体系,围绕设计语言、内容策略、组件和资源,分享产品设计经验、设计模式与实践方法,帮助设计人员和工程师提升设计与研发效率。

Zan Design System 页面快照
几百万
服务过的商家数量
4
首页提供的核心内容入口
3
设计原则方向:高效、友好、安全
设计体系

从设计原则到落地实践

通过设计语言、内容策略、组件、布局模式和视觉规范,为 SaaS 产品提供结构化、可复用的设计参考。

设计语言与原则

提供设计介绍、设计价值观、无障碍、产品原则以及高效、友好、安全等设计原则内容。

组件与交互示例

提供组件 Demo,帮助使用者快速体验交互细节,并参考前端封装代码进行开发。

内容策略规范

覆盖命名策略、语句表达、场景策略、标准词汇库、标点符号和数据格式,规范产品内容表达。

布局与模式

整理方块、间距、栅格、模块布局、框架,以及数据录入、数据展示和反馈等产品模式。

视觉与动效规范

提供字体、颜色、图标、图形、边角、阴影和动效等视觉设计参考。

官方资源

设计、开发与内容表达参考

浏览组件示例、设计指南、视觉规范和内容策略,获取用于页面原型、高保真视觉稿及产品开发的官方资料。

Zan Design System

从这里开始使用Zan Design System。