デバイスモックアップ
アプリ画面やインターフェースをリアルなスマホ・タブレット・ノートPCの中に収め、すっきりした背景に置いて、正確な比率と控えめな接地影を添えます。
更新日:
プロンプト全文
英語のプロンプトに入力例を添えています。生成前に被写体や詳細を調整してください。元の作例の入力内容と生成設定は完全には確認できていません。
推奨モデル: GPT Image 2
Create a clean product mockup that presents a described app screen or interface inside a realistic modern device such as a smartphone, tablet, or laptop, styled for a marketing or portfolio page. Set the device on a simple, uncluttered surface or a soft solid-color backdrop with a gentle gradient, keeping the environment minimal so the screen stays the focus. Render the device with accurate, contemporary industrial design: correct proportions, slim uniform bezels, subtle rounded corners, and believable materials like matte aluminum or dark glass, shown at a slight three-quarter angle or straight-on depending on what reads best. Display the described interface crisply on the screen with a plausible, tidy layout, honest UI spacing, and a bright accurate display glow, avoiding warped or smeared graphics. Add a soft, realistic contact shadow and a faint screen reflection for grounding, but keep reflections subtle so content stays legible. Light the scene evenly and softly so the device edges catch a clean highlight without harsh glare. Only render on-screen text that the user explicitly describes, spelled correctly and neatly aligned; otherwise show simple, generic interface shapes rather than inventing detailed copy. Do not add brand logos you were not asked for, extra devices, hands, or busy props. The final image should look like a professional device presentation shot.
User request: a smartphone showing a minimal weather app with a soft blue gradient
一次制作のサンプル


プロンプトのヒント
- デバイスと向きを指定して、フレームを画面比率に合わせましょう
- UIラベルを一つずつではなく、インターフェースのレイアウトをシンプルに説明しましょう
- 画面のアクセントカラーに触れて、表示をブランドに沿わせましょう
関連するプロンプトレシピ

コマースレイアウト
プロモーションポスター
明確な見出しゾーン、主役の製品、行動喚起を備えた洗練された縦型プロモーションポスターを配置し、指定したコピーを記載どおりに表示します。
プロンプト全文
コマースレイアウト
日本風広告バナーセット
ひとつのキャンペーン概要から、力強いキャッチコピー、価格バッジ、訴求シール、ビジュアル、明確なCTAボタンを備えた統一感のあるWeb広告バナー一式を作ります。
プロンプト全文
コマースレイアウト
ビフォーアフター比較
一つの変化を、きれいな仕切りと揃った構図の対になる2パネルに分け、キャプションや数値は書いたとおりに表示します。
プロンプト全文
コマースレイアウト
ブランドアイデンティティボード
架空ブランドの概要から、ロゴ構造、カラーパレット、書体、使用ルール、コンセプトスケッチ、洗練された実用モックアップをまとめたデザイン会社品質のVIボードを作ります。
プロンプト全文
コマースレイアウト
キャラグッズカタログ
オリジナルキャラクターを公式グッズ告知フライヤーに。アクリルスタンドや缶バッジ、Tシャツ、キーホルダーをナンバリング付きのグリッドで並べ、ヘッダーにはキービジュアルを配置します。
プロンプト全文
コマースレイアウト
企業パンフレット一式
会社や製品の説明を、プレミアムな複数ページのパンフレット一式に。表紙・会社紹介・製品・活用シーン・事例の各ページをひとつのブランドビジュアルで統一し、全ページのプレビューも添えます。
プロンプト全文