很多时候，一个网站的整体美感，以及浏览的方便程度，都决定于网页的布局设计，而今的网页设计的布局，基本都是大同小异，但是适当的做一些错位的元素和少见的配色都能够给布局带来亮色，具体应该怎么做好布局的设计工作呢？ 

        首先进行设计之前，最好是能够了解大多数访问者浏览网站的习惯，因为只有在这样的基础上再加上你的设计才思，才能创造出既有自己特色又能符合访问者喜好的设计方案。而所谓的页面布局，其实是对整个网页的整体规划，包括页面尺寸确定、整体造型设计、各类元素（页头、文本、页脚、图片、多媒体）的大致摆放等问题。

        其实进行网页的布局设计并没有严格的要求，固定的标准，但是严格来说，为了满足现在大众的访问需求，以及我们常规的一些审美问题，进行布局设计的时候，还是有一定的标准的。就拿页面的尺寸来说，它的尺寸大小应根据分辨率大小来进行设定，正确的宽度尺寸是比分辨率宽度值偏小。

        但是于此同时也有一个问题，那就是用户约定俗成的习惯，硬件所限定的交互方式，可用性和易用性规则下的设计手法，它们让我们所看到的网页如此的相似。现在的网页差不多都采用分列布局，常见的有单列布局、双列布局、三列布局和混合布局，这些设计了解分析清楚，就会发现，网页布局无非就是并列、嵌套、层叠这几种，将网页的结构分辨清楚，要设计出类似的网站也就不是什么难题了。

        其中响应式网页设计是目前流行的一种WEB设计形式，主要特色是页面布局能根据不同设备下能让内容适应性的展示，从而让用户在不同设备都能够友好的浏览网页内容。而这种模式的布局设计，需要对相同内容进行不同宽度的布局设计，无论基于那种模式的设计，要兼容所有设备，布局响应时不可避免地需要对模块布局做一些变化，我们通过JS获取设备的屏幕宽度，来改变网页的布局。

        要知道很多时候，单一方式的布局响应无法满足理想效果，需要结合多种组合方式，但原则上尽可能时保持简单轻巧，而且同一断点内保持统一逻辑。否则页面实现得太过复杂，也会影响整体体验和页面性能。