
线条化设计令牌接入三家制造伙伴的云上中台
统一间距、圆角与阴影令牌后,跨团队页面返工率下降 37%,设计评审轮次从平均 4 轮压缩到 2 轮,响应式布局在超宽屏与移动端保持一致层级。
云艺智造面向智能制造团队:用 1px 细线般的清晰边界,把算力、数据与设计协作拆成可度量的节点。生态伙伴在同一套响应式布局里对齐口径,用户体验优化从第一版就走通。

以下清单由架构、设计与运维三方生态伙伴共同维护,每条都给出做法、阈值与避坑点,可直接粘贴进项目验收单。
统一 8pt 间距节奏与 12 栏栅格,1px 分隔线只用于信息分组,不用于装饰;卡片圆角统一走全圆角胶囊与 --r-md,避免同页出现三种半径。阈值:同页圆角种类 ≤ 2
为每个智能制造业务域打 3~5 个标签(域/环境/成本中心),云服务按标签做配额与调度,避免跨团队抢占。建议:单池配额偏差 ≤ 15%
1680 / 1024 / 640 三档覆盖超宽屏到手机;容器宽度用 clamp 递进,超宽屏放宽到 1400~1680px,杜绝中间窄柱两侧空铺。检查:320px 无横向溢出
首屏 LCP ≤ 2.0s、交互 INP ≤ 200ms、图片统一 lazy 与固定宽高比防抖动;上线前用真机跑一遍 4G 弱网。回归:每周抽样 200 次会话
设计交付用同一套设计令牌(间距/圆角/阴影/字号),前端只引用变量不写魔法数值;接口变更走版本号与灰度。避坑:禁止直接改线上令牌值
把算力成本、闲置率、单位任务能耗放进同一分栏看板,按周复盘;闲置资源 7 天未使用即降配或回收。目标:闲置率 ≤ 8%
每一环都有明确的产出物与时长,跨团队在同一节奏里推进,减少返工与口头承诺。
用极简线条草图收敛业务目标,明确数据源、算力规模与体验基线,产出 1 页需求卡片。
产出:需求卡片 · 1 天确定多云/混合云拓扑与设计令牌,标注伸缩策略、容灾等级与响应式断点。
产出:架构图 + 令牌表 · 2 天前端按令牌实现、后端按标签分池,双方共用一套接口契约做联调与压测。
产出:可测版本 · 5 天按 5% → 30% → 100% 灰度放量,观察可用性、延迟与成本曲线再全量。
产出:复盘报告 · 3 天来自设计、云平台与制造侧的共同记录,聚焦可复用的方法而非口号。

统一间距、圆角与阴影令牌后,跨团队页面返工率下降 37%,设计评审轮次从平均 4 轮压缩到 2 轮,响应式布局在超宽屏与移动端保持一致层级。
切换标签查看不同协作视角,卡片保持同一套令牌与线条语言。
按标签分池调度,高峰自动扩容、闲时回收,保障智能制造排产任务稳定运行。
边缘采集到云端汇聚全链路可观测,字段口径与设计令牌一同版本化管理。
以线条层级替代装饰堆叠,关键操作三步内可达,弱网仍有清晰反馈。
主备双活与同城容灾并行,演练结果直接进入生态伙伴共享的复盘看板。