都市代謝アトラスのウェブページスクリーンショット
情報可視化の事例を紹介するための、詳細なバイリンガル都市代謝アトラスのインフォグラフィックを掲載した中国語ウェブページのスクリーンショットを生成します。
プロンプト
目的：都市システムマップに関する大規模なバイリンガル・インフォグラフィックポスターを掲載した、中国語のケーススタディセクションのクリーンなブラウザページスクリーンショットを作成する。
キャンバス：横長のスクリーンショット、約 917×833 px、ウェブページの背景は白。上部には中国語の段落の末尾が見え、下部にはポスターの一部が切り取られている状態。ブラウザのクローム全体ではなく、鮮明な UI レンダリングを使用すること。
ウェブページのレイアウト：表示領域の左上に、小さなフレーム付きの画像絵文字／アイコンを配置し、その後に太字の中国語見出し「精選案例」を続ける。その下に、幅の大部分を占める細い灰色の水平区切り線を表示する。その下に、太字のサブセクションタイトル「案例一：信息图可视化」を表示する。タイトルの下に、余白を狭くして中央揃えで大きなインフォグラフィック画像を 1 つ配置する。
メインポスター：情報密度の高いバイリンガル・アトラスポスターをデザインする。タイトルは「城市生命系统图谱」、英語のサブタイトルは「Urban Metabolism Atlas」とする。タイトルの下に、バイリンガルのタグライン「城市是一個有生命的系統 / The City is a Living System」を小さく追加する。ポスターは、プロフェッショナルな建築・都市計画のインフォグラフィックのように見えること：オフホワイトの背景、ネイビーの見出しテキスト、細い灰色のパネル枠、小さなバイリンガルのラベル、図解アイコン、そして中央の大半を占めるアイソメトリック（等角投影）な都市のカットアウェイイラスト。
ポスター上部の要素：左上に N と記された方位磁針と、「Scale」とラベル付けされ 0, 50, 100, 200, 500m の目盛りが付いたスケールバーを含める。上部中央付近に、Electricity, Gas, Heating, Communication, Traffic, Logistics, Data Flow, People Flow, Clean Water, Wastewater とラベル付けされた 10 色のラインサンプルを含む「System Legend」のボックスを含める。右上には「Location」とラベル付けされた小さなインセットマップカードを含め、緑の公園、青い水路、灰色の道路、赤い境界線で構成された簡略化された都市地図を表示する。
中央の都市イラスト：高層ビル、中層ブロック、車やバスが走る道路、青い運河や川、橋、街路樹、広場、地下の地下鉄トンネルやユーティリティパイプがカットアウェイで見える、高密度のアイソメトリックなスマートシティを描く。ドローン、飛行機、屋上のソーラーパネル、交通機関の駅、歩行者、サービス車両などの小さなディテールを含める。都市全体に細い色のネットワークラインを走らせ、水、エネルギー、データ、物流、交通の流れを暗示させる。中央のシーンに、目に見える円形の番号付きコールアウトマーカーを正確に 5 つ追加する：建物に 6、道路／交通回廊付近に 3、右側の道路端付近に 8、緑の広場に 9、地下トンネル／運河の端付近に 10。
サイドの情報カード：都市の周囲に、色付きの番号付きバッジ、バイリンガルのタイトル、小さな箇条書きラベル、ミニ図解を備えた、角の丸い長方形のシステムカードを正確に 6 つ配置する。左列には 3 つのカード：1「能源系统 / Energy Grid」（ソーラーパネル、蓄電池、EV 充電、車）、2「城市水循环 / Water Cycle」（浄水場、雨水収集、下水処理、再生水、地下水の図）、3「交通网络 / Transportation」（地下鉄、バス、道路、自転車アイコン、ルート線）。右列には 3 つのカード：6「建筑内部系统 / Building Systems」（フロア、HVAC、火災安全、BMS 制御、配管が見えるカットアウェイ建物）、7「公共服务 / Public Services」（病院、学校、消防署、警察署、コミュニティサービスのアイコン）、8「食物与物流 / Food & Logistics」（倉庫、コールドチェーン、ラストワンマイル配送、トラック、箱、配送ロボット）。左列と右列の下部は、キャプチャされたページビューに合わせて、スクリーンショットの端でわずかに切り取られた状態にする。
ビジュアルスタイル：詳細なセミリアリスティックなアイソメトリックイラストと技術的なインフォグラフィックデザインを融合させる。落ち着いたグレーと白を基調とし、ネイビーのタイポグラフィ、アクセントカラーとして黄色、シアン、赤、紫、オレンジ、緑を使用する。テキストは見出しレベルでは判読可能であるべきだが、多くの小さなラベルは非常に小さくても良い。中国のウェブ記事で画像事例を紹介しているような本物らしい雰囲気を持たせる。
制約事項：ブラウザのアドレスバー、ウォーターマーク、フローティングツールバー、余計なソーシャルメディア UI は追加しないこと。ウェブページ上の中国語見出しと、バイリンガルポスターのタイトル階層を維持すること。画像は、ドキュメントページに埋め込まれた生成されたインフォグラフィックのスクリーンショットのように見える必要がある。
このプロンプトの使い方
- 1
上の完全なプロンプトをコピーします。
- 2
GPT Image 2 に対応したプラットフォーム（YouMind など）を開き、プロンプトを貼り付けます。
- 3
アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。
これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の 画像 プロンプトがあり、すべて自由にコピーして使えます。
ほかの 画像 プロンプトを見る
その他のプロンプト機能
ビジョンツール
画像からプロンプト
どんな写真も詳細な AI 画像プロンプトに変換。無料の Image to Prompt 変換ツールが構図・スタイル・ライティングを解析し、数秒で同じ表現を再現できます。
クリエイターのために。ずっと無料。
YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。