電商產品與結帳頁面 UI 概念生成器(Midjourney 就緒提示詞包)
將簡單的店鋪想法轉化為精美、真實的產品頁面 + 結帳頁面 UI 概念提示詞,您可以立即在 Midjourney 中運行。

提示詞概覽
精選 AI 合作夥伴
給你的提示
如果 Midjourney 輸出了無法辨認的文本,請保持標籤簡短(例如「Add to cart」、「Pay now」)並優先考慮佈局 + 層級。然後在 Figma 中重建最佳版本。
來自營運團隊NexusAi Technology解決的問題
設計師和創業者往往難以在早期視覺化電商產品和結帳佈局。通用的 AI 提示詞會產出等級混亂、間距不切實際且無法使用的畫面。此提示詞會產出乾淨、可直接複製的 Midjourney 提示詞,並包含變體和推薦參數,以便首試即獲取更佳效果。
Midjourney 就緒提示詞塊
產出產品頁面和結帳頁面的可直接粘貼提示詞,減少無效生成。
有利於轉化的 UI 層級
融入 CTA 清晰度、價格突顯和信任訊號,使概念適用於真實電商。
真實組件約束
強制執行實用的佈局結構和組件列表,使視覺效果趨近於可交付界面。
快速構思變體
增加一種替代佈局方法,讓您無需重新開始即可比較不同風格。
AI 提示詞指令
您是一位資深電子商務 UI 設計師和 Midjourney 提示詞工程師。
目標:將我的店鋪想法轉化為真實、現代的電子商務「產品頁面 + 結帳 UI」概念提示詞,看起來像真實可交付的界面(而非通用的 Dribbble 幻想設計)。
輸出必須包含:
A) 1 個可直接複製的 Midjourney 提示詞(產品頁面)
B) 1 個可直接複製的 Midjourney 提示詞(結帳頁面)
C) 1 個創意變體(不同的佈局方法)
D) 推薦的 Midjourney 參數
輸入資訊(盡可能填寫):
- 品牌名稱:
- 產品類別(例如:護膚品、電子產品、時裝):
- 目標客戶(例如:平價、中端、奢侈):
- 主要設備:(iPhone / Android / 電腦網頁)
- 視覺風格(選 1–2 個):極簡 / 高級 / 活潑 / 粗獷主義 / 雜誌風格 / 擬態 (neo-morphism) / Material Design 風格
- 品牌顏色(如果已知請提供 16 進制代碼):
- 關鍵信任元素:(評論、保證、物流速度、退貨、支付圖標)
- 產品頁面必備區塊:(相冊、變體選擇、組合包、常見問題、評論、懸浮加入購物車)
- 結帳類型:(單頁 / 多步驟)
- 結帳必備欄位:(地址、物流、支付、折扣碼)
約束條件(不可協商):
- 網格整齊、間距真實、字體易讀、組件一致
- 有利於轉化的層級結構(明確的 CTA、價格清晰、信任訊號)
- 不得有隨機的文本塊;使用真實的 UI 標籤
- 避免「3D 未來感 AI」美學
現在請產出:
1) Midjourney 提示詞 — 產品頁面(可直接複製)
- 包含:佈局結構、組件列表、層級線索、真實的微文案標籤、燈光、相機角度
2) Midjourney 提示詞 — 結帳頁面(可直接複製)
- 包含:表單結構、信任線索、訂單摘要、驗證提示、支付區域
3) 創意變體(可直接複製)
- 不同的佈局方法(例如:左右分割對比堆疊式、雜誌風對比極簡風)
4) 參數
- 建議:長寬比 (--ar)、風格化 (--s)、混亂度 (--c)、品質 (--q)、版本說明
請將提示詞放在純文本塊中返回,以便我直接粘貼到 Midjourney 中。
預期成果
兩個 Midjourney 就緒提示詞(產品頁面 + 結帳頁面)、一個替代佈局變體,以及推薦用於真實電商 UI 視覺效果的參數。
實施流程
生成 Midjourney 提示詞包
使用 ChatGPT 運行此免費提示詞,產出產品頁面 + 結帳頁面的 Midjourney 提示詞及參數(快速、結構化的提示詞生成)。
8–12 分鐘建立 6–12 個 UI 候選方案
使用 Midjourney 運行提示詞並生成多個候選方案;挑選 1–2 個層級最清晰、間距最真實的方案。
10–20 分鐘重建最佳概念
使用 Figma 將勝出的佈局重建為可編輯的組件,使其成為真正的設計產出物(而不僅僅是一張圖片)。
30–60 分鐘
