2026 黑五橫幅怎麼做：用 AI 生成網站 Banner 和郵件頭圖背景（附 8 組提示詞）
黑五要換網站首頁橫幅、發促銷郵件，手裏只有一張產品圖，也能做出一整套。思路是讓 AI 只做背景：產品放在一側，另一側留出乾淨的空白，標題、折扣和優惠碼之後在設計工具里加。下面是在 DramaCanvas 畫布里的做法、比例怎麼選、8 組可直接複製的提示詞，以及倒計時和優惠碼的正確加法。
產品圖還沒拍好？先看 一張手機產品照做黑五商品圖。要配一條 15 秒廣告影片，可以看 黑五廣告影片怎麼做。
黑五橫幅和郵件頭圖應該怎麼分工？
背景交給 AI，文字交給設計工具。
AI 擅長生成好看的場景和光線，但寫字不可靠：折扣數字、優惠碼、日期一旦寫錯，顧客就會看錯甚至用不了。所以最穩的做法是兩步：先在畫布里生成留好空白的背景，下載後在設計工具裏放上準確的標題、折扣和按鈕。
網站橫幅和郵件頭圖可以共用同一套視覺：同一張產品圖、同一組顏色、同樣的留白方向，只是比例不同。
怎樣在畫布里生成橫幅背景？
上傳產品圖，連到新的圖片節點，選比例，寫提示詞，生成。
第 1 步：上傳產品圖並連到圖片節點
點擊畫布底欄的“添加節點”，選擇“上傳檔案”，選好產品圖後點“添加到畫布（1）”。再添加一個“圖片”節點，從產品圖節點右側的連接點拖線過去。在提示詞裏輸入 @，從菜單裏選“圖片1”，就引用了這張產品圖。
第 2 步：在“圖像設定”裏選寬幅比例
在節點下方選擇 GPT Image 2.5，打開“圖像設定”，在“尺寸或比例”裏選比例：網站首頁大橫幅選 21:9，普通橫幅和郵件頭圖選 16:9。“解像度”先選 1K。
第 3 步：寫提示詞，看積分，生成
把下面的提示詞複製進去，按你的產品改一改。生成按鈕上會顯示這張圖要扣的積分，確認後再點。出圖後檢查三件事：產品外形和顏色對不對，留白區域是不是夠乾淨，畫面裏有沒有冒出文字或亂碼。
第 4 步：下載後在設計工具里加文字
滿意的圖用節點上的下載按鈕儲存。在設計工具裏把標題、折扣、優惠碼和按鈕放進留白區域，再按網站和郵件的實際寬度裁切。
橫幅比例怎麼選？
網站首頁大橫幅用 21:9，普通橫幅和郵件頭圖用 16:9。
| 用途 | 建議比例 | 留白位置 | 注意 |
|---|---|---|---|
| 網站首頁大橫幅 | 21:9 | 左側三分之二 | 手機上會被裁窄，產品放在靠中間的位置更穩 |
| 網站普通橫幅 | 16:9 | 左側一半 | 按網站實際尺寸再裁切 |
| 郵件頭圖 | 16:9 | 上方或中間 | 郵件寬度通常較窄，文字放大一點 |
| 倒計時區塊背景 | 16:9 | 中間一整塊 | 倒計時用計時組件疊加 |
| 社媒橫向封面 | 16:9 | 左上角 | 平台會自動壓縮，主體別貼邊 |
8 組可直接複製的黑五橫幅提示詞
下面的提示詞都用 GPT Image 2.5，比例在“尺寸或比例”裏選，提示詞裏的比例只是構圖提醒。帶 @图片1 的組需要先連好產品圖。
01 · 網站主視覺，商品在右（16:9）
@图片1 是產品參考。16:9 橫向促銷背景，完整產品放在右側三分之一，左側大面積是平整的暖灰色牆面，不放任何道具。右後方少量失焦的深紅緞帶，柔和側光，保持產品外輪廓和顏色。左側留給後期標題，不生成文字、數字、價格、優惠碼、Logo 或水印。02 · 超寬節日留白（21:9）
@图片1 是產品參考。21:9 超寬橫幅，產品完整放在最右側，前景是啞光深灰枱面，右側少量暖金色紙藝裝飾，左側三分之二區域乾淨無紋理。保留產品外形和可見部件，柔和影棚光，產品不貼邊。畫面裏不出現文字、數字、價格、折扣、優惠碼或水印。03 · 郵件頭圖，中間留白（16:9）
@图片1 是產品參考。16:9 橫向郵件頭圖背景，完整產品在右下區域，左下角少量松枝，上方和中間是乾淨的米色留白。產品保持原來的顏色和形狀，光線明亮柔和，裝飾不遮擋產品。不要生成文字、數字、促銷價、優惠碼或水印。04 · 倒計時背景（16:9）
16:9 橫向節日背景，深炭灰漸變，畫面兩側各一條暗紅色布帶，下邊緣少量虛化的金色紙片，中間留出一整片平整的空白。不畫時鐘、錶盤或翻頁牌，不生成數字、文字、符號、價格或水印。05 · 優惠碼卡片背景（16:9）
@图片1 是產品參考。16:9 橫向購物季背景，完整產品在左側，右側留出一塊明亮平整的米色區域，邊緣一圈很淡的陰影，用來後期放優惠碼。保留產品顏色和可見結構，沒有其他商品。不要生成卡片文字、虛線字符、數字、字母、價格、優惠碼或水印。06 · 社媒橫向封面（16:9）
@图片1 是產品參考。16:9 橫向封面，完整產品在畫面中下部偏右，深綠色啞光背景，左上方和兩側保持乾淨，遠處少量柔焦暖光。產品顏色參照原圖，完整輪廓不被燈光吞沒。不生成標題、價格、折扣數字、日期、優惠碼、Logo 或水印。07 · 深紅紙藝寬幅（21:9）
21:9 超寬節日橫幅背景，深紅色紙藝折面只分布在畫面最右側，左側和中間是平整的淺米色，沒有漸變亮斑，沒有密集紋理。光線柔和，層次來自紙張陰影，留白區域用於後期排版。不要生成文字、字母、數字、倒計時、價格、優惠碼或水印。08 · 方便手機裁切的構圖（16:9）
@图片1 是產品參考。16:9 橫幅，產品位於中間偏右，完整輪廓和兩側留邊都清楚，左側是乾淨的淺灰背景，少量深紅絲帶只在最右邊。保留產品顏色和可見部件，柔和側光，主體集中，方便後期裁成窄屏版本。不要寫文字、價格、數字、優惠碼或水印。提示詞怎麼寫，留白才幹淨？
寫清產品在哪、留白在哪、不要什麼。
| 寫法 | 問題 | 結果 |
|---|---|---|
| “做一張黑五橫幅，寫上全場 5 折和優惠碼 BF2026” | 讓 AI 寫準確的文字和數字 | 字很可能寫錯，留白也不受控 |
| “產品在右側三分之一，左側大面積乾淨留白，不生成任何文字” | 位置、留白、限制都寫清了 | 更容易一次得到能直接排版的背景 |
留白區域出現了紋理或亮斑，就在提示詞裏補一句“左側平整無紋理、無亮斑”再生成。產品被裝飾擋住，就減少裝飾物，或寫明“裝飾不遮擋產品”。
倒計時和優惠碼怎麼加才不出錯？
都在設計工具里加，並逐字核對。
- 優惠碼：用清楚的無襯線字體，字號足夠大，放在對比度高的位置。發出前自己複製一遍試用，確認能用。
- 折扣和截止日期：和活動規則一字不差，時區寫清楚。
- 倒計時：圖片不會自己變化。網站用計時組件疊在留白區域上；郵件可以用郵件工具自帶的倒計時功能，或者按天換圖。
- 按鈕：“立即購買”這類按鈕在網頁或郵件編輯器裏做，別做進圖片裏，否則點不了。
做一套橫幅要多少積分？
用 GPT Image 2.5 的 1K，每張 2 積分，8 組各試一張共 16 積分。下表按 2026-10-29 線上價格計算：
| 解像度 | 每張 | 8 張 |
|---|---|---|
| GPT Image 2.5 1K | 2 積分 | 16 積分 |
| GPT Image 2.5 2K | 3 積分 | 24 積分 |
| GPT Image 2.5 4K | 4 積分 | 32 積分 |
網站首頁大圖建議用 2K 或 4K 出終稿。重做一次就再扣一次，生成前以按鈕上顯示的數值為準。
這套做法有哪些侷限？
- 文字、數字要後期加：生成畫面裏的字不可靠。
- 產品細節可能變化：Logo、標籤和小字容易變形，重要的商品圖要和實物對照。
- 不會自動適配各種尺寸：生成的是一張圖，網站和郵件的實際寬度要自己裁切。
- 靜態圖不會倒計時：需要網站或郵件工具的計時功能。
常見問題
能讓 AI 直接把優惠碼和折扣寫進橫幅嗎？
不建議。生成畫面裏的文字和數字經常出錯，優惠碼錯一個字母就會讓顧客用不了。讓 AI 只生成留好空白的背景，標題、折扣和優惠碼在設計工具里加，並逐字核對。
網站橫幅和郵件頭圖能用同一張嗎？
視覺風格可以共用，尺寸要分別處理。網站橫幅常用 21:9 或 16:9，郵件頭圖常用 16:9 再按郵件寬度裁切。用同一張產品圖和同一組配色分別生成，整套看起來就是一個活動。
倒計時能直接做在圖片裏嗎？
圖片是靜態的，不會自己倒數。先生成中間留白的背景，倒計時用網站或郵件工具的計時組件疊上去，或者每天手動換一張寫好剩餘天數的圖。
一張橫幅背景要多少積分？
用 GPT Image 2.5，每張 1K 2 積分、2K 3 積分、4K 4 積分。本文 8 組各試一張 1K，共 16 積分。以生成按鈕上顯示的數值為準。
先用產品圖和 01、03 兩組提示詞，各生成一張 1K 的網站橫幅和郵件頭圖，確認留白和配色合適，再換 2K 或 4K 出終稿，最後在設計工具里加上標題、折扣和優惠碼。
