切图命名与倍图规则
收录 2026-10
统一切图的命名、倍图与格式，减少开发找图和替换的成本。
要交付 [一批包含图标、插画、背景] 的资源给前端。请给命名规则：模块前缀、语义名、状态、倍图后缀怎么表达，给出 [6] 个示例。再说明 @1x／@2x／@3x 怎么取舍（哪些必须三倍）、SVG 和 WebP 各用在什么场景、深色模式资源怎么命名区分。用一张示例文件树收尾。
本站原创
中文原文
使用示例
示例输入
一批图标、插画、背景要交给前端，给命名、倍图和格式规则，附六个示例。
输出应包含
- 前缀语义状态倍图后缀表达清楚
- 说明哪些资源必须出三倍图
- 用示例文件树收尾，深色另起
复制前替换这些占位符 2
把方括号里的内容换成你的具体信息，替换后再粘贴给 AI。
[一批包含图标、插画、背景][6]
使用建议
文件名带中文和空格是后期最大的坑，一律用英文加短横线。
可以这样改
- 把风格词换成可测参数：光位、焦段、材质、构图。
- 要求同一提示词出 3 个变体，再对比差异。
交付物（这次应拿到什么）
- 可直接执行的参数表（光线/镜头/材质/构图）
- 2–3 个备选方向，并说明各自取舍
常见错法
- 堆「高级感、电影感、8K」这类词，结果每次都不一样。
- 要真实品牌或明星的样子，得到近似但不可用的图。
输出验收（怎么判断能用）
- 参数可执行：能直接写进工具或交给设计执行。
- 有取舍说明：为什么这样布光/构图，而不是只给结果。
适用场景与注意
- 适合：把模糊的“高级感”拆成光线、材质、镜头、构图等可执行参数。
- 注意：涉及真实品牌、明星、他人作品时改用等价描述，避免侵权与不合规。