網站首頁第一屏 Hero 區設計稿,主標、副標、CTA 按鈕、視覺區依層級排好,桌機寬版版型。
【用途】產出一張桌機版網站首頁「第一屏 Hero 區」的高保真設計稿(design mockup),主題 [產品主題],風格 [設計風格]。
【版面骨架|先定結構再填字】
- 頂部導覽列:左側品牌名「[品牌名]」+ 右側 [導覽連結數] 個導覽連結 + 一顆次要按鈕。
- 主視覺區分左右兩欄(約 6:6 或 7:5):
- 左欄文字:主標題(最大最粗)→ 副標說明 → 一顆主 CTA 按鈕 +一顆次要連結。
- 右欄視覺:一塊產品示意圖或抽象插畫區。
[ 登入後可看完整內容 ]登入即可直接用這段 prompt 生圖 — 不用開 Midjourney 或別的工具,在這裡就能生一張看效果。
要把一個產品或服務的首頁第一屏想法快速視覺化、用來提案或對齊團隊方向時用這條,適合 SaaS、品牌官網、活動頁、接案設計師。Hero 區的成敗全在「視覺層級」——使用者三秒內要看懂這是什麼、按哪裡,所以 prompt 一定要明寫層級順序(主標 → 副標 → CTA)並強調 CTA 最搶眼。實務提醒:一,主標題寫短一點(一句話、最多兩行)效果最好,太長字會縮小、層級就垮;二,明寫「桌機寬版、模擬瀏覽器、不要整台電腦」,否則它常給你一張筆電擺在桌上的情境照,那不能當設計稿用;三,這是視覺稿,按鈕和連結不是真的能點,導覽列文字也別塞太多(4-5 個最穩)。GPT Image 2 對英文品牌名+繁中內文的混排處理得不錯,但若副標較長、偶爾末尾會掉字,叫它「只重畫副標文字、其餘不動」即可。
這組 prompt 專為 GPT Image 2 設計。把 prompt 內 8 個方括號 [變數] 換成你自己的內容,貼進 GPT Image 2 執行即可。難度中等,照變數說明填好後即可上手。
這組是 Pro 會員內容。免費帳號可看預覽與使用情境;訂閱 Pro 後解鎖完整 prompt、變數表與實測參數。退款條件依退款政策處理。
prompt 文字本身你可自由使用與修改。但 AI 生成物(圖/音樂/影片/文字)的商用授權,取決於你在 GPT Image 2 使用的方案與其官方服務條款,請以該工具的授權規範為準。
PRO01Transform the input photo into a high-end stylized 3D collectible figure…
PRO02Edit the provided image while preserving the same face identity, shape,…
PRO03A realistic vertical smartphone photo of a spilled green iced drink on o…
PRO04二千五百年前,柏拉圖,蘇格拉底, 亞力士多德,坐在雅典街頭聊天,聊出了世界文明史的源頭。 背景可以加上他們聊天內容,按時間軸的走向,重疊在古希臘…
適合:部落格、Medium、Notion 公開頁、Substack — 任何支援 iframe / HTML 嵌入的地方。對方點「看完整」會回到本站、是 prompt 庫的免費 backlink。
<iframe src="https://prompt.luvai.net/embed/gpt-image-2-landing-hero-mockup" width="100%" height="380" frameborder="0" style="border:1px solid #e0dcd0;border-radius:4px;" loading="lazy" title="PromptCraft Embed"></iframe>