邮件通讯的 AI 图片: 页眉、分隔线和页脚保持同一风格

邮件是图片能待的最严苛的地方。宽度由读者的邮件应用决定,它可能在点按之前屏蔽图片,可能在深色模式下翻转你的颜色,也可能根本不显示你的字体。所以,通讯邮件的 AI 图片要从这些限制倒推着规划。下面是一份清单,适用于页眉、分隔线和页脚图这三件一套的素材,让它们看起来出自同一双手。

从栏宽出发,而不是从图片出发

大多数邮件通讯采用约 600 像素宽的居中单栏,你只需要为这一栏做设计。手机会把它缩小,桌面客户端只是把它居中放在空白里。先确定栏宽,再据此算出三个画幅。

• 页眉: 满栏宽,宽而矮。在比例选项里选宽画幅,再在编辑器里裁剪高度。
• 分隔线: 满宽,极细。没有哪个模型能直接画出那么细的条带;先生成一张宽画幅,再从最平静的部分裁出一条窄带。
• 页脚图: 与页眉同宽,比分隔线稍高,让邮件以一个造型收尾,而不是以法律声明收尾。

按栏宽的约两倍生成,再在编辑器里缩小,图片在高密度手机屏幕上才会保持清晰。工作室最高可生成 2K 的图片,对一栏来说绰绰有余。为什么宽画幅胜过事后再裁的方形图,画幅比例指南里有解释。

让所有文字都留在图片之外

这条规则能救下大多数邮件通讯。如果标题被烧进页眉图片里,屏蔽图片的应用里读者只会看到一个空框,屏幕阅读器什么也读不到,而且一个错字就得重新生成。标题、日期和按钮用真正的文字,图片只当背景。

如果图片本来就有一块安静的区域,页眉上放文字会容易得多。像留白放文字一文那样在提示词里点明这块区域,并把主体放在另一侧。还要给图片加替代文字,因为有些读者只能看到它。一句简短平实的话就够了,写法见替代文字一文。

一套配色,写进全部三个提示词

三次独立生成如果不加固定,就会越走越远。选两三种颜色,在每个提示词里都写出名称,并保持同类的主体和同样的光线。上面的例子是梅子紫、紫罗兰和沙色,配以柔和的灯笼光。怎样措辞才不会被模型换色,配色指南里有示范。

然后把第一张通过的页眉当作分隔线和页脚的参考图,并说明保留什么(配色和光线)、改变什么(主体)。参考图一文有详细说明。三件都用同一个模型;Still 是不错的默认选择,每张 €0.40 起,而 Still Lite 每张 €0.30 起,足够在定稿前试构图。

让图片与邮件背景相匹配

先选定邮件的背景色,再让每张图片的边缘融入其中。在白色页面上以生硬线条结束的页眉,看起来像一块粘上去的矩形。一种办法是让图片在底边渐隐成与页面完全相同的颜色;另一种是把页面颜色写进提示词,并要求柔和的暗角。请在你的邮件工具里检查效果,而不只是在工作室里。

深色模式是第二道测试。有些应用会反转浅色背景,边缘发白的图片可能出现难看的光晕。边缘为深色或中间色调的图片在两种模式下表现最好,这也是把配色放在偏深一侧的好理由。

文件: 扁平、小巧,用平淡的格式

邮件应用远不如浏览器先进。每个素材存成 JPEG,色块扁平时存成 PNG,并避开邮件应用支持参差不齐的新格式。目标是文件小到在信号差的手机网络下邮件也能立刻打开;安静、细节少的图片比繁忙的图片压缩得好得多,为标题留出的安静区域在这里也有帮助。压缩之后,请用原始尺寸检查平滑的深色渐变,色带最先在那里出现。

工作室在这里做不到的事

它生成的是位图,不负责搭建邮件本身: 没有 HTML,没有切片,不会按你的栏宽调整尺寸,也不会针对邮件应用做压缩。这些都在你的编辑器或通讯工具里完成。它也不会直接画出细如发丝的分隔线,所以要从更宽的图里裁出一条。透明输出只有部分模型支持,对邮件来说不值得冒险,因为客户端在深色模式下对透明文件的处理无法预测;请把图稿合并到纯色底上。它也无法保证三次生成完全一致: 配色和参考图能让它们很接近,如果品牌需要精确的颜色,请在编辑器里对整套图调色。

打开工作室,先生成页眉并确认,再以它为基础制作分隔线和页脚。如果风格不对,请到模型页对比各个图片模型。我们关于博客头图的文章讲的是网页上的同一门手艺,那里的规则宽松得多。