18

nano banana pro エージェントV1.2 UI刷新プロンプト
Enlarge

nano banana pro エージェントV1.2 UI刷新プロンプト

Prompt
🍌 nano banana pro エージェントV1.2で VideコーディングしたアプリのUIを刷新するプロンプト作成した🔥
これでベースのアプリの機能を踏襲しつつ刷新できるぞ!
ーーー📒プロンプトーーー
あなたは新規サービスの立ち上げやリデザインを得意とする、経験豊富なシニア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を引き立てる明るいスタジオ環境。
* **テキスト:** 機能を示す正確な日本語テキストを配置。
▼ 入力テキスト(アプリの機能定義)
アップロードした動画をタイル化してエクスポートするアプリ
AI分析機能は不要
解像度の設定をできるようにしたい!
Category
UI & Interfaces
Model
Nano Banana Pro
Views4
Source ID
nano-banana-pro-agent-v1-2-ui-refresh-prompt

Guide

About "nano banana pro エージェントV1.2 UI刷新プロンプト"

What is this prompt for?

"nano banana pro エージェントV1.2 UI刷新プロンプト" AI image prompt for Nano Banana Pro (UI & Interfaces). 🍌 nano banana pro エージェントV1.2で VideコーディングしたアプリのUIを刷新するプロンプト作成した🔥…

The full copyable prompt and example visuals above are ready for AI image generation or one-click recreate in Picva.

How to use this prompt

  1. Step 1

    Open the prompt detail

    Review the example visuals, category, and full prompt text for "nano banana pro エージェントV1.2 UI刷新プロンプト".

  2. Step 2

    Copy the prompt

    Copy the prompt body from this page, or load it directly in Studio.

  3. Step 3

    Pick a model (Nano Banana Pro)

    Prefer Nano Banana Pro. If you switch models, keep subject and composition and tweak style terms.

  4. Step 4

    Generate and export

    Recreate the look in Picva, or export into your workflow for editing and publishing.

FAQ

What is the "nano banana pro エージェントV1.2 UI刷新プロンプト" prompt?
It is an AI image-generation prompt for Nano Banana Pro in the UI & Interfaces category. This page includes the full prompt text, example visuals, and a one-click recreate path in Picva.
How do I use this prompt to generate an image?
Copy the prompt from this page, or use Generate / Studio. Paste it into a compatible image model, or recreate the look in Picva with optional reference images.
Which model is this prompt for?
This page lists Nano Banana Pro. Most descriptive prompts also transfer to nearby image models such as GPT Image, Flux, or Midjourney with light style tweaks.
Can I use the result commercially?
You can usually copy the prompt for creation, but commercial use of the final image depends on the model terms, reference-image rights, and the generated content. Follow the source author and platform rules.