321 lines
6.4 KiB
Markdown
321 lines
6.4 KiB
Markdown
# Style Anchor Board Spec V1
|
||
|
||
## Status
|
||
|
||
- Document status: user approved and rendered.
|
||
- Execution status: rendered once as deterministic HTML/PNG; output accepted by user.
|
||
- Project: `在路上`.
|
||
- Purpose: define the common style anchor board layout using accepted A/B/C/D visual samples.
|
||
- Output target after approval: deterministic layout artifact, not AI-generated text inside an image.
|
||
|
||
Rendered outputs:
|
||
|
||
```text
|
||
visual-system/style/style-anchor-board-v1.html
|
||
visual-system/style/style-anchor-board-v1.png
|
||
```
|
||
|
||
## Why This Is Not An Image-Generation Prompt
|
||
|
||
The common style anchor board must contain exact Chinese labels and review rules.
|
||
|
||
Therefore this board should be built as a deterministic layout artifact:
|
||
|
||
- source images are inserted as image assets;
|
||
- Chinese labels are rendered by HTML/CSS or another local layout method;
|
||
- no generated model text is used as the source of truth;
|
||
- the board can be revised without regenerating the visual samples.
|
||
|
||
Recommended implementation after approval:
|
||
|
||
```text
|
||
visual-system/style/style-anchor-board-v1.html
|
||
visual-system/style/style-anchor-board-v1.png
|
||
```
|
||
|
||
## Source Files Actually Used
|
||
|
||
Primary sources:
|
||
|
||
- `visual-system/style/style-anchor-brief-v1.md`
|
||
- `visual-system/style/style-anchor-c-repair-review-v1.md`
|
||
- `visual-system/visual-system.md`
|
||
- `intake/阶段四-风格锚点板页面结构建议稿.md`
|
||
|
||
Execution control:
|
||
|
||
- `project.md`
|
||
- `execution-plan.md`
|
||
|
||
## Source Images
|
||
|
||
All four source images are `1672x941`, approximately 16:9.
|
||
|
||
| Anchor | Image | Role |
|
||
| --- | --- | --- |
|
||
| A | `intake/imgs/A.风景主导型蓝图.png` | Accepted A sample: landscape-led muddy road. |
|
||
| B | `intake/imgs/B.高位观察型蓝图.png` | Accepted B sample: high-angle city-edge observation. |
|
||
| C | `visual-system/style/style-anchor-c-repair-v1.png` | Accepted repaired C sample: muddy starlight. |
|
||
| D | `intake/imgs/D.夜路篝火型蓝图.png` | Accepted D sample: restrained night-road fire. |
|
||
|
||
Do not use the original C blueprint as the final C sample:
|
||
|
||
```text
|
||
intake/imgs/C.泥泞里的星空蓝图.png
|
||
```
|
||
|
||
It remains a problem reference only.
|
||
|
||
## Board Format
|
||
|
||
Canvas:
|
||
|
||
- 16:9 horizontal.
|
||
- Recommended render size: `1920x1080`.
|
||
- Background: dark neutral coal gray, not pure black.
|
||
- Overall mood: utilitarian film reference board, not a poster or marketing page.
|
||
|
||
Background palette:
|
||
|
||
- page background: coal gray / dark warm gray;
|
||
- panel surfaces: slightly lighter dark gray;
|
||
- rules text: off-white / muted gray;
|
||
- accent: restrained warm orange only for small labels or D/fire references;
|
||
- avoid bright blue/purple/cyber palette.
|
||
|
||
## Layout Structure
|
||
|
||
Use one MVP page.
|
||
|
||
Page areas:
|
||
|
||
1. Top definition band.
|
||
2. Left main sample grid.
|
||
3. Right compact rules column.
|
||
4. Bottom review standard band.
|
||
|
||
Recommended proportions:
|
||
|
||
| Area | Approximate share | Notes |
|
||
| --- | --- | --- |
|
||
| Top band | 14% height | Title, style definition, composition rule. |
|
||
| Main sample grid | 68% width, 72% height | A/B/C/D in a 2x2 grid. |
|
||
| Right rules column | 26% width, 72% height | Color, light, composition, texture, avoid drift. |
|
||
| Bottom band | 10% height | One-line review standard and short review questions. |
|
||
|
||
## Top Definition Band
|
||
|
||
Title:
|
||
|
||
```text
|
||
《在路上》MV 风格锚点板
|
||
```
|
||
|
||
Subtitle:
|
||
|
||
```text
|
||
Style Anchor Board｜Landscape Narrative Road Film
|
||
```
|
||
|
||
Style definition:
|
||
|
||
```text
|
||
现实纪实质感 + 克制的诗性超现实 + 公路纪录片式风景叙事
|
||
```
|
||
|
||
Composition rule:
|
||
|
||
```text
|
||
世界比人更大，路比人更长，人只是持续前行的坐标
|
||
```
|
||
|
||
## Sample Grid
|
||
|
||
Use a 2x2 image grid on the left.
|
||
|
||
Image behavior:
|
||
|
||
- use each image as an inserted asset;
|
||
- crop with `object-fit: cover`;
|
||
- preserve each sample's main subject;
|
||
- do not apply strong filters;
|
||
- keep minor uniform dark overlay only if needed for labels;
|
||
- labels must not cover the important subject area.
|
||
|
||
### A Cell
|
||
|
||
Title:
|
||
|
||
```text
|
||
A｜清晨泥泞旷野
|
||
```
|
||
|
||
Function:
|
||
|
||
```text
|
||
风景主导｜世界先于人出现
|
||
```
|
||
|
||
Avoid label:
|
||
|
||
```text
|
||
不要旅游片 / 英雄背影
|
||
```
|
||
|
||
### B Cell
|
||
|
||
Title:
|
||
|
||
```text
|
||
B｜高位观察
|
||
```
|
||
|
||
Function:
|
||
|
||
```text
|
||
城市边缘｜系统里的小人物
|
||
```
|
||
|
||
Avoid label:
|
||
|
||
```text
|
||
不要城市宣传 / 科技感
|
||
```
|
||
|
||
### C Cell
|
||
|
||
Title:
|
||
|
||
```text
|
||
C｜泥泞里的星空
|
||
```
|
||
|
||
Function:
|
||
|
||
```text
|
||
灵魂意象｜低处看见宇宙
|
||
```
|
||
|
||
Status tag:
|
||
|
||
```text
|
||
修正版已通过
|
||
```
|
||
|
||
Avoid label:
|
||
|
||
```text
|
||
不要日出 / 魔法 / 鞋靴广告
|
||
```
|
||
|
||
### D Cell
|
||
|
||
Title:
|
||
|
||
```text
|
||
D｜夜路小火
|
||
```
|
||
|
||
Function:
|
||
|
||
```text
|
||
结尾温度｜远方也有人在走
|
||
```
|
||
|
||
Avoid label:
|
||
|
||
```text
|
||
不要露营 / 聚会 / 胜利
|
||
```
|
||
|
||
## Right Rules Column
|
||
|
||
Keep this column compact and readable.
|
||
|
||
### 色彩系统
|
||
|
||
Text:
|
||
|
||
```text
|
||
冷灰 / 土褐 / 暗卡其 / 煤黑 / 湿地暗蓝灰
|
||
暖色只作为情绪信号
|
||
```
|
||
|
||
### 光线系统
|
||
|
||
Text:
|
||
|
||
```text
|
||
自然冷光、湿冷城市边缘、暗夜深度、小范围火光
|
||
C 用泥水星点，不用日出日落
|
||
```
|
||
|
||
### 构图系统
|
||
|
||
Text:
|
||
|
||
```text
|
||
环境优先，人物后置
|
||
常规人物约 1/8-1/5，大远景可更小
|
||
```
|
||
|
||
### 质感系统
|
||
|
||
Text:
|
||
|
||
```text
|
||
泥要湿，路要旧，城市要冷硬，火要小
|
||
诗性来自现实质感，不来自炫光特效
|
||
```
|
||
|
||
### 禁止跑偏
|
||
|
||
Text:
|
||
|
||
```text
|
||
人物写真 / 旅行广告 / 城市宣传 / 赛博科技 / 露营聚会 / 胜利海报
|
||
```
|
||
|
||
## Bottom Review Band
|
||
|
||
One-line review standard:
|
||
|
||
```text
|
||
第一眼看到的应该是路、世界、泥、夜色和火光；人物只是其中继续前行的坐标。
|
||
```
|
||
|
||
Short review questions:
|
||
|
||
```text
|
||
像同一支 MV 吗？人物是否过大？诗性是否来自现实质感？是否仍然在继续走？
|
||
```
|
||
|
||
## Acceptance Criteria
|
||
|
||
The rendered board passes only if:
|
||
|
||
1. A/B/C/D look like one MV, not four unrelated projects.
|
||
2. The first read is environment and road-film world, not a character poster.
|
||
3. Chinese text is exact, readable, and not model-generated.
|
||
4. C uses `style-anchor-c-repair-v1.png`, not the original warm C blueprint.
|
||
5. Warmth remains local and restrained, mainly belonging to D.
|
||
6. The rules column is compact enough to guide later shot prompts.
|
||
7. The board is usable as a visual dictionary for S-01, S-10, S-46, S-47, and S-51.
|
||
|
||
## Next Gated Action
|
||
|
||
This spec has been approved and rendered as:
|
||
|
||
```text
|
||
visual-system/style/style-anchor-board-v1.html
|
||
visual-system/style/style-anchor-board-v1.png
|
||
```
|
||
|
||
Review file:
|
||
|
||
```text
|
||
visual-system/style/style-anchor-board-review-v1.md
|
||
```
|
||
|
||
The rendered style anchor board has been reviewed and accepted. Next work should start with a five-shot trial plan/spec before any shot image generation.
|