スタジオモックアップ・プレミアムデッキ

スライド・動画・インフォグラフィック使う場所: スライド / インフォグラフィック

プロダクトスタジオのような美学。デバイスのモックアップ、柔らかい影、そしてプレミアムな余白使いで、ローンチやポートフォリオ向けのデッキに。

投稿者 the awesome-notebookLM-prompts collection (CC BY 4.0) — 敬意を込めて。

# presentation_design_spec_premium_mockup_jp.yaml
# ソース:アップロードされた画像(モダンUIを備えたAppleデバイスのモックアップ)
# スタイル:プレミアムモックアップ/モダンUI/クリーンテック
# コンセプト:「完璧なショーケース」

全体的なデザイン設定:
  トーン:「高品質、先進的、クリーン、洗練、プロフェッショナル」

カラーパレット:
  背景:
    - 「#FFFFFF(純白)」
    - 「#F5F5F7(スタジオのような非常に薄いグレー)」
    - 「#000000(ジェットブラック、スライドごとに切り替え)」
  アクセントカラー:
    - 「#8D59E9(エレクトリックパープル — メインのアクションカラー)」
    - 「#EBE021(アシッドイエロー — ハイライトポイント&バッジ)」
  サブカラー:
    - 「#D8E2EC(カードやベースエリア用の淡いブルーグレー)」
    - 「#2D2D2D(テキストやUIパーツ用のチャコール)」

ビジュアルアイデンティティ:
  デバイス:「Apple製品の高品質な3Dモックアップ(Studio Display、MacBook Pro、iPad、iPhone 16 Pro)」
  UI画面デザイン:
    背景:「ジェットブラック(#000000)、または鮮やかなグラデーション(紫、黄、オレンジ)」
    タイポグラフィ:「極太のサンセリフ(例:Helvetica Now Display Bold)を白で」
    レイアウト:「カードベースのUI、グリッドレイアウト、特大サイズの数字」

タイポグラフィ:
  見出し:「大きなジャンプ率を持つブロック状のサンセリフ体。英字は大きく、(ユーザーがプロンプトで指定した言語)は小さく。」
  本文:「細めのグレーのゴシック体。強調する場合は、黒(#000000)、白(#FFFFFF)、エレクトリックパープル(#8D59E9)、またはアシッドイエロー(#EBE021)の上にテキストを配置する。」

共通レイアウトルール:
  - 「スタジオ照明:デバイスの下に柔らかい影を落とし、リアルなスタジオ環境を演出する。」
  - 「主役としての画面:デバイス画面はスライド面積の70〜80%を占めること。」
  - 「トリミング/はみ出し:スケール感とインパクトのため、デバイスの一部がスライドの境界からはみ出すことを許容する。」

レイアウトバリエーション:
  - タイプ:「ヒーローディスプレイ」
    デザイン:「黒背景のUIと、極太の白いタイトル(例:『STUDIO DISPLAY MOCKUPS』)を添えたStudio Displayを中央に配置。英語の大きなタイトル、(ユーザーがプロンプトで指定した言語の)小さなサブタイトル。」

  - タイプ:「フローティング・モバイル」
    デザイン:「アプリUIを表示したiPhoneのモックアップを空中に浮かせる。背後にぼかしたアクセントカラーの光を添える。」

  - タイプ:「グリッド・インターフェース」
    デザイン:「MacBookの画面内に、カラフルなUIカード(紫、シアン、黄)をクリーンなグリッドで配置する。」

  - タイプ:「ダークモード・プレゼンテーション」
    デザイン:「デバイス画面はダークモード。白+アシッドイエローで高コントラストな強調を。」

  - タイプ:「アングルショット」
    デザイン:「薄さや質感を強調するため、デバイスを斜め横から見せる。余白にスペック情報を添える。」

  - タイプ:「スプリット画面」
    デザイン:「左:デバイスモックアップの半分。右:大きなタイポグラフィ。画面の色と背景がシームレスにつながるようにする。」

  - タイプ:「カードグリッド(テキストのみ)」
    デザイン:「デバイスのUIレイアウトをスライド全体に拡張する。#D8E2ECの上に白または紫のカードを配置する。」

  - タイプ:「ビッグ・タイポグラフィ」
    デザイン:「黒背景(#000000)に、巨大で極太の白いテキスト。英字は大きく、(ユーザーがプロンプトで要求した言語)は非常に小さく。細い白の区切り線を使用する。」

  - タイプ:「スプリットUI」
    デザイン:「左:大きな数字(『16』『3680』)。右:説明テキスト。カードのような枠で囲む。」

  - タイプ:「フィーチャーリストカード」
    デザイン:「白背景に丸みを帯びたグレーの帯(#F5F5F7)。内部:整列したアイコン+テキスト、大きな英語タイトル、小さな(ユーザーがプロンプトで指定した言語の)サブタイトル。」

デザインルール:
  - 「高解像度:すべてのモックアップ画像は、ピクセルが見えない高解像度であること。」
  - 「反射と光沢:プレミアム感を出すため、リアルな画面反射を再現すること。」
  - 「UIの余白:デバイスのUIも、ゆとりのあるミニマルなレイアウトに従うこと。」

使い方

  1. 1Studio パネルでスライドまたはインフォグラフィックを選び、そのプロンプト欄を開きます。
  2. 2スタイルの指定を貼り付けます。
  3. 3生成し、出力がずれていたら文言を調整します。

角括弧の部分は、ご自身のトピックや質問に置き換えてください。

スライド・動画・インフォグラフィックの他のプロンプト