source_path: /Users/bot1/Volumes/root_for_ai/00_共享区/共享知识库/原始资料/03_内容设计与创意生产/02_电商详情页设计/HTML转PSD能力边界说明.md

text:
---
title: HTML转PSD能力边界说明
category: 内容设计与创意生产/设计交付边界
tags: ["PSD", "HTML", "交付边界", "负面案例"]
source: Hermes 多 profile 候选汇总，经 meow-chan 复核后提交三人审批
created_at: 2026-05-18
visibility: studio-internal
safety: 不含密钥、token、cookie、AppSecret、私聊原文、个人完整流水或动态项目待办
---

title: HTML转PSD能力边界说明


heading: HTML转PSD能力边界说明

source_rel: 03_内容设计与创意生产/02_电商详情页设计/HTML转PSD能力边界说明.md

text: # HTML转PSD能力边界说明

title: HTML转PSD能力边界说明


heading: 当前结论

text:
## 当前结论

自动 HTML 转 PSD 在近期测试中尚不能稳定生成可用的正式可编辑 PSD。短期内不应承诺“HTML 自动转正式 PSD 源文件”作为可靠交付。

title: HTML转PSD能力边界说明


heading: 推荐处理

text:
## 推荐处理

1. 若用户需要正式可编辑 PSD，优先采用人工 Photoshop 或成熟专业设计流程。
2. 自动化产物最多作为测试版、栅格分层辅助版或预览验证，不包装成正式源文件。
3. 可继续交付更稳定的 HTML、长图、切图、素材包或浏览器导出图。
4. 若未来工具升级，应重新做合成 PNG 对照、图层可编辑性、字体/图片/透明度还原和文件可打开性测试后再更新结论。

title: HTML转PSD能力边界说明


heading: 风险边界

text:
## 风险边界

该说明是当前能力边界，不是永久否定 PSD 工作流；任何更新都应以新一轮可复现实测为准。

title: HTML转PSD能力边界说明


heading: 可试验的混合分层交付流程

text:
## 可试验的混合分层交付流程

如果用户明确需要从 HTML 视觉稿提取 Photoshop 可检查的分层文件，可按“测试版/辅助版”而非正式源文件处理：

1. 先从最终 HTML 导出参考整图与 DOM 坐标，确认视觉稿本身已通过浏览器预览验收。
2. 将图片、文字背景、装饰元素等按 DOM 或视觉层级导出为透明 PNG 图层切片。
3. 可用 Python/`psd-tools` 组装栅格分层 PSD，作为图层位置和素材拆分辅助。
4. 若必须交付可编辑文字层，需由 Photoshop/JSX 或人工 PS 流程创建原生文字层并保存；不要把 Python 测试 TypeLayer 或栅格化文字包装成“正式可编辑文字”。
5. 涉及 Photoshop GUI、AppleScript、可视化浏览器接管等本机操作时，只能交由 `visual-operator` 按本机 GUI 操作边界执行。

title: HTML转PSD能力边界说明


heading: 交付措辞

text:
## 交付措辞

交付前应明确标注 PSD 类型：

- `栅格分层辅助版`：图层可分开查看/移动，但文字不可直接编辑。
- `原生文字层版`：必须经过 Photoshop/JSX 或人工流程验证后才能承诺。

无论哪种版本，都应保留最终 HTML、浏览器导出长图和 PSD 打开验证结果，避免只交一个未经验证的 PSD 文件。

title: HTML转PSD能力边界说明