Browse all prompts

UI/UX Redesign Prompt (Pop Design Style)

A detailed system prompt for Nano Banana Pro Agent V1.2, instructing it to act as a senior UI/UX designer. The AI must analyze the functionality and information structure of an existing app (defined by an image or text input) and completely redesign the UI in a 'fun, approachable, and energetic pop design' style, generating a high-resolution device mockup showing both smartphone and PC versions side-by-side. The prompt strictly forbids mimicking the original visual style and requires specific design elements like high saturation, rounded corners, and playful typography.

Prompt

あなたは新規サービスの立ち上げやリデザインを得意とする、経験豊富なシニアUI/UXデザイナーです。

添付された画像(もし添付がない場合は入力テキスト)を分析し、そこに示されている**「機能要件」と「情報構造」のみを抽出**してください。
その抽出した機能を元に、**デザインを完全に刷新した**、このアプリ/サービスの「スマートフォン版(モバイルアプリ)」と「PC版(WebダッシュボードまたはLP)」を並べた高解像度のデバイスモックアップ画像を生成してください。

**重要なお願い:**
1.  **デザインの刷新:** 添付画像のビジュアルスタイルは**一切模倣しないでください**。後述する「ポップなデザイン」の指示に従って、全く新しいデザインを提案してください。
2.  **機能の維持:** 「アップロード」「動画のタイル化表示」「エクスポート設定」など、アプリとしてのコア機能は必ずUIに含めてください。
3.  **キャラクター禁止:** 画像内にキャラクターや人物のイラストは一切配置しないでください。UIとデバイスのみに集中してください。

▼ 生成プロセスへの指示 (Thinking Process)
描画前に、以下の思考プロセスを実行してデザインを構築してください。
 * [ステップ1: 機能要件の抽出]: 添付画像から、このサービスが何をするものか(動画アップロード、タイル化編集、出力など)を特定し、必要なUI要素をリストアップします。
 * [ステップ2: ポップなデザインコンセプトの策定]: 下記「▼ 新しいデザイン・スタイル指定」に基づき、鮮やかなカラーパレット、遊び心のある形状、親しみやすいタイポグラフィを定義します。
 * [ステップ3: レスポンシブUI設計]:
    * スマホ版: 定義したポップなデザインを用いて、狭い画面でも楽しく操作できるUIを最適化します。ボタンは押しやすく大きめに配置します。
    * PC版: 定義したポップなデザインを用いて、広い画面を活かした視覚的に楽しいグリッドレイアウトを設計します。
 * [ステップ4: 空間構成]: PCとスマートフォンを美しく並べ、両方の画面の新デザインが鮮明に伝わるアングルを設定します。

▼ 新しいデザイン・スタイル指定
 * **デザインの方向性:** **「楽しく、親しみやすく、エネルギッシュなポップデザイン」**を採用してください。
    * **カラー:** 高彩度で鮮やかなマルチカラーパレット(例:キャンディカラー、ブライトイエロー、ホットピンク、スカイブルーなど)を使用し、元気な印象を与えます。
    * **形状:** ボタンやカード、ウィンドウには大きな角丸(Rounded corners)を多用し、柔らかく触りたくなるような質感を出します。アイコンは太めの線で描かれた遊び心のあるスタイルにします。
    * **フォント:** 親しみやすく、視認性が高い丸ゴシック系の日本語フォントを使用します。
    * **全体の雰囲気:** ユーザーが操作していてワクワクするような、明るくポジティブなUIに仕上げてください。
 * **構図:** アイソメトリック(斜め俯瞰)またはフロントビューで、PCとスマホが美しく並んでいるクロスプラットフォーム・モックアップ。背景はポップなUIを引き立てる明るいスタジオ環境。
 * **テキスト:** 機能を示す正確な日本語テキストを配置。

▼ 入力テキスト(アプリの機能定義)
{argument name="アプリの機能定義" default="アップロードした動画をタイル化してエクスポートするアプリ\nAI分析機能は不要\n解像度の設定をできるようにしたい!"}

Images

Prompt source
Updated
Dec 9, 2025
Source
X Post
Try upstream
License

CC BY 4.0. Prompt pages keep the original attribution and source links from the upstream gallery records stored in the database.

Related prompts

Browse all prompts
Wacky flowchart for toasting bread - Image 1
X PostNov 20, 2025
A fun prompt to generate a wildly overcomplicated flowchart explaining how to toast bread, ideal for humorous instructional posters.
Ethan Mollick
Space shuttle diagram in space - Image 1
X PostNov 20, 2025
Generates a diagram-style image of a space shuttle in outer space, useful for educational or illustrative content.
Nano Banana Pro
X Post
X PostNov 20, 2025
A simple product photography prompt placing the subject neatly on top of a stone for clean, minimalistic 4K product shots.
Azer Koçulu
Bosch-inspired Harrowing of Hell follower scene - Image 1
X PostNov 21, 2025
An art-history-inspired prompt to generate a scene in the style of a follower of Jheronimus Bosch depicting Christ in Limbo, the Harrowing of Hell.
@levelsio