网站设计：浅析响应式+HTML5网站的布局设计

响应式布局简而言之就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。在这里大家可以理解为做一个网站就能适应多种设备，而不用在为每个设备做一个特定的版本，在不同的设备上展现的模式也不一样。响应式可以为不同终端的用户提供更舒适的界面和更好的浏览体验。

在谈*近几年大热的web响应式网站之前，先跟大家简单的描述一下传统网站的布局又是如何的。

传统的网站布局主要是靠设计师跟前端制作人员，商量好网页的固定尺寸，再把设计好的网页给制作出来，这样的布局往往是固定的。现在的其他终端用户已经越来越多，特别是手机端的用户，所以网站设计的时候就会要求PC端+手机端都能够有相同的体验，显然传统网站的设计已经不能够满足了。这时候就出现了响应式+H5技术的网站，这种网站能够跨平台多设备的自适应界面

从以往的布局设计来看有这几种类型分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。

上面几种都是比较常用的响应式网站布局，但是从成本来看，固定布局是要比其他的都要低，但是它的拓充性是相对较差的。理想的实现方式是选择用弹性和混合这两种布局方式，因为其效果是非常具有响应特点的。不过网站建设选择都要按照实际情况去考量，按不同的页面排版去进行量身定制就非常好了。

这种响应式布局的出现，弥补了以往网站单调的设计，用多种组合方式来实现其功能效果，也要注意页面的总体设计还是要保持简洁、大气的，其中网站所涉及的架构和逻辑也要维持在对应设计理念中。