
返回提示詞庫
提示詞庫圖片提示詞
UI 風格系統展示板
建立多頁 UI 風格系統展示板,包含 8px 網格、色彩 token、字體階層、元件狀態與對齊版面範例。
設計系統UI 套件字體排印
預覽
圖片提示詞
推薦模型
Seedream 5.0 Lite
輸出格式
圖像提示詞模板
預覽
圖片提示詞

UI 風格系統展示板預覽,聚焦系統一致性、網格對齊、可編輯 token 與可用於產品的 UI 範例。
完整提示詞
UI 風格系統展示板
多頁 UI 風格系統展示板,包含 8px 網格、色彩 token、字體階層、元件與響應式版面。
推薦模型: Seedream 5.0 Lite輸出格式: 圖像提示詞模板
完整提示詞
圖片提示詞為 [PRODUCT_OR_BRAND] 建立一組精緻的多頁 UI 風格系統展示板。將整套系統呈現為同一張乾淨預覽畫布上的連貫設計頁面。每一頁都使用嚴格的 8px 間距網格、一致邊距、精準對齊與清楚層級。包含色彩 token 面板,展示主色、輔助色、中性色、語義色與背景色色票;包含字體階層,展示標題、內文、說明文字與數字樣式;包含元件表,展示按鈕、輸入欄、卡片、導覽、徽章與空狀態;並加入兩個響應式版面範例,呈現桌面與行動版比例。整套系統應保持視覺一致、可編輯,並適合 SaaS 產品、創作者工具、電商品牌或內部儀表板。只在必要處使用真實感占位文案,並讓標籤短到能保持可讀。避免真實標誌、複製既有設計系統、使用者未提供的品牌名稱、變形字體、不一致間距、不匹配的陰影、裝飾雜訊、不可及的對比度,以及破壞網格的元件範例。
使用說明
執行前,請替換產品類型、品牌語氣、色盤方向、元件清單、版面範例與無障礙要求。
提示詞 FAQ
使用這個提示詞前
快速檢查輸入、模型適配度,以及如何調整模板而不削弱結果。
最先應該自訂哪些內容?
定義產品類型、品牌語氣、基礎色盤、字體個性、元件範圍,以及範例應偏向行銷展示或儀表板工具。
這個提示詞能建立可用的設計系統嗎?
它會建立用於探索與簡報的視覺風格系統展示板。轉換成正式 UI token 前,仍需審閱間距、對比度、字體排印與元件行為。
發布圖像前應該檢查什麼?
檢查標籤是否可讀、色票是否清楚區分、字體層級是否明確、元件是否共用同一套間距邏輯,以及是否複製了真實品牌系統。
此模式中的更多提示詞

