MODULE 2

AI 視覺資產:
從許願到可控

學完:生出風格一致、可重現的活動視覺——主視覺、貼文圖、OG 分享圖。

視覺規格卡:六個欄位

產第二張圖只換「主體」「構圖」,其他欄位不動,整套視覺自然成系列。

實證:本課 demo 的 hero 就是這樣生的

主體:山嵐間的咖啡店窗景,熱拿鐵在窗台,蒸氣清楚上升,旁邊兩三顆咖啡豆
風格:日系極簡商業攝影,底片顆粒感,安靜高級
光線:清晨窗光,柔和,從左側來
構圖:16:9 橫式,杯子置於右三分之一,左側大量留白(要疊活動標題)
配色:深墨綠、奶油白、木質棕,低飽和
避免:任何文字、人臉、logo、過度 HDR 銳利感

demos/01-landing/assets/hero.jpg — 一次生成到位,因為規格卡把決定權留給自己。

一次生一個用途

• 主視覺 16:9,構圖預留標題位
• IG 貼文 1:1 方形
• OG 分享圖 1200x630,主體靠中(各平台會裁切)
• 微調用追加:「同一張,光線改黃昏」,不要重寫整個 prompt

文字:畫進圖裡 還是 網頁疊?

• 舊鐵律「AI 不會寫中文」過時了 — 新模型(GPT image、Gemini Nano Banana Pro)短標題常寫對
• 但仍推薦圖負責氛圍、文字用網頁疊,理由換成:
• ① 之後改字方便 — 標題/日期/優惠常改,改一行 vs 重生整張圖
• ② 文字能被讀到 — 網頁的字 SEO/AI 讀得到,燒進圖裡讀不到
• 一次性、不會改的視覺(貼文 slogan)→ 直接讓新模型畫進去也行,生完檢查字

常見坑

• 每張圖重新發明風格 → 先卡死規格卡的風格欄位
• OG 圖留白不足 → 重要元素放中央 80% 安全區
• 以為 AI 一定不會寫中文 → 新模型已好很多;但常改的字仍用網頁疊(好改+可被讀到)
• 圖太大 → 壓到 500KB 以下,行動網路 3 秒打不開人就走了

動手做

• 任務 — 用六欄規格卡生一張主視覺(壓到 500KB 內),再只換主體/構圖生一張貼文圖
• 預期 — 兩張風格一致,主視覺左側留了標題位
• 卡關 — 風格跑掉就把六欄固定住、只動要換的那欄,別重寫整段 prompt