すべてのプロンプト
UI・SNSモックアップ

App screen on device mockup

Present a clean app screen on a floating device mockup.

A modern app home screen on a floating smartphone at a three-quarter angle with a soft shadow.
Prompt
A modern mobile app home screen displayed on a floating smartphone, shown at a slight three-quarter angle with a soft drop shadow. Design the UI with a clean card-based layout, rounded corners, a pastel accent color, generous spacing, and a simple bottom navigation bar. Set it on a soft solid background with gentle ambient occlusion under the device. Render it as a crisp product-design mockup with legible placeholder labels and a polished, contemporary feel.
Share

Original recipe · oimg.ai team · Jun 19, 2026

Original example prompt authored by the oimg.ai team — free to copy and adapt.

Model
gpt-image-2
Aspect ratio
4:3
カテゴリ
UI・SNSモックアップ
プロダクトデザインマーケティングミニマル3Dレンダー抽象

変数を入れ替える

画像ではなく構造を拝借しましょう。ハイライトされた各{{TOKEN}}を自分の被写体に置き換えて、生成します。

A modern mobile {{APP_TYPE}} screen displayed on a floating smartphone at a slight three-quarter angle with a soft drop shadow. Design the UI with a clean card-based layout, rounded corners, a {{ACCENT}} accent color, and a simple bottom navigation bar. Set it on a {{BACKDROP}} background with gentle ambient occlusion. Render it as a crisp product-design mockup with legible placeholder labels.

効果的な理由

  • A three-quarter device angle adds depth while keeping the screen readable.
  • A card layout with generous spacing reads as modern, credible product design.
  • Ambient occlusion grounds the device so it does not look pasted on.

自分だけのバージョンを作る

  1. 1プロンプトをコピー
  2. 2自分の被写体やディテールに入れ替える
  3. 3生成する

注意点

  • Cramming in real copy makes labels garble; keep them short placeholders.

関連レシピ

View all prompts