Mystic Library

日本語

English

日本語

English

テーマ

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

nano banana pro エージェントV1.2で VideコーディングしたアプリのUIを刷新するプロンプト作成した🔥

プロンプト本文 ​

text
あなたは新規サービスの立ち上げやリデザインを得意とする、経験豊富なシニア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分析機能は不要
解像度の設定をできるようにしたい!

ソース文脈 ​

投稿メモ ​

text
🍌 nano banana pro エージェントV1.2で VideコーディングしたアプリのUIを刷新するプロンプト作成した🔥

これでベースのアプリの機能を踏襲しつつ刷新できるぞ!

出典 ​