Voxel AI ウェブサイト構築インフォグラフィック

AI を活用したウェブサイト構築のワークフローを、日本のボクセルスタイルで表現した正方形のインフォグラフィック。不要なツール、必要なツール、最小限の入力で実現する機能カードを配置。

プロンプト

ゴール：AI を活用して多数のウェブサイトを構築するワークフローを、温かみのあるベージュの Minecraft 風ボクセルアートで表現した、正方形の日本語インフォグラフィックポスターを作成する。キャンバス：1:1 の正方形構図、768x768 スタイル、柔らかなスタジオ照明、紙と木材を基調とした背景、隅に配置された繊細なボクセルブロック、鮮明なアイソメトリック（等角投影）のピクセル/ボクセルエッジ、浅い影、フォトリアリズムは排除。メイン見出しエリア：上部に、ブロック状の日本語テキスト「300超 AIサイト構築」が記された、大きなクリーム色の面取りされた看板を配置する。「300超」は鮮やかなオレンジレッド、「AIサイト構築」は黒色にする。見出しの下に、「実績」と書かれた小さな中央揃えのベージュのタブラベルを付ける。厚みのある押し出しボクセル文字を使用する。中央レイアウト：見出しの下に、装飾的な階段状の枠が付いた大きなクリーム色のパネルを作成する。パネル内を左側のチェックリスト、中央のワークフロー図、右側のチェックリストの 3 つの垂直ゾーンに分割する。ゾーン間には点線の垂直区切り線を使用する。左側のチェックリスト：タイトルラベルは「不要」。左側に大きな黒いボクセルの X アイコン、右側に小さなクリーム色のラベルを配置した、不要なアイテムを 4 つ表示する。上から順にラベルは「フィグマ」、「フレーマー」、「ウェブフロー」、「コード」。中央のワークフロー図：垂直に積み重ねられた 3 つの主要要素を表示する：1) オレンジとベージュの線で構成されたシンプルなコード/エディタウィンドウが表示された黒いコンピュータモニター、2) 数行のテキストと 1 つのオレンジ色の四角形が描かれたクリーム色のドキュメントシート、3) 下部に配置された右向きのオレンジ色の矢印。すべてブロック状のボクセルで構築する。右側のチェックリスト：タイトルラベルは「使うもの」。クリーム色の四角形の上に緑色のボクセルチェックマークアイコン、その右側に小さなクリーム色のラベルを配置した、承認されたアイテムを 3 つ表示する。上から順にラベルは「クロード」、「動画生成」、「プロンプトだけ」。下段：メインパネルの下部に、面取りされたクリーム色のカードを 3 枚並べる。カード 1 にはオレンジ色の吹き出しアイコンと「相談風デザイン」のテキスト。カード 2 にはオレンジ色の立方体アイコンと「AIで構築」のテキスト。カード 3 にはオレンジ色の鉛筆アイコンと「最小入力」のテキスト。キャラクターと装飾オブジェクト：ボクセルのキャラクター/マスコットを 2 体追加する：左下にパネルを指差す黒髪のパーカーを着た人物、右下にパネルの横に座るオレンジと白のボクセル猫。左上の棚に小さなブロック状の鉢植え、右上の棚に立てた本を配置する。装飾として小さなベージュとオレンジの立方体を散りばめるが、ポスター全体はすっきりと読みやすく保つ。ビジュアルスタイル：高品質な 3D ボクセルジオラマ、ブロック状の押し出し日本語タイポグラフィ、温かみのあるクリーム、タン、オレンジ、黒、緑のパレット、柔らかなアンビエントオクルージョン、正投影の正面図、親しみやすい教育的なテックインフォグラフィック、整然と配置されたラベル、鮮明で読みやすい日本語テキスト。制約事項：不要なアイテムの X マークは 4 つ、承認されたアイテムのチェックマークは 3 つ、下部の機能カードは 3 枚、マスコットキャラクターは 2 体とすること。追加のセクション、チェックリスト、ロゴ、ウォーターマーク、英語のテキストは一切追加しないこと。