Landing Page Hero 區設計稿(標題層級+CTA 一眼到位)
網站首頁第一屏 Hero 區設計稿,主標、副標、CTA 按鈕、視覺區依層級排好,桌機寬版版型。
【用途】產出一張桌機版網站首頁「第一屏 Hero 區」的高保真設計稿(design mockup),主題 [產品主題],風格 [設計風格]。
【版面骨架|先定結構再填字】
- 頂部導覽列:左側品牌名「[品牌名]」+ 右側 [導覽連結數] 個導覽連結 + 一顆次要按鈕。
- 主視覺區分左右兩欄(約 6:6 或 7:5):
- 左欄文字:主標題(最大最粗)→ 副標說明 → 一顆主 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、品牌官網、活動頁、接案設計師。Hero 區的成敗全在「視覺層級」——使用者三秒內要看懂這是什麼、按哪裡,所以 prompt 一定要明寫層級順序(主標 → 副標 → CTA)並強調 CTA 最搶眼。實務提醒:一,主標題寫短一點(一句話、最多兩行)效果最好,太長字會縮小、層級就垮;二,明寫「桌機寬版、模擬瀏覽器、不要整台電腦」,否則它常給你一張筆電擺在桌上的情境照,那不能當設計稿用;三,這是視覺稿,按鈕和連結不是真的能點,導覽列文字也別塞太多(4-5 個最穩)。GPT Image 2 對英文品牌名+繁中內文的混排處理得不錯,但若副標較長、偶爾末尾會掉字,叫它「只重畫副標文字、其餘不動」即可。
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古希臘三哲時間軸城市圖
二千五百年前,柏拉圖,蘇格拉底, 亞力士多德,坐在雅典街頭聊天,聊出了世界文明史的源頭。 背景可以加上他們聊天內容,按時間軸的走向,重疊在古希臘…