Slice Naming and Density Rules
Added 2026-10
Slice Naming and Density Rules — Chinese original prompt
要交付 [一批包含图标、插画、背景] 的资源给前端。请给命名规则:模块前缀、语义名、状态、倍图后缀怎么表达,给出 [6] 个示例。再说明 @1x/@2x/@3x 怎么取舍(哪些必须三倍)、SVG 和 WebP 各用在什么场景、深色模式资源怎么命名区分。用一张示例文件树收尾。
Site original
Chinese original
Example
Sample input
一批图标、插画、背景要交给前端,给命名、倍图和格式规则,附六个示例。
The output should include
- 前缀语义状态倍图后缀表达清楚
- 说明哪些资源必须出三倍图
- 用示例文件树收尾,深色另起
Replace these placeholders 2
Swap the bracketed parts for your own details before sending.
[一批包含图标、插画、背景][6]
How to use
文件名带中文和空格是后期最大的坑,一律用英文加短横线。
Try tweaking it
- Swap style words for measurable parameters: light, lens, material, composition.
- Ask for three variants of one prompt, then compare the differences.
What you should get
- A parameter sheet you can act on (light, lens, material, framing)
- Two or three alternatives with trade-offs
Common mistakes
- Stacking words like "premium, cinematic, 8K" — no two results match.
- Asking for a real brand or celebrity look and getting something close but unusable.
How to check the output
- Parameters are executable — ready to use in a tool or hand to a designer.
- It explains the trade-offs, not just the final look.
Where it works
- Good for: breaking vague "premium feel" into concrete light, material, lens and composition parameters.
- Watch out: for real brands, celebrities or third-party work, use equivalent descriptions to avoid infringement.