按检查需求拆分参考资料

以下示例与示意结果由本站编写，用于说明方法，不是模型实测结果。

使用场景

你要把网页的八个章节交给编码者，已有长参考图。教学清单是导航、主视觉、功能、示例、价格、FAQ、行动入口、页脚；把它们缩成一张小拼贴会让文字和按钮尺寸无法判断。目标是提供足够清晰的参考，不重新生成一份看似相同的设计替代原证据。

具体做法

先清点下游必须检查的单元与细节，给每个章节提供可读视图，并保留它与整体布局的对应关系。原图某个按钮仍不清楚时补充带来源标记的细节视图，或列出需要确认的尺寸。使用原材料切片时说明位置；生成新设计只能标为新方案，不能冒充参考细节。

反例

把上述八个章节压进一张小拼贴。编码者看不清按钮或文字时自己猜尺寸，或者用重新生成的相似画面代替原参考。

改进写法

为上述八章节建立参考清单，各提供一个可读视图并标明原图章节位置。保留整体顺序作为总览。按钮或文字细节不足时追加有出处的细节视图，仍无法确认的尺寸明确列为未知；不从小像素猜值，也不把新生成图当原图证据。检查接手者能逐项看清文字、间距和控件。

为什么这样改

参考粒度决定下游能实际观察哪些信息。清晰章节视图与有出处的细节保留结构和局部证据，避免过度压缩导致猜测；它不要求所有任务固定同一种图数。

如何验证

示意清单应包含八章节及各视图位置；若 FAQ 按钮不清楚，另有对应细节或未决项。接手者应能识别文字与间距，而不是只能看见整体色块。

检查没有漏章节、引用对应原材料，无法观察的尺寸没有被写成已知。新生成画面只能进入方案对照，不替代原参考。

适用边界

截图清晰度不能证明交互、语义 HTML 或实际尺寸契约；仍需相关材料。来源的固定图数与禁裁剪偏好是其工作流选择，本方法按实际检查需求决定粒度，不把它们当所有宿主的保证。