UIとSNSモックアップ

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

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

更新日:

プロンプト全文

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

推奨モデル: GPT Image 2

Design a portfolio-grade, high-fidelity UI concept for the app, website, or digital product described in the user request. Present a pixel-clean mockup with clear navigation, a strong hero section with headline and primary call-to-action, and organized content cards on a consistent spacing grid with bold display headings and quiet supporting text. Choose a cohesive theme that fits the product — a sleek dark interface with subtle glass panels and one restrained neon accent, or a bright airy theme with soft shadows and rounded cards — and carry one accent color through buttons, links, charts, and highlights. Fill the layout with believable content: realistic microcopy, avatars, statistics, simple charts or data cards, and generic mobile or desktop chrome where appropriate; invent any company names or logos. Render every text element crisply with no garbled glyphs, and present the screen straight-on or floating at a slight angle over a neutral backdrop with a soft shadow. Finish with sharp edges and accurate alignment. No watermarks or real brand names and logos. User request: a dark-theme mobile homepage for an AI video generator app

一次制作のサンプル

洗練されたアプリ UI コンセプト
作例のモデル: Seedream 5.0 Lite
洗練されたアプリ UI コンセプト
作例のモデル: Seedream 5.0 Lite

出典とクレジット

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

  • 界面交互设计图 · @IndieDevHailey

    freestylefly/awesome-gpt-image-2

    Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.

    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.

  • 智能视频生成器暗黑界面设计 · @austinit

    freestylefly/awesome-gpt-image-2

    Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.

    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.

  • 个人网页视觉设计 · 苍何原创实测(公众号文章《我逆向了 329 条 GPT-Image2 提示词模板,全部开源!》)

    freestylefly/awesome-gpt-image-2

    Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.

    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.

  • Netflix 首页主视觉 UI · @aimikoda

    freestylefly/awesome-gpt-image-2

    Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.

    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

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

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

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

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

プロンプト全文
ECアプリのホーム画面
UIとSNSモックアップ

ECアプリのホーム画面

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

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

EC ランディングページ

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

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

歴史人物のSNS風フィード

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

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

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

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

プロンプト全文