如何设计HTML邮件.pdfVIP

如何设计HTML 邮件 邮件设计环境 设计一封邮件是不是像设计一个小的一页网页？当然，在很多方法上它们 是一样的。我们使用相同的工具和技术来进行设计。采用相同的设计原则：对比， 重复，接近程度和定位都是重要的。 任何一个有能力的网站设计师都有设计一封HTML 邮件的能力。虽然，两 者之间还是存在一些重要的区别，理解这些区别就会设计一个有区别于小网页的 邮件内容，形成一个有价值和可读的邮件。 如果我们比较网站设计和邮件设计，我们会发现一些核心的区别。让我们 一个个检查一遍，并从中吸取经验。 你的订阅者可能不会打开这封邮件 邮件中最初的设计元素并不是严格意义上的“设计”，而是它的文案。你的邮 件穿过垃圾邮件过滤器，成功到达收件箱，但是却没有被打开。这是因为，不同 于一个网页——访问者可以从其它页或者搜索引擎找到——邮件的打开只能是 用户决定打开它才能打开，他们决定是否打开通常是基于主题行是否吸引人决定 的。 制作一个吸引人和有信息量的主题行是一个成功设计方案的第一步。我们 不能对主题行进行任何视觉上的设计改变，但是，作为设计师我们需要保证它能 体现邮件的内容，并且是易于识别和有帮助的。 如果主题行设计失败，那你的精心设计就再也不会被看到。现在有很多的 信息来帮助提高主题行的质量，以及概括的决定一个主题行成功或失败的因素。 设计指栏1 ：写一个……主题行  信息（提及一些话题）  短（或者至少在一开始包含最重要的信息）  可识别（因此，在你的客户端与其他邮件一致） 通过矩形窗口观察 假设我们已经完成了一个非常好的主题行，我们的邮件可能会从收件箱中 选择出来，并且以简短的形式展现。对于桌面邮件客户端譬如Outlook 和Apple Mail ，默认的预览窗口是一个只占屏幕20%的矩形，如图3.4 中说明的一样。 图3.4 示例屏显示预览窗格大小 想象穿过一个商场，每个商店门口都有一个展区，但是所有的窗口都被涂黑 了，仅留下一平方信箱大小的窥视孔。你决定是否想进去看看，就需要通过那个 窥视孔看看里面的内容。这就是预览窗口的作用——你的设计和内容的一个有限 的窗口。基于这个原因，邮件开头包含丰富的信息是非常重要的。如果所有读者 看到的是300 个像素的背景色和不认识的标志，他们必须非常渴望阅读才会去打 这封邮件。 设计指栏2 ：在一个最小的预览窗口找到你的邮件 邮件顶端的数百个像素放着什么样的文案？它是不是吸引用户来阅读？标 题是不是太大了？ 图片堵塞 如果你已经使用了一些邮件程序来呈现HTML ，图3.5 中显示的是你打开的 一封邮件可能呈现的形式。 图3.5.有图片堵塞的邮件 如上图所示，一堆各种大小的块代替了文字和图片，就像某人在你的收件箱 丢失了一个俄罗斯方块游戏中的方块。大部分的邮件客户端，包括Outlook ，Lotus Notes, and O,不默认显示图片格式。相反的，他们显示的是一个破碎的 图像图标或者一个空的矩形。 图片堵塞的原因通常和邮件的侵袭性有关。邮件到达的时候你没有采取任何 行动，该邮件内容都是图片形式 ，可以很容易的看到该邮件可怕的错误。没有人 想对他们的老板解释为什么他们的屏幕全是不适合工作场所的图片。为了避免这 种情况，可在邮件程序中插入一个额外的步骤，让读者明确请求看图片。 邮件软件程序在默认情况下处理图片的方式是不同的，可使用全局设置，或 者从你已知的工具中打开图片。在某种情况下，嵌入图片作为附件可以避免图像 堵塞。然而，将图片作为附件上传同时增加了被过滤的风险，降低了下载的速度， 并且使整个过程更复杂。即使垃圾邮件发送者将他们所有的图片都以附件的形式 嵌入，邮件客户端还是会图片堵塞。 对我们来说最关键的是我们不能简单的期望我们的读者只看到图片。此外， 许多读者并没有意识到图片丢失了或者并不知道怎么能看到图片。因此他们可能 只会推断这封邮件没有意义或者损坏了，如果邮件里面除了图片没有任何内容， 他们通常会直接删除。 因此我们要做什么？完全避免使用图片吗？当然，你可以这样做，在一些情 况下，一封不包含图像的，格式良好的 HTML 邮件可以有很高的效率并达到他 们的目标。但这并不总是正确的。我们不可避免的会遇到客户或者老板会有图像 的切实需求。 答案就是你的设