爱恨交加的HTML邮件

Tag: 前端开发cnscorpio @ 16:01 22-01-2009

2008年一年下来,做了很多群发会员邮件的小项目,对HTML邮件是爱恨交加,爱的是它能很快的将我们想表达的信息直接推到会员面前,恨的是,各大邮箱系统的兼容性问题。这类帖子在行内不少UED BLOG上都有朋友写过了,大部分也是我碰到过的,我这里写点我的个人感受吧。

1.邮件兼容性问题

1.1 table布局比较靠谱

div布局在部分变态邮箱里没法看,因为这部分邮箱会默认对某些标签添加自有的样式,如sina.com的邮箱和hotmail.com的邮箱。甚至这些邮箱有BUG的话,会出现一些莫名奇妙的问题,如:QQ邮箱会在某些情况下(至今未知)自动给图片的格式后缀再多加一个“点”,a.jpg会变成a..jpg,-_-!!

而table布局在这个时候就很强势,很兼容,很可靠,很强大了,根据多次测试,table布局的可靠率达到90%以上,像QQ邮箱,网易邮箱,都是将邮件的主体内容放在一个iframe中,QQ邮箱就在iframe中设定了默认图片display:inline;的样式,这些样式如果你不注意,等你百思不得其解为何你的邮件中图片乱七八糟的时候,就应该看看这个了。

img

1.2 尽量少用图片

很多邮箱默认下,是不会下载图片的,例如live mail,也就是hotmail,gmail默认状态下也是不会下载背景图片和img的,只会提示你是否要显示,是否以后都信任这个地址的邮件,这个主要是处于安全性上的考虑。而不用图片了,如果又需要有视觉上的变化那怎么办呢,可以用色块(background-color),如果要用圆角,可以用很多的标签去拼凑(-_-!,是很变态),图片方面,一般来说大家有过seo习惯的话都会加上alt属性,这里也最好给图片加上,避免图片无法显示的时候,可以显示alt内容。

tupian

1.3 编码要注意

尽量用utf-8的编码,可以避免某些(注意,是某些)邮箱出现乱码情况。

Continue reading “爱恨交加的HTML邮件”

3G之变-友商网

Tag: 工作相关saidy @ 11:35 22-01-2009

是的,我们的身边充满着“变化、机遇和挑战”!

接下来,我们该做什么?该怎么做?都想好了吗?都准备好了吗?

加油,友商网的兄弟姐妹们!!!

点击此处下载ppt:3G之变-友商网KDUED 

5

 

4

<3>

桌面设计

Tag: 视觉设计saidy @ 10:45 21-01-2009

春节前有一段小小的空闲时间,静下心来做了几款桌面的设计,喜欢的同学可以下载使用,呵呵。

下载链接地址:http://www.youshang.com/html/card/calendar.jsp

long12802

mudan12801

Continue reading “桌面设计”

设计之都的城市标志

Tag: 用户体验流沙 @ 14:02 12-01-2009


2009年1月7日,深圳市公共标识设计方案公众及专家意见征集活动在规划大厦举办,通过对地名一系列的梳理包括公共标识的设计,做了三套深圳市城市标识的方案,设计过程持续一年多。

三个设计方案如下:
在我看来:其实只是一种方案的三种不同风格而已。因为没有实际方案的手册,所以 Continue reading “设计之都的城市标志”