SuperAPI AI 工具集

email-design

营销与增长

查看项目

更新于 10-16 10:13

技能介绍

用途

这是一个邮件营销设计技能,帮助设计高转化率的营销邮件。资料描述其为「Email marketing design with layout patterns, subject line formulas, and deliverability rules」,覆盖欢迎邮件序列、促销邮件、事务性邮件等场景,并可借助 inference.sh CLI 生成 AI 视觉素材。

安装方式

资料给出的安装命令为:

npx skills add belt-sh/cli

技能相关命令示例使用 inference.sh CLI(belt),需先执行 belt login。

主要能力

邮件宽度与布局约束

  • 最大宽度 600px:Gmail、Outlook 渲染标准
  • 移动端宽度 320-414px:响应式回退
  • 单栏布局优先;双栏布局慎用,在许多客户端会断裂
  • 图片宽度最大 600px,双栏用 300px;视网膜屏提供 2x(1200px)
  • 正文字号 14-16px(低于 14px 在移动端难以阅读),标题 22-28px
  • 行高 1.5

反金字塔布局(The Inverted Pyramid Layout)

资料将其描述为最能将注意力汇聚到单一 CTA 的布局:顶部为页眉图(600 x 200-300),随后是一行标题、2-3 句解释价值的正文、一个清晰的 CTA 按钮,底部为页脚与退订链接。

主题行公式

资料列出以下公式及对应示例与打开率影响:

  • 数字 + 利益:「5 ways to cut your build time in half」,影响高
  • 提问:「Are you still deploying on Fridays?」,影响高
  • How-to:「How to automate your reports in 3 steps」,影响中高
  • 真实紧迫感:「Last day: 30% off annual plans」,影响高(若真实)
  • 个性化:「[Name], your weekly report is ready」,影响非常高
  • 好奇缺口:「The one feature our users can't stop talking about」,影响中高

主题行规则:长度 30-50 字符(移动端约 35 字符处截断);预览文本取主题后前 40-100 字符并刻意设计;emoji 最多 1 个,置于开头或结尾并测试;避免全大写(触发垃圾过滤);避免「free」「act now」「limited time」「click here」等垃圾触发词;主题中加入[First name]可提升打开率 20% 以上。

预览文本

资料强调预览文本出现在主题行之后的收件箱中,不应浪费。反例:「View this email in your browser」「Having trouble viewing this?」。正例:主题「5 ways to cut build time」配预览「Number 3 saved us 6 hours per week」;主题「Your monthly report is ready」配预览「Revenue up 23% — here's what drove it」。

邮件类型

资料分四类并给出各自要素:

  • 欢迎邮件(自动化,第 0 天):主题「Welcome to [Product] — here's what's next」,页眉为品牌图或产品截图,正文 3-4 句说明注册内容、可期待事项与一个快速收益点,CTA 为「Complete your setup」或「Try your first [action]」,时机为注册后立即发送。
  • 促销 / 活动邮件:主题以利益为主、紧迫感真实,页眉为主图展示优惠或结果,正文为问题 → 方案 → 优惠 → 截止日期,CTA 如「Get 30% Off」或「Start Free Trial」,紧迫感需为真实截止日期而非虚假稀缺。
  • 产品更新 / 变更日志:主题「New: [Feature name] is here」,页眉为功能截图或视觉图,正文说明新内容、意义与用法,CTA 为「Try [feature]」。
  • 事务性邮件(收据、确认):主题中明确用途,如「Your order #1234 is confirmed」;设计极简,避免与营销混淆;关键信息置于首屏;尽量不含促销内容。

页眉图设计

资料提供三组 belt 命令示例:欢迎邮件页眉(DataFlow 示例)、促销页眉(30% OFF 示例),以及使用 falai/flux-dev-lora 与 AI 生成功能公告页眉的命令示例。命令内容与所示代码保持不变。

CTA 按钮

  • 宽度 200-300px,非全宽;高度最小 44-50px(触控目标)
  • 颜色与背景高对比;文案为动作动词 + 结果,如「Start Free Trial」
  • 圆角 4-8px;位于首屏,长邮件可在底部重复
  • 每封邮件仅一个主 CTA
  • 资料推荐使用「bulletproof button」技术(Outlook 用 VML,其余用 HTML/CSS),并给出示例代码。

移动端优化

规则包括:单栏布局;字号最小 14px;CTA 按钮最小高度 44px(Apple/Android 触控目标);图片缩放至 100% 宽度;元素垂直堆叠;在 Gmail app、Apple Mail、Outlook 上测试。资料称 60% 以上的邮件在移动端打开,应移动优先设计。

送达率清单

  • 图文比例:图片最多 40%,文本 60%(垃圾过滤器会标记图片过多的邮件)
  • 图片始终添加 alt 文本(许多客户端默认屏蔽图片)
  • 退订链接为法律要求(CAN-SPAM、GDPR),需易于找到
  • 发件人名称应为可识别的个人或品牌名
  • 回复地址使用真实地址,避免 no-reply@(损害送达率)
  • 列表卫生:移除退信、每季度清理不活跃订阅者
  • SPF/DKIM/DMARC:技术认证,一次设置,对进信箱至关重要

适用场景

资料覆盖欢迎邮件序列、促销邮件、产品更新与事务性邮件的设计流程,适合需要设计营销邮件并希望兼顾移动端渲染、送达率与转化率的场景。

限制

资料未提供具体收费、价格、套餐或效果数据保证;未提供各邮件客户端的完整兼容性测试说明或该技能本身的运行环境要求细节。缺少的事实暂未提供。