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

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

プロンプト本文

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

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

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

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

▼ 新しいデザイン・スタイル指定
 * **デザインの方向性:** **「未来的なテック感と没入感のあるダークモード」**を採用してください。
 * **カラー:** 背景は深い黒(Deep Black)または非常に濃いネイビー。アクセントカラーには発光感のあるネオンカラー(例:サイバーパンクピンク、エレクトリックブルー、ライムグリーン)を使用し、暗闇で光っているような効果を与えます。
 * **形状:** ガラスのような質感(グラスモーフィズム)や、わずかな光沢感を取り入れます。グリッドや境界線には、回路図を思わせるような発光するラインを使用します。
 * **フォント:** デジタルガジェットの表示画面のような、少し幾何学的なサンセリフ体を使用します。
 * **全体の雰囲気:** SF映画のインターフェースのような、先進的でクールな印象。暗い部屋でディスプレイが発光しているようなライティング効果を強調してください。
 * **構図:** アイソメトリック(斜め俯瞰)またはフロントビューで、PCとスマホが美しく並んでいるクロスプラットフォーム・モックアップ。背景は暗く、UIのネオン光がわずかに反射しているような環境。
 * **テキスト:** 機能を示す正確な日本語テキストを配置。

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

ソース文脈

出典

• primary post: 1998387569763987782
• published at: 2025-12-09 22:41:39 JST
• archive doc: 1998387569763987782