以下の バージョンを作ってコードボックスに出力して
# 画像生成AI向け設計書 (天ぷらそば レシピインフォグラフィック)
# 1. 画像全体の定義
image_description:
overall_prompt: |
天ぷらそばの作り方をステップバイステップで示すミニマルスタイルのレシピインフォグラフィック。
白い背景に、俯瞰視点で撮影された材料写真(ラベル付き)、アイコンと点線で繋がれた調理手順、最下部に完成品の写真を配置する。
全体的にクリーンで分かりやすいデザイン。
style:
- 写真 (材料、完成品 - 俯瞰視点)
- シンプルな線画アイコン (調理手順)
- ミニマルスタイル (Minimal style)
- インフォグラフィック (Infographic)
aspect_ratio: 縦長 (例: 9:16 or A4 ratio)
background:
color: "#FFFFFF" # 白背景
# 2. 構成要素 (Components)
components:
# 2.1 タイトル
- type: text
id: title
content: "天ぷらそば"
position: 上部中央 (Top Center)
font:
family: シンプルなゴシック体 (例: "Helvetica Neue", "Arial", "Noto Sans JP")
size: 大きい (Large)
weight: 中程度 (Medium) or やや太め (Semi-bold)
color: 黒 (#000000)
# 2.2 材料セクション (俯瞰写真とラベル)
- type: section
id: ingredients_section
layout: グリッド (Grid layout, neatly arranged)
position: タイトルの下 (Below title)
items:
- type: image_with_label
id: soba_noodles
image_description: 乾麺のそば 2人前分 (約200g) の束、俯瞰撮影 (Top-down view)
image_style: 写真
label_text: ["そば (乾麺)", "2人前 (200g)"]
label_style: { font_family: "シンプルなゴシック体", size: 小 (Small), color: "#333333" }
- type: image_with_label
id: mentsuyu
image_description: 濃縮めんつゆが入ったボトル、俯瞰撮影 (Top-down view)
image_style: 写真
label_text: ["めんつゆ (3倍濃縮)", "100ml"] # 例
label_style: { font_family: "シンプルなゴシック体", size: 小 (Small), color: "#333333" }
- type: image_with_label
id: water
image_description: 透明な計量カップに入った水、俯瞰撮影 (Top-down view)
image_style: 写真
label_text: ["水", "400ml"] # めんつゆ希釈用例
label_style: { font_family: "シンプルなゴシック体", size: 小 (Small), color: "#333333" }
- type: image_with_label
id: tempura_shrimp
image_description: 揚げたての海老天ぷら 2尾、俯瞰撮影 (Top-down view)
image_style: 写真
label_text: ["海老天ぷら", "2尾"]
label_style: { font_family: "シンプルなゴシック体", size: 小 (Small), color: "#333333" }
- type: image_with_label
id: green_onion
image_description: 小口切りにした長ねぎ、俯瞰撮影 (Top-down view)
image_style: 写真
label_text: ["長ねぎ", "1/4本"]
label_style: { font_family: "シンプルなゴシック体", size: 小 (Small), color: "#333333" }
# (任意) 他の天ぷらや薬味
# - type: image_with_label
# id: shichimi
# image_description: 七味唐辛子の小瓶、俯瞰撮影 (Top-down view)
# image_style: 写真
# label_text: ["七味唐辛子", "少々 (お好みで)"]
# label_style: { font_family: "シンプルなゴシック体", size: 小 (Small), color: "#333333" }
# 2.3 調理手順セクション (アイコンと点線)
- type: step_by_step_instructions
id: cooking_steps
position: 材料セクションの下 (Below ingredients section)
layout: 縦方向または横方向のシーケンス (Vertical or Horizontal sequence)
connection: 点線 (Dotted lines connecting steps/icons)
items:
- step: 1
icon: boiling_pot # 鍋アイコン
description: "たっぷりのお湯でそばを袋の表示時間通りに茹でる。"
style: { font_family: "シンプルなゴシック体", size: "中 (Medium)", color: "#333333" }
- step: 2
icon: sauce_pan # 小鍋アイコン
description: "小鍋にめんつゆと水を入れて火にかけ、温める(沸騰させない)。"
style: { font_family: "シンプルなゴシック体", size: "中 (Medium)", color: "#333333" }
- step: 3
icon: chopping_board # まな板と包丁アイコン
description: "長ねぎを小口切りにする。"
style: { font_family: "シンプルなゴシック体", size: "中 (Medium)", color: "#333333" }
- step: 4
icon: bowl_assembly # 丼アイコン
description: "茹で上がったそばを湯切りし、温めた丼に入れ、②のつゆを注ぐ。"
style: { font_family: "シンプルなゴシック体", size: "中 (Medium)", color: "#333333" }
- step: 5
icon: garnishing # 盛り付けアイコン (例: 手で具材を乗せている)
description: "海老天ぷらと③のねぎを盛り付ける。お好みで七味唐辛子を振る。"
style: { font_family: "シンプルなゴシック体", size: "中 (Medium)", color: "#333333" }
# 2.4 完成写真 (俯瞰)
- type: image
id: final_dish
image_description: |
白いシンプルな丼に盛り付けられた天ぷらそば。真上からの俯瞰ショット (Top-down view)。
温かいつゆの中にそばがあり、中央に海老天ぷら2尾が配置され、刻みねぎが散らされている。
背景は完全に白。ミニマルでクリーンな印象。
image_style: 写真 (Realistic photo, minimal style, top-down view)
position: 最下部中央 (Bottom Center, main focus)
# 3. その他・調整項目
additional_notes:
- 全体を通してミニマルデザインを維持する。余計な装飾は避ける。
- アイコンはシンプルで分かりやすい線画スタイルにする。
- 点線は各ステップのアイコンや説明文をスムーズに繋ぐように配置する。
- フォントは一貫してシンプルなゴシック体を使用し、読みやすさを重視する。
- 材料写真、完成写真はすべて真上からの俯瞰視点で統一する。
- 色数は抑え、白背景を基調とする。