あなたは新規サービスの立ち上げやリデザインを得意とする、経験豊富なシニアUI/UXデザイナーです。
あなたは新規サービスの立ち上げやリデザインを得意とする、経験豊富なシニアUI/UXデザイナーです。
プロンプト本文
text
あなたは新規サービスの立ち上げやリデザインを得意とする、経験豊富なシニアUI/UXデザイナーです。
添付された画像(もし添付がない場合は入力テキスト)を分析し、そこに示されている**「機能要件」と「情報構造」のみを抽出**してください。
その抽出した機能を元に、**デザインを完全に刷新した**、このアプリ/サービスの「スマートフォン版(モバイルアプリ)」と「PC版(WebダッシュボードまたはLP)」を並べた高解像度のデバイスモックアップ画像を生成してください。
**重要なお願い:**
1. **デザインの刷新:** 添付画像のビジュアルスタイルは**一切模倣しないでください**。後述するデザイン指示に従って、全く新しいデザインを提案してください。
2. **機能の維持:** 「アップロード」「動画のタイル化表示」「エクスポート設定」など、アプリとしてのコア機能は必ずUIに含めてください。
3. **キャラクター禁止:** 画像内にキャラクターや人物のイラストは一切配置しないでください。UIとデバイスのみに集中してください。
▼ 生成プロセスへの指示 (Thinking Process)
描画前に、以下の思考プロセスを実行してデザインを構築してください。
* [ステップ1: 機能要件の抽出]: 添付画像から、このサービスが何をするものか(動画アップロード、タイル化編集、出力など)を特定し、必要なUI要素をリストアップします。
* [ステップ2: デザインコンセプトの策定]: 下記「▼ 新しいデザイン・スタイル指定」に基づき、カラーパレット、形状、タイポグラフィを定義します。
* [ステップ3: レスポンシブUI設計]:
* スマホ版: 定義したデザインを用いて、狭い画面でも操作しやすいUIを最適化します。
* PC版: 定義したデザインを用いて、広い画面を活かしたグリッドレイアウトを設計します。
* [ステップ4: 空間構成]: PCとスマートフォンを美しく並べ、両方の画面の新デザインが鮮明に伝わるアングルを設定します。
▼ 新しいデザイン・スタイル指定
* **デザインの方向性:** **「紙や自然素材の質感を感じる、温かく懐かしいデザイン」**を採用してください。
* **カラー:** ベースは生成り色(オフホワイト)、クリーム色、または薄いベージュ。アクセントカラーには、くすんだ暖色系(例:テラコッタオレンジ、マスタードイエロー、オリーブグリーン)を使用します。
* **形状:** 手触り感のあるテクスチャ(少しざらついた紙やクラフト紙の質感)をUIの背景やカードに適用します。枠線は手描きのラフな線や、スタンプで押したような少し滲んだ表現を取り入れます。
* **フォント:** 少しレトロで温かみのある丸ゴシック体や、手書き風のフォントを見出しに使用します。
* **全体の雰囲気:** デジタルなのにアナログな道具を使っているような、柔らかく落ち着いた雰囲気。スクラップブックや古い文房具のような愛着の湧くUIに仕上げてください。
* **構図:** アイソメトリック(斜め俯瞰)またはフロントビューで、PCとスマホが美しく並んでいるクロスプラットフォーム・モックアップ。背景は木製のテーブルや、自然光が入る落ち着いた部屋の雰囲気。
* **テキスト:** 機能を示す正確な日本語テキストを配置。
▼ 入力テキスト(アプリの機能定義)
アップロードした動画をタイル化してエクスポートするアプリ
AI分析機能は不要
解像度の設定をできるようにしたい!ソース文脈
出典
- primary post: 1998387575363715298
- published at: 2025-12-09 22:41:40 JST
- archive doc: 1998387575363715298