163 views

越来越多的智能移动设备加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 Internet 的重要组成部分。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕。

参考文章:Emailology: Free Responsive Email Template

一、内容精炼

1、醒目的标题、字体和留白空间,总之不要堆太多的文字;
2、布局简单、内容清晰了然;
3、使用大的call to action。这一点主要是受手机屏幕的约束;
4、去掉不必要的装饰,跟第二点有些雷同,主要还是得突出重点,简洁为主;
5、注意字体粗细和色块的运用,使用一些大胆的颜色无论是美观还是吸引力上都会大加分。

  • 内容设计

RWD:

  • 流体布局( fluid grids )
  • 采用CSS的media query技术
  • 自适应的图片/视频等资源素材

AWD:

  • CSS media query 技术(仅针对有限几种预设的屏幕尺寸设计)
  • 用 Javascript 来操作 HTML 内容

在服务器端操作 HTML 内容(比如为移动端减少内容,为桌面端提供更多内容)

相关文章

评论

21 views

m_1354603091575

越来越多的智能移动设备加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 Internet 的重要组成部分。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕。

(更多…)

相关文章

评论