SaaS 訂閱方案頁設計稿(3 欄方案卡+推薦標籤)
三欄式訂閱定價頁設計稿,方案卡價格、功能清單、CTA 對齊一致,中間欄掛「最受歡迎」推薦標籤。
【用途】產出一張 SaaS 訂閱方案(pricing)頁的高保真設計稿(design mockup),產品 [產品主題],風格 [設計風格]。
【版面骨架|先定三欄再填內容】
- 頂部:置中區段標題「[區段標題]」+ 一行副標 + 一個「月繳/年繳」切換開關。
- 中段:三張等高方案卡橫排並列,由左到右為入門 → 進階 → 旗艦。
- 每張卡結構一致:方案名 → 大字價格 → 一句說明 → 功能清單(打勾項)→ 一顆 CTA 按鈕。
- 中間那張掛「[推薦標籤]」推薦標籤、略放大或高亮。
[ Log in to see the full prompt ]Sign up free to see the full prompt, copy it, save it, and join the discussion. Free content unlocks on login; Pro content is a separate subscription.
要把訂閱定價方案的版面快速視覺化、用來提案或跟團隊對齊「方案怎麼分、推哪一檔」時用這條,適合 SaaS、會員制服務、線上課程。定價頁的設計重點是「對齊」與「引導」——三張卡要等高等寬、功能清單橫向對齊,中間推薦卡要最突出把人引導過去,這些都要在 prompt 講死,否則 GPT Image 2 會把三張卡畫成高矮不一、功能對不齊。三個務實提醒:一,固定三欄最穩,講「不要自己改方案數」避免它生成四張或兩張;二,每張卡的功能清單控制在 4-6 項,太多字會擠小開始出錯,也讓對齊更難;三,明寫價格寫法統一(都用「NT$/月」)並強調「非真實報價、只是排版示意」,這是設計稿不是真金流頁。漲跌色不適用這裡,但「推薦卡用主色高亮」一定要寫,不然三張卡長一樣就失去引導效果。第一版若推薦標籤沒出現或卡片沒對齊,叫它「中間卡加上推薦標籤並用主色高亮、三張卡功能清單對齊,其餘不動」重生即可。
PRO01高階 3D 收藏玩具頭像
Transform the input photo into a high-end stylized 3D collectible figure…
PRO02櫻花咖啡戶外人像
Edit the provided image while preserving the same face identity, shape,…
PRO03潑灑抹茶街頭手機照片
A realistic vertical smartphone photo of a spilled green iced drink on o…
PRO04古希臘三哲時間軸城市圖
二千五百年前,柏拉圖,蘇格拉底, 亞力士多德,坐在雅典街頭聊天,聊出了世界文明史的源頭。 背景可以加上他們聊天內容,按時間軸的走向,重疊在古希臘…