01 · BACKGROUND
业务背景
拓维信息拥有多条企业服务与数字化产品线。各业务团队独立开发，导致界面风格不一、组件重复建设、设计与开发效率偏低。因此需要建立标准化的企业级设计系统，统一内部产品体验并降低协作成本。
一致性统一视觉语言和交互模式，形成跨产品的连贯体验。
高效性提供开箱即用的组件和模板，缩短迭代周期。
灵活性通过设计变量与主题配置，支持不同业务场景。
清晰性强化信息层级与操作反馈，降低学习成本。
02 · STRATEGY
设计策略
从色彩、字体、间距和圆角等设计变量出发，组合为基础组件，再拼装为业务模块和页面模板。采用 12 / 24 栅格和统一间距变量保持排版秩序；为组件定义正常、悬停、点击和禁用等完整状态；将工作台、指标大盘、列表页和详情页沉淀为可复用模板。
01设计变量色彩、字体、圆角、间距与 4px 栅格
02基础组件按钮、输入框、选择器、标签与表格单元
03组合组件表单、卡片、筛选栏、分页与弹窗
04业务模块工作台卡片、指标卡片、列表与操作栏
05页面模板工作台、指标大盘、列表页与详情页
03 · DELIVERY
落地展示
基础组件覆盖主按钮、次按钮、警示按钮、输入框、选择器和日期选择器等，并配套完整状态与实时代码演示。页面模板包含工作台和指标大盘等 B 端高频场景，用卡片组织待办事项、数据概览和图表指标。
04 · VALUE
价值沉淀
开发人员可直接调用组件，减少重复建设，产品迭代速度提升约 30%；多产品的视觉一致性达到 95% 以上。设计变量与组件库持续迭代，逐步成为公司可复用的核心设计资产，同时降低新成员的上手成本，支持多个项目快速上线。