SuperAPI AI 工具集

responsive-email-design

设计与创作

查看项目

更新于 10-16 06:13

技能介绍

用途:面向电子邮件设计,提供响应式与移动优先的实现模式,帮助邮件在不同客户端和屏幕尺寸下保持可读性与可用性。

主要能力:区分流式、响应式与混合三种方案。流式基于百分比宽度,兼容广但控制力较弱;响应式依赖媒体查询,控制力强但并非所有客户端都支持;混合方案以流式为基础,并用条件注释兼顾 Outlook,兼顾两者优势。

移动端要点:超过六成邮件在移动端打开,应移动优先设计。优先采用单栏布局,多栏内容在移动端纵向堆叠。按钮在移动端设为全宽,在桌面端改为行内。正文字号最小 16px,避免 iOS 自动缩放。链接触控目标最小 44px。图片设 100% 宽度,桌面端加最大宽度限制。预览文本(preheader)在移动端显示、桌面端隐藏。每个区块只放一个行动号召(CTA)。

使用方式:作为设计模式参考,应用于邮件模板与组件设计。原文未提供具体安装命令或代码示例,相关用法暂未提供。

适用场景:营销邮件、事务性通知等需要在多客户端自适应呈现的邮件设计。

限制:仅覆盖设计模式要点,未涉及具体客户端兼容细节、测试工具或实现代码;价格与平台信息暂未提供。