跳到主要内容
产品设计
如果您刚开始使用 CabinX 进行设计,那么您来对地方了,通过简单的四个步骤后即刻开始设计您的产品。

第 1 步:了解 Cabin X

通过采用CabinX设计系统,产品人员获得了一组可重复使用的资产,可以快速高效地设计产品和用户界面。

我们使用 Figma 作为设计工具,设计套件也内置其中,这些主要套件包括所有 CabinX 核心样式、组件、页面模板,通用模式供您在产品体验中重复使用,以创建符合 CabinX 的设计规范。

通过使用这些套件,您将自动接收对 CabinX 库所做的更新,以确保您的设计与最新版本保持同步,并确保设计资产和代码之间的一致性。

Cabin X 生态

for Products说明资源
Cabin X for PartnerOS 国内 Saas (原来客)交互视觉规范DMALL OS 交互体验设计规范
Cabin X for RTA OS支持 RTAOS 的相关产品的设计系统,有交互及视觉规范指南RTA OS 设计规范 1.0
🔶 Cabin X for OverseasOS 海外基座相关产品的设计系统,有顶层产品体验设计规范及流程指导海外产品体验设计指南
🔶 Cabin X for LiteOS 国内渠道相关产品的设计系统,有顶层产品体验设计规范及流程指导飞拓产品设计规范 2.0

🔶 代表结合了业务、产品、视觉、研发制定的产品顶层设计规范,包含产品信息架构、视觉交互、前后端数据规范,带有全局功能、业务组件、产品语言等通用能力。

第 2 步:访问设计工具

组件模版作为体验设计的核心资产,开始使用之前请确保你已 申请设计资源共享 ,我们会邀请至 Figma Dmall Design 团队。

如果你已成功加入团队,请依照原型模版使用指南文档内容进行配置。

第 3 步:绘制产品原型

选择模板绘制产品原型,可在产品原型前联系设计师协助选择合适模板、组件进行绘制。过程中有任何规范性问题都可以联系设计师帮助。

第 4 步:设计合规检查

设计合规检查是确保产品体验一致性和研发效率的重要环节,后端研发将依照产品原型模板搭建页面,若产品原型不符合规范,会影响研发实现界面效果或无法搭建,影响研发进度。

  • 产品原型绘制完成后,请联系设计师协助检查是否符合规范,审核后才可进入研发环节。
  • 定制设计方案完成后,请联系产品经理组织设计评审,通过后进入研发环节。