交付不靠嘴：用标注和组件规则让还原更稳定

为什么还原总是差一点：问题常在“默认值”缺失

很多设计交付看起来信息齐全：有尺寸、有颜色、有截图。但到了实现阶段，仍会出现按钮圆角不对、间距不一致、字体看着怪。原因常常不是开发能力，而是设计没有把“默认值”说清。设计稿里你觉得理所当然的细节，对开发来说都是需要选择的分支。一旦选择不同，结果就会偏。

因此交付的目标不是把每个像素都标出来，而是把规则写出来。规则清晰时，开发可以在更多页面里复用同一套实现。

先统一Token：把颜色、间距、圆角写成可复用的变量

当页面多起来，单页标注很快会变成“堆数字”。更有效的方式是先建立 token：颜色 token 定义主色、文字灰度、分割线；间距 token 定义 8/12/16/24/32；圆角 token 定义 8/12；阴影 token 定义 1/2。设计稿里尽量使用 token，而不是每次都写一个新值。

token 的好处是全局一致。你改一次 token，整套产品同步升级。对齐 token 后，你会发现争论变少，因为大家讨论的是规则而不是感觉。

组件交付优先：把页面拆成可复用的积木

交付的单位最好不是页面，而是组件。页面里充满重复模式：列表项、卡片、按钮、输入框、弹窗。把这些做成组件并写清楚变体：大小、图标、有无副文案、密度。开发实现组件后，页面只是把组件拼起来。这样还原会更稳定，迭代也更快。

组件交付还会迫使你把规则想清楚：同一类信息在不同场景下如何变化。规则越清楚，后续越少临时补丁。

状态交付别偷懒：缺一个状态就会在上线后暴露

只交付默认态很危险。用户会遇到加载、禁用、错误、空数据、网络失败。缺少状态时，开发会临时做一个“看起来差不多”的方案，最后产品呈现不统一。建议你把最关键的状态补齐：按钮加载态、列表空态、输入框报错态、图片加载失败态。状态不需要做得很花，但必须与默认态一致。

当状态齐全时，产品在真实环境下会显得更可靠，也更像一个完整系统。

让实现更确定：把“可选项”写成默认值

交付里最容易出问题的是“没说清的地方”。例如按钮圆角到底是 8 还是 10，阴影到底要不要，列表分割线到底多粗。你不写，开发就会凭习惯补全，最后你看到的不是错，而是“和我想的不一样”。因此建议你把这些可选项写成默认值，并且在组件里固化。默认值越明确，沟通越少。

如果团队在做多端，默认值更重要。移动端和Web端常常因为组件库不同而出现细节分裂。你可以用 token 的方式统一：Radius-8，Shadow-1，Spacing-16。这样无论在哪个端实现，至少规则一致。

交付时最值得写的三类信息：尺寸、状态、边界

尺寸包括：组件高度、内外边距、字号行高。状态包括：默认、悬停、按下、禁用、加载。边界包括：超长文案怎么处理、图片缺失怎么处理、列表为空怎么处理。把这三类信息补齐，开发实现会非常稳，你也不会在回归时反复指出同类问题。

当你把交付当成产品的一部分，而不是项目收尾动作，设计的影响力会变大。因为你交付的不只是图，而是一套可被实现的规则。

让实现更确定：把“可选项”写成默认值

交付里最容易出问题的是“没说清的地方”。例如按钮圆角到底是 8 还是 10，阴影到底要不要，列表分割线到底多粗。你不写，开发就会凭习惯补全，最后你看到的不是错，而是“和我想的不一样”。因此建议你把这些可选项写成默认值，并且在组件里固化。默认值越明确，沟通越少。

如果团队在做多端，默认值更重要。移动端和Web端常常因为组件库不同而出现细节分裂。你可以用 token 的方式统一：Radius-8，Shadow-1，Spacing-16。这样无论在哪个端实现，至少规则一致。

交付时最值得写的三类信息：尺寸、状态、边界

尺寸包括：组件高度、内外边距、字号行高。状态包括：默认、悬停、按下、禁用、加载。边界包括：超长文案怎么处理、图片缺失怎么处理、列表为空怎么处理。把这三类信息补齐，开发实现会非常稳，你也不会在回归时反复指出同类问题。

当你把交付当成产品的一部分，而不是项目收尾动作，设计的影响力会变大。因为你交付的不只是图，而是一套可被实现的规则。

让实现更确定：把“可选项”写成默认值

交付里最容易出问题的是“没说清的地方”。例如按钮圆角到底是 8 还是 10，阴影到底要不要，列表分割线到底多粗。你不写，开发就会凭习惯补全，最后你看到的不是错，而是“和我想的不一样”。因此建议你把这些可选项写成默认值，并且在组件里固化。默认值越明确，沟通越少。

如果团队在做多端，默认值更重要。移动端和Web端常常因为组件库不同而出现细节分裂。你可以用 token 的方式统一：Radius-8，Shadow-1，Spacing-16。这样无论在哪个端实现，至少规则一致。

交付时最值得写的三类信息：尺寸、状态、边界

尺寸包括：组件高度、内外边距、字号行高。状态包括：默认、悬停、按下、禁用、加载。边界包括：超长文案怎么处理、图片缺失怎么处理、列表为空怎么处理。把这三类信息补齐，开发实现会非常稳，你也不会在回归时反复指出同类问题。

当你把交付当成产品的一部分，而不是项目收尾动作，设计的影响力会变大。因为你交付的不只是图，而是一套可被实现的规则。

让实现更确定：把“可选项”写成默认值

交付里最容易出问题的是“没说清的地方”。例如按钮圆角到底是 8 还是 10，阴影到底要不要，列表分割线到底多粗。你不写，开发就会凭习惯补全，最后你看到的不是错，而是“和我想的不一样”。因此建议你把这些可选项写成默认值，并且在组件里固化。默认值越明确，沟通越少。

如果团队在做多端，默认值更重要。移动端和Web端常常因为组件库不同而出现细节分裂。你可以用 token 的方式统一：Radius-8，Shadow-1，Spacing-16。这样无论在哪个端实现，至少规则一致。

交付时最值得写的三类信息：尺寸、状态、边界

尺寸包括：组件高度、内外边距、字号行高。状态包括：默认、悬停、按下、禁用、加载。边界包括：超长文案怎么处理、图片缺失怎么处理、列表为空怎么处理。把这三类信息补齐，开发实现会非常稳，你也不会在回归时反复指出同类问题。

当你把交付当成产品的一部分，而不是项目收尾动作，设计的影响力会变大。因为你交付的不只是图，而是一套可被实现的规则。