一张图让你了解响应式网站设计的流程

ABC模板商城带你了解开发响应式站点的基本过程，下面这张图介绍了我们使用的工具和流程：

1、调查：跟客户沟通，了解客户对新网站的要求和期望。

2、确定：确定网站的目标，评估很需要使用的技术，审计和评估现有网站的内容。

3、建立内容优先：对于复杂的网站，先画出网站的结构草图（线框图），优先处理移动设备。对于不简单的网站，可以直接使用HTML，创建一个响应式的原型。

4、建立风格样式：为网站建立一套视觉指南，比如文字排版的样式，按钮的样式，不同状态下的按钮样式，导航菜单的样式，还有摄影的风格等等。

5、完成设计：使用HTML5&CSS3创建出所需要的设计元素，这一步一般由前端设计师和开发者合作完成。

6、编写响应式模板的代码：先编写移动设备的响应式模板的代码。参考优先指南或原型优化移动设备内容。然后再确定当浏览窗口宽度增加时设计如何去变化。

7、整合内容管理系统：把设计好的模板整合到内容管理系统里面，比如PHP、Java...

8、发布：向世界展示你的作品。