Mystic Library

日本語

English

日本語

English

テーマ

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

抽出サマリー ​

  • 投稿日時: 2025-12-09 22:41:42 JST
  • レコード種別: tweet + note
  • canonical body: note
  • summary: あなたは新規サービスの立ち上げやリデザインを得意とする、経験豊富なシニアUI/UXデザイナーです。

Categorized Entry ​

Source Post ​

プロンプト本文 ​

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

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

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

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

▼ 新しいデザイン・スタイル指定
 * **デザインの方向性:** **「洗練されたミニマリズムと機能美」**を追求してください。
 * **カラー:** ベースは純白(White)と非常に薄いグレー。アクセントカラーは1色のみ(例:落ち着いたロイヤルブルー、またはフォレストグリーン)を使用し、重要なアクションボタンにのみ適用します。
 * **形状:** 要素はフラットデザインを基本とし、装飾を極力排除します。角丸はごく小さく(Small radius)、シャープで整然とした印象にします。線は細く繊細なラインを使用します。
 * **フォント:** クリーンで現代的なサンセリフ体(ゴシック体)を使用。文字のウェイト(太さ)とサイズで情報の階層を明確に表現します。
 * **全体の雰囲気:** 静かで落ち着きがあり、コンテンツ(動画タイル)そのものが最も際立つような、透明感のあるUIに仕上げてください。広々とした余白(ホワイトスペース)が特徴です。
 * **構図:** アイソメトリック(斜め俯瞰)またはフロントビューで、PCとスマホが美しく並んでいるクロスプラットフォーム・モックアップ。背景はミニマルな白いスタジオ空間。
 * **テキスト:** 機能を示す正確な日本語テキストを配置。

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

抽出ノート ​

  • tweet ids: 1998387580279406737
  • note ids: 1998387580115820544
  • cluster items: tweet:1998387580279406737, note:1998387580115820544
  • imported at: 2026-03-19T00:00:00+09:00