Newsletter 信头有两种典型翻车:一种是套了张和这期内容无关的库存插画,另一种是一张沉重的 hero 图在手机上裁得很怪、暗色模式下还看不清。下面 10 个 Prompt 都瞄准宽幅信纸式比例,依赖扁平色 + 干净字体,并留出标题位,即使邮件客户端默认屏蔽图片,标题仍然能读出来。
一个好 Prompt 通常包含什么
每个 Newsletter Banner Prompt 必须写清的 6 件事:
- 宽比例:16:9 或更宽(16:7 信纸式很常见)—— 不要正方形或竖版
- 手机安全区:关键元素留在画面中间 60% 的列里
- 暗色模式安全配色:不要纯白底,浅米色或色块更扛得住反色
- 一个视觉锚:一张小插画 / 一件单品 / 一段字体块 —— 选一个
- 标题留白区:留好这期标题位(文字后期合成)
- 品牌配色:两色 + 一个 accent,要和品牌网站呼应
10 个可直接复制的 Prompt 模板
1. 品牌标语 + 产品网格
使用场景: 产品 / 创业 newsletter
Newsletter header image, wide letterbox 16:9, three product shots arranged on a clean off-white background with even spacing, single soft top-down light, generous empty space on the right for headline text, modern minimal brand newsletter aesthetic, --ar 16:9
2. 插画场景 + 标题位
使用场景: 编辑 / 内容向 newsletter
Newsletter header image, wide 16:9, flat-color hand-illustrated scene of a small desk by a sunlit window with a coffee cup and laptop, soft pastel palette, large empty space on the right for issue headline, modern editorial illustration style, --ar 16:9
3. 极简一条线 + accent 色
使用场景: 独立 / 个人 newsletter
Newsletter header image, wide 16:9, single thin horizontal accent line in a saturated coral color running across a deep navy background, small monogram brand-mark in the lower-left corner, generous empty space for centered headline, modern minimal newsletter aesthetic, --ar 16:9
4. 分屏照片 + 标题位
使用场景: 杂志风 newsletter
Newsletter header image, wide 16:9, split-photo layout with a half-body editorial portrait on the left half and a soft solid color block on the right half for headline text, soft warm light on the portrait, two-color brand palette, modern magazine newsletter aesthetic, --ar 16:9
5. 图标拼贴 + 粗体标题
使用场景: 工具 / 收藏向 newsletter
Newsletter header image, wide 16:9, six small minimal product or app icons arranged in a clean horizontal row on an off-white background, generous empty space below for a bold issue title, soft drop shadows on each icon, modern flat newsletter aesthetic, --ar 16:9
6. 纯字体大标题
使用场景: 长文 / 观点 newsletter
Newsletter header image, wide 16:9, typographic-only header with a single bold serif title centered on a deep cream background, soft warm paper grain texture, single thin accent rule under the title, modern editorial newsletter aesthetic, --ar 16:9
7. 品牌图案 + 小 logo
使用场景: 成熟品牌 newsletter
Newsletter header image, wide 16:9, subtle geometric pattern background in two muted brand colors, a small clean logo lock-up centered in the bottom-left corner, generous empty space for centered issue headline, modern brand newsletter aesthetic, --ar 16:9
8. 手绘速写 + 标题
使用场景: 独立写作 / 兴趣类 newsletter
Newsletter header image, wide 16:9, hand-drawn line sketch of a simple object (a teapot, a book, a plant) on a soft cream background, single warm accent color for highlights, generous empty space on the right for handwritten-style issue heading, charming indie newsletter aesthetic, --ar 16:9
9. 活动预告 banner
使用场景: 活动 / 发布 newsletter
Newsletter header image, wide 16:9, bold event-style banner with a single large saturated color block and an empty centered area for event title and date, soft confetti or paper-cut accent shapes around the edges, modern event newsletter aesthetic, --ar 16:9
10. 大数字里程碑
使用场景: 里程碑 / 周年 newsletter
Newsletter header image, wide 16:9, single enormous outlined number filling the left third of the frame (representing a subscriber milestone), generous empty space on the right for the celebration headline, soft confetti scattered in the background, deep saturated brand background color, modern celebration newsletter aesthetic, --ar 16:9
容易踩的坑
- 让 AI 把标题直接画上去 —— 文字渲染崩,并且不利于邮件客户端的可读性
- 用正方形或竖版 —— 信箱流的节奏立刻乱
- 纯白底 —— 很多暗色模式客户端会反转,对比度直接崩
- 关键内容放在外侧 20% —— 手机邮件会裁掉两边
- 插画太繁复 —— 抢了正文的注意力
下一步怎么改得更好
- 系列 newsletter 锁一套 banner 模板,只换单期元素
- 发送前在暗色模式预览一下,对比度问题第一时间能发现
- 想要打开率高,banner 配色和主题行 emoji 颜色要呼应
- 文字后期到 Figma 排,1500 像素宽 retina 预览
- 一定给图片写 alt 文本 —— 屏蔽图片或屏幕阅读器都用得上
常见问答 (FAQ)
Q: Newsletter banner 推荐尺寸?
A: 1500-1600 像素宽是安全上限,高度 600-800 像素(约 16:9 到 2:1)。再高就把正文挤下去了。
Q: 这期标题要不要画进图里?
A: 画一个有设计感的标题可以增加视觉冲击,但 HTML 正文里必须也保留同样的标题文本,防止屏蔽图片的客户端看不到。
Q: 怎么扛住暗色模式?
A: 别用纯白底,换浅米色或品牌色块。发送前在 Gmail、Apple Mail 暗色模式下预览一遍。
Q: Banner 选插画还是摄影?
A: 都行。插画系列扩展性强,摄影更编辑感。挑一种锁死,不要混。
Q: 怎么让 banner 不像装饰图?
A: 和这一期内容绑定。每期都用同一张日出插画就是装饰;让 banner 视觉呼应标题就是内容。
相关文章
标签: #social-thumbnails #Newsletter #email-header #图像生成 #Prompt