references/layouts/four-panel.md
1.4 KB查看排版效果| 1 | # four-panel |
| 2 | |
| 3 | 四格漫画 - Strict 2×2 grid, single-page story |
| 4 | |
| 5 | ## Panel Structure |
| 6 | |
| 7 | - **Panels per page**: 4 (exactly, no variation) |
| 8 | - **Structure**: Strict 2×2 equal grid |
| 9 | - **Gutters**: Consistent white space (8-10px), uniform on all sides |
| 10 | |
| 11 | ## Grid Configuration |
| 12 | |
| 13 | - 2 columns × 2 rows, all panels identical size |
| 14 | - Panel sizes: Exactly equal (each panel = 25% of content area) |
| 15 | - Reading flow: Z-pattern — Panel 1 (top-left) → Panel 2 (top-right) → Panel 3 (bottom-left) → Panel 4 (bottom-right) |
| 16 | |
| 17 | ## Narrative Structure |
| 18 | |
| 19 | Each panel serves a specific narrative role (起承转合 / kishōtenketsu): |
| 20 | |
| 21 | | Panel | Position | Role | Purpose | |
| 22 | |-------|----------|------|---------| |
| 23 | | 1 | Top-left | 起 Setup | Establish situation, introduce characters/problem | |
| 24 | | 2 | Top-right | 承 Development | Build on setup, add complication or attempt | |
| 25 | | 3 | Bottom-left | 转 Turn | Twist, key insight, or reversal — the pivotal moment | |
| 26 | | 4 | Bottom-right | 合 Conclusion | Resolution, punchline, or takeaway | |
| 27 | |
| 28 | ## Aspect Ratio |
| 29 | |
| 30 | - Recommended page aspect: **4:3** (landscape) |
| 31 | - Landscape gives each panel a comfortable wide rectangle |
| 32 | - Portrait (3:4) makes panels tall and narrow — avoid for this layout |
| 33 | |
| 34 | ## Best For |
| 35 | |
| 36 | Business allegory, quick-insight education, social media comics, fables, parables, single-concept explanation |
| 37 | |
| 38 | ## Best Style Pairings |
| 39 | |
| 40 | minimalist, ligne-claire, chalk |
文件内容是平台检查时读出的文本，只供查看。平台不会运行包里的任何脚本或程序。
