UIとSNSモックアップ

ECアプリのホーム画面

ストアや商品ジャンルの構想を、検索バーやタイムセール、バナー、商品一覧まで備えた精巧なモバイルECアプリのホーム画面に変え、ポートフォリオや提案資料、UIの参考に使えます。

更新日:

プロンプト全文

英語のプロンプトに入力例を添えています。生成前に被写体や詳細を調整してください。元の作例の入力内容と生成設定は完全には確認できていません。

推奨モデル: GPT Image 2

Create a high-fidelity, fully realistic mobile e-commerce app homepage screenshot for the store, market or product niche described in the user request, with complete commercial UI logic and strong visual polish. Build the layout top to bottom: a status bar showing 9:41 with signal and battery icons; a search header with a location selector on the left, a rounded search field carrying a relevant placeholder query, and message and scan icons on the right; a row of horizontal category tabs; a large promotional carousel banner announcing a seasonal sale with bold discount copy; a grid of ten small labeled function icons; a flash-sale module with a live countdown timer and three product cards showing slashed prices; a two-column recommended-for-you waterfall with at least six product cards including photos, titles, prices and sales tags; and a five-item bottom tab bar. Render every interface label crisply and consistently in the language implied by the user request, with realistic fonts, spacing, soft shadows, rounded corners, dividers and promotional tag treatments, so the whole frame reads as a genuine app screenshot rather than concept art. Use an invented store identity only — no real brand names or logos, and no watermark. User request: a Chinese grocery app with fresh produce deals, or a minimalist sneaker shop in English

一次制作のサンプル

ECアプリのホーム画面
作例のモデル: Seedream 5.0 Lite
ECアプリのホーム画面
作例のモデル: Seedream 5.0 Lite

出典とクレジット

OmniArt が構成を調整し、書き直しました。出典、変更内容、利用条件は以下をご確認ください。

  • E-commerce App Homepage

    ZeroLu/awesome-gpt-image

    README states CC BY 4.0 while the current LICENSE is MIT; attribution and the umbrella MIT notice are retained in THIRD_PARTY_NOTICES.md.

    Rewritten and consolidated into an OmniArt recipe archetype; template tokens removed; named people, brands, platforms, games, and film IP generalized; no raw prompt text or source image copied.

出典とクレジット

関連するプロンプトレシピ

洗練されたアプリ UI コンセプト
UIとSNSモックアップ

洗練されたアプリ UI コンセプト

アプリやウェブサイトのアイデアを、ポートフォリオ級の高精細 UI デザインショットに。ヒーローセクション、カード、ナビゲーションが統一されたダークまたはライトテーマでまとまった、プロダクトデザインのコンセプト画です。

プロンプト全文
車載ダッシュボードUI
UIとSNSモックアップ

車載ダッシュボードUI

機能リストやムードの説明を、ナビ地図・車両ステータス・空調ウィジェットを備えた量産品質の21:9ダークテーマ車載画面に変え、HMIポートフォリオや提案にそのまま使えます。

プロンプト全文
チャット画面のスマホ写真
UIとSNSモックアップ

チャット画面のスマホ写真

短い会話を、指紋や反射、少し傾いた手持ち構図まで再現した、メッセージアプリの画面が写るリアルなスマホ写真に変えます。

プロンプト全文
EC ランディングページ
UIとSNSモックアップ

EC ランディングページ

D2C 商品を、ピクセル単位で整ったデスクトップ LP のヒーローモックアップに。ナビ付きヘッダー、モデルと商品写真の 3 カラムヒーロー、特長バッジ、実績の信頼バーを備えた王道のレスポンス広告型 LP スタイルです。

プロンプト全文
歴史人物のSNS風フィード
UIとSNSモックアップ

歴史人物のSNS風フィード

好きな時代や歴史上の人物を、時代様式の肖像アイコンや人物になりきったコメント、時代モチーフのUIを備えた、ウィットに富む現代SNS風フィードのスクリーンショットに変えられます。

プロンプト全文
ラベル付きアイコンセット
UIとSNSモックアップ

ラベル付きアイコンセット

ひとつのテーマを統一スタイルのアイコンファミリーにして清潔なシートに整列。各タイルの下に名前を記載し、UIアセットボードとしてそのまま使えます。

プロンプト全文