メカニカルキーボード製品ページモックアップ
プレミアムメカニカルキーボード向けの洗練されたデスクトップ用Eコマース製品ページを生成します。製品デザインのショーケース、ストアフロントのコンセプト、UIモックアップに最適です。
プロンプト
KeyForge というプレミアムメカニカルキーボードブランド向けに、クリーンでモダンなEコマース製品詳細ページを作成してください。背景は白、淡いグレーの区切り線と十分な余白を設けた、高精細なデスクトップウェブサイトのモックアップとして提示します。レイアウトは、上部のナビゲーションバー、左側の製品サムネイルレール、中央の大きな製品ヒーロー画像、右側の購入情報パネルで構成される統一されたストアフロントシーンです。ヘッダーの左端に太字のワードマークを配置し、その横に「Keyboards」、「Switches」、「Keycaps」、「Accessories」、「Sale」、「Blog」、「Support」と書かれた 7 つのナビゲーション項目を並べます。右端には検索、アカウント、カートの 3 つのアイコンを配置し、カートには「1」と書かれた小さな黒い通知バッジを表示します。中央に表示されるメイン製品は、淡いグレーのステージ上で少し高い位置から撮影されたコンパクトな 75% メカニカルキーボードで、シルバーのアルミニウムケース、白とグレーのキーキャップ、ラベンダーパープルのアクセントキー、右上にシルバーのボリュームノブを備えています。左側の垂直ギャラリーには、選択された正面の製品ショット 1 枚、キーボードの斜めからのビュー 1 枚、メカニカルスイッチのクローズアップ 1 枚、キーキャップの質感のクローズアップ 1 枚、円形の再生アイコンが付いた暗いビデオサムネイル 1 枚の、計 5 枚のサムネイルを配置します。右側の製品パネルには、「NEW」と書かれた小さなピル型バッジ、「KeyForge K75 Pro」という太字の大きな製品名、「75% Mechanical Keyboard」というサブタイトル、4.8 の評価と「(126 reviews)」が表示された 5 つ星評価の行、太字で大きく表示された「$129.99」という価格とそれに続く緑色の「In Stock」ステータス、そしてプレミアムなパフォーマンス、ガスケットマウント設計、QMK/VIA サポート、RGB について説明する短い 2 文の紹介文を含めます。その下に、「Cherry MX Red」、「Gateron Brown」、「Gateron Blue」、「TTC Gold Pink」とラベル付けされた 4 つのピル型ボタンを持つ「Switch Type」セレクター（最初を選択状態に）、同じく「White / Purple」、「Black / Gray」、「Navy / Blue」とラベル付けされた 3 つのピル型ボタンを持つ「Color」セレクター（最初を選択状態に）、「1」に設定された「Quantity」ドロップダウン、カートアイコン付きの「Add to Cart」と書かれた大きな黒いプライマリボタン、ハートアイコン付きの「Add to Wishlist」と書かれたアウトライン形式のセカンダリボタンを配置します。ボタンの下には、小さなアイコン付きの 3 つのサービスハイライトを表示します。「Free Shipping」（サブテキスト：「On orders over $99」）、「30-Day Returns」（サブテキスト：「Hassle-free returns」）、「2-Year Warranty」（サブテキスト：「Peace of mind」）。下部のコンテンツエリアには、細い線で区切られた 2 カラムのセクションを作成します。左側には「Overview」（選択状態）、「Specifications」、「What’s in the Box」、「Shipping & Returns」、「Reviews (126)」の計 5 つの項目からなる垂直タブリストを配置します。タブの右側には、2 行 3 列の計 6 つの機能ブロックで構成される角丸の白い機能カードグリッドを配置し、それぞれにシンプルなラインアイコン、太字のタイトル、短い説明文（「75% Layout」、「Gasket-Mounted」、「QMK/VIA Support」、「Hot-Swappable」、「RGB Backlighting」、「Premium Build」）を記載します。この下部エリアの右端には、7 つの箇条書きからなる仕様リストを追加します。「Layout: 75% (82 Keys)」、「Switch Type: Cherry MX Red」、「Mounting: Gasket-Mounted」、「Connectivity: USB-C (Wired)」、「Backlight: RGB, South-facing」、「Material: Aluminum Case」、「Dimensions: 322 x 135 x 42 mm」、および最後の項目として「Weight: 1.25 kg」。洗練されたミニマリストの製品デザイン美学、リアルな UI の余白、Inter や SF Pro に似たクリーンなサンセリフ体、柔らかな影、繊細な角丸、モノクロアイコン、そして洗練されたスタートアップスタイルの家電製品プレゼンテーションを使用してください。
このプロンプトの使い方
- 1
上の完全なプロンプトをコピーします。
- 2
GPT Image 2 に対応したプラットフォーム（YouMind など）を開き、プロンプトを貼り付けます。
- 3
アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。
これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の 画像 プロンプトがあり、すべて自由にコピーして使えます。
ほかの 画像 プロンプトを見る
その他のプロンプト機能
ビジョンツール
画像からプロンプト
どんな写真も詳細な AI 画像プロンプトに変換。無料の Image to Prompt 変換ツールが構図・スタイル・ライティングを解析し、数秒で同じ表現を再現できます。
クリエイターのために。ずっと無料。
YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。