第 1 步:了解 Cabin X
通过采用CabinX设计系统,产品人员获得了一组可重复使用的资产,可以快速高效地设计产品和用户界面。
我们使用 Figma 作为设计工具,设计套件也内置其中,这些主要套件包括所有 CabinX 核心样式、组件、页面模板,通用模式供您在产品体验中重复使用,以创建符合 CabinX 的设计规范。
通过使用这些套件,您将自动接收对 CabinX 库所做的更新,以确保您的设计与最新版本保持同步,并确保设计资产和代码之间的一致性。
Cabin X 生态
for Products | 说明 | 资源 |
---|---|---|
Cabin X for Partner | OS 国内 Saas (原来客)交互视觉规范 | DMALL OS 交互体验设计规范 |
Cabin X for RTA OS | 支持 RTAOS 的相关产品的设计系统,有交互及视觉规范指南 | RTA OS 设计规范 1.0 |
🔶 Cabin X for Overseas | OS 海外基座相关产品的设计系统,有顶层产品体验设计规范及流程指导 | 海外产品体验设计指南 |
🔶 Cabin X for Lite | OS 国内渠道相关产品的设计系统,有顶层产品体验设计规范及流程指导 | 飞拓产品设计规范 2.0 |
🔶 代表结合了业务、产品、视觉、研发制定的产品顶层设计规范,包含产品信息架构、视觉交互、前后端数据规范,带有全局功能、业务组件、产品语言等通用能力。
第 2 步:访问设计工具
组件模版作为体验设计的核心资产,开始使用之前请确保你已 申请设计资源共享 ,我们会邀请至 Figma Dmall Design 团队。
如果你已成功加入团队,请依照原型模版使用指南文档内容进行配置。
支持的产品域 | 组件资源库 | 原型模版库 |
---|---|---|
公有云、KA 商家 | Cabin X PC Library | 原型模版 - Beta 0.9 |
海外 OSI 产品域 | Components for Overseas | 海外产品模版库、海外移动端模版库 |
国内莱特产品域 | Cabin X PC Library | 场景化-PC 模版、场景化-移动端模版 |
RTA OS | Cabin X PC Library | RTA OS 模板 |
第 3 步:绘制产品原型
选择模板绘制产品原型,可在产品原型前联系设计师协助选择合适模板、组件进行绘制。过程中有任何规范性问题都可以联系设计师帮助。
第 4 步:设计合规检查
设计合规检查是确保产品体验一致性和研发效率的重要环节,后端研发将依照产品原型模板搭建页面,若产品原型不符合规范,会影响研发实现界面效果或无法搭建,影响研发进度。
- 产品原型绘制完成后,请联系设计师协助检查是否符合规范,审核后才可进入研发环节。
- 定制设计方案完成后,请联系产品经理组织设计评审,通过后进入研发环节。