スタジオモックアップ・プレミアムデッキ
スライド・動画・インフォグラフィック使う場所: スライド / インフォグラフィック
プロダクトスタジオのような美学。デバイスのモックアップ、柔らかい影、そしてプレミアムな余白使いで、ローンチやポートフォリオ向けのデッキに。
投稿者 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も、ゆとりのあるミニマルなレイアウトに従うこと。」使い方
- 1Studio パネルでスライドまたはインフォグラフィックを選び、そのプロンプト欄を開きます。
- 2スタイルの指定を貼り付けます。
- 3生成し、出力がずれていたら文言を調整します。
角括弧の部分は、ご自身のトピックや質問に置き換えてください。
スライド・動画・インフォグラフィックの他のプロンプト
- 映画のような動画を作るマスタープロンプトu/telultraが作成した、動画概要向けの本格的な「監督のトリートメント」形式プロンプト。世界観構築、カメラワークの言語化、禁止表現リスト、シーンごとの絵コンテまで網羅しています。
- 設計図(ブループリント)風インフォグラフィック・スタイルu/Paolo-Cortezが公開している、そのままコピペで使えるスタイル仕様の1つ。テクニカルなラインアート、間取り図の記号、寸法線が特徴です。
- SF風アイソメトリックHUDスタイル同じコレクションのサイバーパンク版。光る回路トレース、ホログラフィックパネル、HUD風のフレーミングが特徴です。
- リソグラフ風レトロポップスタイル遊び心のあるバリエーション。2色刷りインク、ハーフトーンの陰影、番号付きのモジュール型セクションが特徴です。