
プロンプト
597 語アップロードされたワイヤーフレーム / プロトタイプを参照して、高精度なデザイン案を生成してください。
デザインタイプ: {argument name="design type" default="marketing landing page"}
要件:
1. 元のページのレイアウト構造、情報階層、モジュール構成を維持すること。
2. ワイヤーフレーム内のプレースホルダーを実際のコンテンツに置き換えること。
3. 配色、画像、アイコン、タイポグラフィの詳細を自動的に追加すること。
4. 視覚的な階層、余白、配置、モジュール間の関係性を最適化すること。
5. 完成度の高い、プロフェッショナルな高精度デザイン案を出力すること。
ビジュアルスタイル: {argument name="visual style" default="minimalist modern"}
メインカラー: {argument name="primary color" default="blue"}
サブカラー: [色を入力]
アスペクト比: [例: 9:16 / 4:3 / 16:9]
注意:
元の構造を維持し、モジュールの順序を勝手に変更しないでください。
プレゼンテーションに適した完成されたデザイン案に見えるよう、視覚的な表現とリアルなコンテンツの提示を最適化することに注力してください。
ワイヤーフレームの元の情報アーキテクチャは変更せず、視覚的な忠実度とリアリティのみを高めてください。このプロンプトについて
ワイヤーフレームから高精度デザインへ は Image 2 で GPT Image 2 にそのまま使えるUIモックアッププロンプトです。下の 597 語をコピーして作成フォームに貼り付けると、上のプレビューに近い結果を生成できます。 UIモックアップ, モックアップ, 建築 タグを調整すると、別の方向性にも展開できます。
出発点として使い、被写体、ライティング、構図を変えながら仕上げてください。そのまま使ってもリミックスしても、生成コストは同じです。
用途
UIモックアップ制作の起点に使いやすいプロンプト
ワイヤーフレームから高精度デザインへ に近い UIモックアップ の画像を作りたいときは、この GPT Image 2 プロンプトから始めるとスムーズです。画面の方向性と構成はすでに整っているので、被写体、商品、色、シーンの細部だけを自分の内容に差し替えられます。
まず調整しやすいところ
- 被写体 人物、商品、場所、オブジェクトを自分の内容に差し替え、構図はそのまま活かします。
- 雰囲気 ライティング、配色、カメラ角度、質感をブランドや用途に合わせます。
- 仕上がり 生成前にアスペクト比、背景、文字、レイアウト指定を整えます。
近いテーマのプロンプトを探す
スタイル、用途、テーマが近い GPT Image 2 プロンプトを続けて確認できます。
使い方
- ステップ 1
プロンプトをコピー
上のコピー ボタンで全文を取得します。
- ステップ 2
Image 2 Create を開く
作成フォームに移動して貼り付けます。
- ステップ 3
生成する
Generate を押すと、数秒であなたのバージョンが完成します。
自分用に調整
ワンクリックで作成フォームに読み込み、すぐに調整を始められます。





