随着互联网的高速发展，如今多种设备均能支持互联网，这样也有利有弊：好处：用户可以随时随地的登入互联网；坏处：网页设计的工作量增大。同时，用户的审美眼光也越来越高，在这种情况下应运而生的响应式网页设计变成了主流。
但是，响应式网页设计所带来的挑战仍然有很多：例如：设备的种类繁多？屏幕的小，中，大尺寸多种多样？等，这就要求进行响应式设计都要优先考虑内容，考虑到内容与整体设计的结合，考虑到内容是怎样在页面表现的，还需要观察不同元素在页面中是怎样紧密结合，协同工作，从而保持一致而又整体的风格。
在有限的网页尺寸里，元素应该如何布局？元素的尺寸是多大？如何将大尺寸页面转换到小尺寸页面？如何将小尺寸页面转换到大尺寸页面？如何保证多种尺寸下浏览体验的一致性？下面具体介绍下响应式网页设计几处值得学习的地方。
1，利用图像工具设计
利用PS和其他工具创建一个固定宽度的模型，这种方法可能是大多数网页设计的方法，对响应式网页设计依然有效，利用图像工具能够直观的布局。
2，在浏览器里进行设计
这个方法有点争议，但也有可取的地方，在浏览器内进行设计，指的是当完成线框图阶段之后，直接进入浏览器，利用各种在线工具开始设计，而不用任何图像工具。
3，在浏览器中做决定
想要检验网页设计的优劣，就在就在浏览器里检验，而且字体经常在浏览器中发生变化，利用浏览器检查设计，能够帮助迅速改正网页设计的变化内容。
4，矢量图
虽然矢量图对于网页设计来说，并不是陌生少见的元素。但是，越是常见应用广泛的元素，就越被人忽略。矢量图，被称为完美的几何图形。矢量图是通过组成图形的一些基本元素，如点，线，面，边框，填充色等信息通过计算的方式来显示图形。矢量图的优点就是文件容量相对于其他图形要小，并且放大和缩小都不会失真。缺点是这些完美的几何图形很难表现自然度高的写实图像。
需要强调说明的是在网站页面上所使用的图像都是位图，即便有些矢量图形，也是通过矢量工具进行绘制然后再转成位图格式在网站上使用，区别的是像素绘制的图形。既然提及到了位图，在此也简单讲述一下位图。位图又叫像素图或者栅格图，它是通过记录图像中每一个点的颜色，深度，透明度等等信息来存储和显示图像。
