邮件设计稿转 HTML设计稿转 HTML

将您的邮件设计稿制作成 HTML:适用于邮件营销服务的表格布局,贴近您的设计稿,适配手机

通常15分钟内完成包含修改质量检查
套餐
付款保障详情
  • 套餐内的修改免费。
  • 如果交付后 3 天内您未作回应,工作将自动验收。

付款时款项会被冻结,仅在您验收后结算。

将您的邮件设计稿制作成 HTML:适用于邮件营销服务的表格布局,贴近您的设计稿,适配手机

成果示例

标准版套餐示例

为一家陶瓷店制作的欢迎邮件和春季促销邮件

两封邮件

手机上的欢迎邮件

手机上的欢迎邮件

文件: 一个 ZIP 压缩包,内含 2 封为邮件客户端制作的 HTML 邮件(使用内联样式并带退订链接)和 3 张为邮件专门绘制的图片,可直接导入客户的邮件发送服务。此处展示的是邮件截图。

客户: Juniper & Oak,一家销售手工陶瓷和家居用品的小型网店。 任务: 为其邮件发送服务制作两封邮件:一封首单优惠 10% 的欢迎邮件,一封花瓶和花盆优惠 20% 的春季促销邮件,采用沙色、赤陶色和橄榄绿。

客户及所有信息均为虚构。

服务介绍

您已有邮件设计稿,需要将其制作成邮件客户端能正确显示的代码。上传设计稿的截图或 PNG 导出图,我们将其制作成 HTML 邮件:相同的区块、相同的顺序、配色、尺寸和按钮,并用真实文字代替文字图片。代码符合邮件客户端的要求:600 px 宽的表格、每个元素上的内联样式、相近的系统字体,即使您的设计只有电脑版,在手机上也会变为单栏。设计稿中的照片和插图按相同的气质重新绘制,如果您上传了自己的,则使用您的。我们无法打开 Figma、PSD 或 Sketch 文件:请将画面导出为图片。我们不发送邮件。

服务内容

  • 您将获得一个 ZIP 压缩包,包含每封邮件的 HTML 及其图片,可直接用于您的邮件营销服务,订单页面上还提供预览。
  • 贴近您的设计区块、配色、尺寸和按钮与您的设计稿一致
  • 真实文字标题和段落为文字,而不是文字图片
  • 手机版没有移动端版式时,根据桌面端设计制作
  • 图片各就其位按设计稿的气质重新绘制,或使用您的图片
  • 退订链接页脚中的占位符,由您替换为所用服务自己的链接

服务流程

  1. 1
    上传您上传邮件设计稿的画面,并说明每张对应哪封邮件
  2. 2
    制作和预览我们用表格和内联样式制作每封邮件,您在电脑和手机上将其与设计稿对比
  3. 3
    压缩包您下载压缩包,并可在套餐范围内提出修改

需要您提供的信息

最多 5 张 PNG、JPEG 或 WebP 图片:您邮件设计稿的画面,每张图一封邮件,清晰到可以看清文字,如有需要,还可附上要原样使用的标志和照片。请说明每个文件对应哪封邮件、与设计稿不同的文字(如有)、每个按钮应链接到哪里,以及页脚中的发件人信息。不接受 Figma、PSD 或 Sketch 文件:请将每封邮件的画框导出为图片。

我们会询问您:

  • 每个文件对应哪封邮件?
  • 文字与设计稿有不同吗?
  • 按钮应链接到哪里?
  • 页脚中的发件人信息

套餐对比

套餐基础版根据您的设计制作 1 封邮件US$17标准版根据您的设计制作 2 封邮件US$31高级版根据您的设计制作 4 封邮件US$52
交付期限1 天2 天2 天
修改次数123
邮件数124
为邮件绘制的图片234
手机版包含包含包含
退订链接包含包含包含
根据您的设计制作包含包含包含
下单 基础版下单 标准版下单 高级版

付款保障

您在下单时付款,但款项仅在您验收后才会结算。

  • 固定价格付款后套餐价格不会变动。
  • 款项先冻结付款时,这笔金额只是被冻结。您验收后,款项才会结算给平台。
  • 交付前检查每份成果在送达您之前都会经过质量检查,验收前您可以在订单页面查看。
  • 免费修改在需求说明范围内,您可以在套餐允许的次数内提出修改。
  • 3 天后自动验收如果交付后 3 天内您既未验收也未提出修改,工作将自动验收。如果您在交付后于订单聊天中留言,订单将暂停自动验收;我们回复后,可能会重新开始计算 3 天,并会在聊天中告知您。
  • 返工或全额退款如果成果与您的需求说明不符且修改后仍未解决,或工作耗时超过交付期限的两倍,请在订单聊天中留言:我们将为您返工或全额退款。
运作方式 →

问题与解答

你们能打开我的 Figma 或 PSD 文件吗?

不能,我们根据画面图片工作。在 Figma 中选中邮件画框,以 2x 导出为 PNG;在 Photoshop 中使用“导出为”。较长的邮件可以导出为一张长图。

会与我的设计像素级一致吗?

版式、配色、尺寸和区块顺序会非常接近,但不会做到像素级一致:不同邮件客户端的显示略有差异,字体使用相近的系统字体,除非您上传自己的照片,否则照片会重新绘制。发送前请向几个邮箱和一部手机发送测试邮件。

我的设计使用了特殊字体和视频。怎么办?

大多数邮件客户端既不显示网页字体,也不播放视频,因此文字使用相近的系统字体,视频则变为一张带播放图标、链接到视频的图片。

你们能照搬另一家公司的邮件来制作吗?

我们制作您拥有或有权使用的设计。我们不会一比一复制其他公司的邮件;您喜欢的邮件只能作为风格参考。

它能用于我的邮件营销服务的拖拽式编辑器吗?

您获得的是纯 HTML,可作为自定义代码导入或粘贴。它不会被拆分为编辑器的区块,因此之后的修改需在代码编辑器中进行。页脚有退订链接占位符,供替换为您所用服务自己的链接。

没有找到答案?

套餐