Skip to content
◆ PROMPTCRAFT·GPT Image 2 · intermediate看完整 →

App 單畫面 UI 設計稿(8pt 格線+層級分明)

用 8pt 格線、清楚視覺層級畫出一張可交付的 App 介面設計稿,狀態列到底部導覽一次到位。

PREVIEW · 提示詞預覽
【用途】產出一張高保真的 [App類型] 行動 App 單畫面 UI 設計稿(design mockup,不是真實截圖),畫面:[畫面名稱],整體風格 [設計風格]。

【版面骨架|先定格線再放元件】
- 用 8pt 格線系統,所有間距是 8 的倍數(8/16/24/32)。
- 安全邊距左右各 16,元件不貼邊。
- 由上而下分四層:
  1. 頂部列:狀態列 + 標題「[畫面標題]」+ 一個返回/選單圖示。
  2. 主內容區:依「內容清單」放卡片或列表。

[ ... 完整 prompt + 變數說明 + sample output 在原站 ]
介面設計App設計稿UI排版8pt格線GPT Image 2
App 單畫面 UI 設計稿(8pt 格線+層級分明) — PromptCraft Embed|PromptCraft