1. 首先，确定信息内容，规划页面框架。

根据客户提供的内容和要求，由产品经理或设计经理来确定这个网站有几个页面，那些页面放什么内容，那些内容比较重要，用什么形式展现。

2. 其次，考虑响应式的规则。

不同的内容，在不同的响应式规则下的展现形式应该是不同的。有的适合大分辨率，有的只能在小分辨率下使用。虽然规则越全网页效果越好，但是毕竟成本和时间在这，不可能考虑那么全，所以我们要确定要考虑那些分辨率。

3. 确定响应式显示形式

根据确定好的响应式规则，规划在不同分辨率规则下的显示形式。从大分辨率到小分辨率应该如何变化，导航应该如何变化，页面结构应该如何变化

响应式是一种设计理念与前端技术紧密结合的新型的开发模式，需要尽早让各个角色参与进来，确认方案可行性，协调最终的显示效果，以便后期进行开发工作。

4开始进行响应式设计

按照用户体验中的移动优先的原则应该先进行移动端的模块细节设计，一般是从从PC端开始设计细节。因为PC端内容全面，能够充分体现业务复杂度，PC端的开发环境与测试环境都相对成熟，所以从PC端开始能够让开发过程更顺畅。

4. 响应式具体实现

做好了PC端，就像盖楼有了地基，剩下的响应式调整就有了根基和对比。前端根据响应式规则和具体设计，完成响应式代码的实现。需要注意的是，同样分辨率的客户端和浏览器显示的结果有所不同，测试的时候一定要注意

到了这里，一个响应式网站的页面就算完成了，剩下的工作需要后台开发工程师进行开发，这些已经和响应式关系不大了。