SuperAPI AI 工具集

design-for-email

设计与创作

查看项目

更新于 10-16 05:06

技能介绍

用途:为 HTML 邮件设计提供约束清单与兼容性规则,帮助在邮件客户端中稳定呈现。

主要能力: 技术约束:用表格布局(flexbox/grid 不支持);内联 CSS(许多客户端会剥离 <style> 标签);最大宽度 600px;不支持 JavaScript;不支持视频(用 GIF 或带播放按钮的静态图);背景图支持有限(用 bgcolor 兜底)。 客户端问题:Outlook(Windows)使用 Word 渲染引擎,仅支持表格;Gmail 在非 Google 账号视图中剥离 <style>;Apple Mail 能力最强,支持多数 CSS;Yahoo 剥离部分 CSS 并添加自身样式。 设计规则:单列布局在各处最可靠;使用系统字体与 Web 安全回退字体;按钮用带内边距和背景色的表格单元格,而非 CSS 按钮;图片始终设置宽度并提供 alt 文本;暗色模式需测试外观,部分客户端会自动反色;预览文本前 80-100 字符会在收件箱可见。

使用方式:按上述约束编写邮件 HTML,并在 Gmail(网页)、Outlook(桌面)、Apple Mail、移动端 Gmail、移动端 Mail 中测试;可用 Litmus、Email on Acid 等工具,并向自己多设备发送测试邮件。

适用场景:营销邮件、通知邮件等需要跨客户端一致呈现的 HTML 邮件设计。

限制:资料未提供具体安装命令、收费信息或更多实现细节。