機械鍵盤商品頁面模型

This generates a polished desktop e-commerce product page for a premium mechanical keyboard, suitable for product design showcases, storefront concepts, and UI mockups.

為一個名為 {argument name="brand name" default="KeyForge"} 的高端機械式鍵盤品牌，創建一個乾淨現代的電子商務產品詳情頁，以高保真桌面網站模型的形式呈現，白色背景帶有細微的淺灰色分隔線和寬鬆的間距。佈局是一個統一的店面場景，包含頂部導航欄、左側產品縮圖欄、中央大型產品主圖和右側購買資訊面板。在頁首，將粗體品牌標識置於最左側，接著是 7 個導航項目，分別為「鍵盤」、「軸體」、「鍵帽」、「配件」、「特價」、「部落格」和「支援」，最右側則是搜尋、帳號和購物車的 3 個圖示，購物車上有一個顯示「1」的小型黑色通知徽章。中央顯示的主要產品是一款緊湊型 75% 機械式鍵盤，從稍高的正面角度拍攝，置於淺灰色台面上，採用鋁合金外殼，銀色、白色和灰色鍵帽，幾個薰衣草紫色的點綴鍵，以及右上角的一個銀色音量旋鈕。左側垂直圖庫包含正好 5 個縮圖：1 張選定的正面產品照、1 張鍵盤角度視圖、1 張機械軸體特寫、1 張鍵帽質感特寫和 1 張帶有圓形播放圖示的深色影片縮圖。右側產品面板包含一個標有「新品」的小型膠囊徽章、一個粗體大號產品名稱 {argument name="product name" default="KeyForge K75 Pro"}、一個副標題「75% 機械式鍵盤」、一個 5 星級評分列，評分為 4.8 並有「(126 則評論)」、一個粗體大號價格 {argument name="price" default="$129.99"} 後跟一個綠色的「有貨」狀態，以及一段關於高效能、Gasket 安裝設計、QMK/VIA 支援和 RGB 的簡短兩句描述。在其下方，包含一個「軸體類型」選擇器，有正好 4 個標有「Cherry MX Red」、「Gateron Brown」、「Gateron Blue」和「TTC Gold Pink」的膠囊按鈕，第一個處於選中狀態；一個「顏色」選擇器，有正好 3 個標有「白色/紫色」、「黑色/灰色」和「海軍藍/藍色」的膠囊按鈕，第一個處於選中狀態；一個數量下拉選單設為「1」；一個帶有購物車圖示的大號黑色主要按鈕，標為「加入購物車」；以及一個帶有心形圖示的描邊次要按鈕，標為「加入願望清單」。在按鈕下方，顯示正好 3 個帶有小圖示的水平服務亮點：「免費運送」帶有副標題「訂單滿 $99 免運」、「30 天退貨」帶有副標題「輕鬆退貨」和「2 年保固」帶有副標題「安心保障」。在下方的內容區域，創建一個由細線分隔的雙欄部分。左側是一個垂直標籤列表，包含正好 5 個項目：選中的「概覽」，然後是「規格」、「盒內物品」、「運送與退貨」和「評論 (126)」。標籤的右側放置一個圓角白色功能卡網格，包含正好 6 個功能區塊，以 2 行 3 列排列，每個區塊都有簡單的線條圖示、粗體標題和簡短說明文字：「75% 佈局」、「Gasket 安裝」、「QMK/VIA 支援」、「熱插拔」、「RGB 背光」和「高級做工」。在此區域的最右側，添加一個規格項目符號列表，包含正好 7 個項目：「佈局：75%（82 鍵）」、「軸體類型：Cherry MX Red」、「安裝方式：Gasket 安裝」、「連接方式：USB-C（有線）」、「背光：RGB，南向」、「材質：鋁合金外殼」和「尺寸：322 x 135 x 42 mm」，再加上最後一個額外的項目符號「重量：1.25 公斤」。採用精緻的極簡主義產品設計美學，逼真的 UI 間距，類似 Inter 或 SF Pro 的簡潔無襯線字體，柔和陰影，細微圓角，單色圖示，以及打磨過的新創風格消費電子產品展示。

機器翻譯 — 實際產出作品的是原文 prompt。

✨ 生成 收藏 複製 Prompt 分享 原始貼文 在 Hitboard 開啟