references/storyboard-template.md
4.0 KB查看排版效果| 1 | # Storyboard Template |
| 2 | |
| 3 | ## Storyboard Document Format |
| 4 | |
| 5 | ```markdown |
| 6 | --- |
| 7 | title: "[Comic Title]" |
| 8 | topic: "[topic description]" |
| 9 | time_span: "[e.g., 1912-1954]" |
| 10 | narrative_approach: "[chronological/thematic/character-focused]" |
| 11 | recommended_style: "[style name]" |
| 12 | recommended_layout: "[layout name or varies]" |
| 13 | aspect_ratio: "3:4" # 3:4 (portrait), 4:3 (landscape), 16:9 (widescreen) |
| 14 | language: "[zh/en/ja/etc.]" |
| 15 | page_count: [N] |
| 16 | generated: "YYYY-MM-DD HH:mm" |
| 17 | --- |
| 18 | |
| 19 | # [Comic Title] - Knowledge Comic Storyboard |
| 20 | |
| 21 | **Character Reference**: characters/characters.png |
| 22 | |
| 23 | --- |
| 24 | |
| 25 | ## Cover |
| 26 | |
| 27 | **Filename**: 00-cover-[slug].png |
| 28 | **Core Message**: [one-liner] |
| 29 | |
| 30 | **Visual Design**: |
| 31 | - Title typography style |
| 32 | - Main visual composition |
| 33 | - Color scheme |
| 34 | - Subtitle / time span notation |
| 35 | |
| 36 | **Visual Prompt**: |
| 37 | [Detailed image generation prompt] |
| 38 | |
| 39 | --- |
| 40 | |
| 41 | ## Page 1 / N |
| 42 | |
| 43 | **Filename**: 01-page-[slug].png |
| 44 | **Layout**: [standard/cinematic/dense/splash/mixed] |
| 45 | **Narrative Layer**: [Main narrative / Narrator layer / Mixed] |
| 46 | **Core Message**: [What this page conveys] |
| 47 | |
| 48 | ### Panel Layout |
| 49 | |
| 50 | **Panel Count**: X |
| 51 | **Layout Type**: [grid/irregular/splash] |
| 52 | |
| 53 | #### Panel 1 (Size: 1/3 page, Position: Top) |
| 54 | |
| 55 | **Scene**: [Time, location] |
| 56 | **Image Description**: |
| 57 | - Camera angle: [bird's eye / low angle / eye level / close-up / wide shot] |
| 58 | - Characters: [pose, expression, action] |
| 59 | - Environment: [scene details, period markers] |
| 60 | - Lighting: [atmosphere description] |
| 61 | - Color tone: [palette reference] |
| 62 | |
| 63 | **Text Elements**: |
| 64 | - Dialogue bubble (oval): "Character line" |
| 65 | - Narrator box (rectangular): 「Narrator commentary」 |
| 66 | - Caption bar: [Background info text] |
| 67 | |
| 68 | #### Panel 2... |
| 69 | |
| 70 | **Page Hook**: [Cliffhanger or transition at page end] |
| 71 | |
| 72 | **Visual Prompt**: |
| 73 | [Full page image generation prompt] |
| 74 | |
| 75 | --- |
| 76 | |
| 77 | ## Page 2 / N |
| 78 | ... |
| 79 | ``` |
| 80 | |
| 81 | ## Cover Design Principles |
| 82 | |
| 83 | - Academic gravitas with visual appeal |
| 84 | - Title typography reflecting knowledge/science theme |
| 85 | - Composition hinting at core theme (character silhouette, iconic symbol, concept diagram) |
| 86 | - Subtitle or time span for epic scope |
| 87 | |
| 88 | ## Panel Composition Guidelines |
| 89 | |
| 90 | | Panel Type | Recommended Count | Usage | |
| 91 | |-----------|-------------------|-------| |
| 92 | | Main narrative | 3-5 per page | Story progression | |
| 93 | | Concept diagram | 1-2 per page | Visualize abstractions | |
| 94 | | Narrator panel | 0-1 per page | Commentary, transition | |
| 95 | | Splash (full/half) | Occasional | Major moments | |
| 96 | |
| 97 | ## Panel Size Reference |
| 98 | |
| 99 | - **Full page (Splash)**: Major moments, key breakthroughs |
| 100 | - **Half page**: Important scenes, turning points |
| 101 | - **1/3 page**: Standard narrative panels |
| 102 | - **1/4 or smaller**: Quick progression, sequential action |
| 103 | |
| 104 | ## Concept Visualization Techniques |
| 105 | |
| 106 | Transform abstract concepts into concrete visuals: |
| 107 | |
| 108 | | Abstract Concept | Visual Approach | |
| 109 | |-----------------|-----------------| |
| 110 | | Neural network | Glowing nodes with connecting lines | |
| 111 | | Gradient descent | Ball rolling down valley terrain | |
| 112 | | Data flow | Luminous particles flowing through pipes | |
| 113 | | Algorithm iteration | Ascending spiral staircase | |
| 114 | | Breakthrough moment | Shattering barrier, piercing light | |
| 115 | | Logical proof | Building blocks assembling | |
| 116 | | Uncertainty | Forking paths, fog, multiple shadows | |
| 117 | |
| 118 | ## Text Element Design |
| 119 | |
| 120 | | Text Type | Style | Usage | |
| 121 | |-----------|-------|-------| |
| 122 | | Character dialogue | Oval speech bubble | Main narrative speech | |
| 123 | | Narrator commentary | Rectangular box | Explanation, commentary | |
| 124 | | Caption bar | Edge-mounted rectangle | Time, location info | |
| 125 | | Thought bubble | Cloud shape | Character inner monologue | |
| 126 | | Term label | Bold / special color | First appearance of technical terms | |
| 127 | |
| 128 | ## Prompt Structure for Consistency |
| 129 | |
| 130 | Each page prompt should include character reference: |
| 131 | |
| 132 | ``` |
| 133 | [CHARACTER REFERENCE] |
| 134 | (Key details from characters.md for characters in this page) |
| 135 | |
| 136 | [PAGE CONTENT] |
| 137 | (Specific scene, panel layout, and visual elements) |
| 138 | |
| 139 | [CONSISTENCY REMINDER] |
| 140 | Maintain exact character appearances as defined in character reference. |
| 141 | - [Character A]: [key identifying features] |
| 142 | - [Character B]: [key identifying features] |
| 143 | ``` |
文件内容是平台检查时读出的文本，只供查看。平台不会运行包里的任何脚本或程序。
