What to Annotate
Added 2026-10
What to Annotate — Chinese original prompt
一页 [商品列表页] 的设计稿要交给前端。请在稿上标出四类信息:间距与尺寸、字号行高字重、颜色与透明度、交互与状态(悬停/禁用/空/错误)。每类给出标注方式(数值写在哪、要不要引线),并说明哪些内容不适合标在稿上而该写进说明文档。最后指出最常被漏标的两项。
Site original
Chinese original
Example
Sample input
一页商品列表页的设计稿要交给前端,帮我说清四类标注怎么写,哪些该进说明文档。
The output should include
- 四类信息的标注方式分清楚
- 哪些不适合标稿上要写进文档
- 指出最常被漏标的是哪两项
Replace these placeholders 1
Swap the bracketed parts for your own details before sending.
[商品列表页]
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.