网页设计常见的经典布局展示，在开始一个新的网页设计项目的时候，不知道你会不会有那么一瞬间的犹豫："这个项目要从哪里着手呢？"伴随着这种犹豫的，是"做点前所未有的作品"的冲动。不过，很多时候，这些冲动和犹豫都在需求的磨合、设计的细化中，逐步淡化。相比大家也都发现了，网页布局在很多时候都是相似的，甚至可以说，有些布局模式是长盛不衰的。

在全宽网页布局模板中，背景延伸到屏幕的整个宽度。你的网站看起来没有边界，这是现代网页设计中流行的布局类型，因为它很适合移动响应式网站。如果你有很多图片、视频等内容，那么全宽是一个很好的选择。注意，在这个网站模板中，背景图片会自动调整到适应屏幕大小，因此背景顶部的内容可能会根据屏幕的大小而移动，所以你尽量不要添加太多复杂内容。

很多网站都会有一张静态的头图banner，你可以选择在图片上添加标题、副标题或其他说明文案，来吸引访客。一般来说图片banner可以是一张大的海报，也可以是动态轮播图。或者你也可以用一张gif动图来展示自己，这样能够让网站显得更加活泼，展示更多信息。

如果你想吸引注意力，网格化网页布局设计是非常理想的。考虑到吸引观众注意力的风格和目的，网格布局与旧的传统布局相去甚远。网格布局比较打破常规，这种布局使时尚、设计和商城等组合网站在获得流量方面表现不错，因为这种布局设计既表达了复杂性，也反映了网站的主要功能，还兼具美感。

分屏布局就是使用色块将网页背景划分为N个子屏，每一屏都是一个容器，都可以用来承载一种信息。一般有垂直和水平两种呈现方式。固定边栏是一种理想的布局，它比无休止的滚动和滑动更容易导航。边栏是你放置网站内容选单的部分。你可以在屏幕的左侧或右侧做一个侧边栏。当访问者上下滚动时，他们不会失去可以轻松进入“预订”或“立即购买”的途径。

随着移动性设计的兴起，大字体的排版设计得到了普及。大号字体在标题和副标题中特别受欢迎，有时我们在某些网站的正文中也可以看到。这样的布局方式能够使你的网站内容被顾客快速注意到。

另外，要想把网站设计得美观，除了要注重布局方式，还有重视整体风格颜色的统一。如果你在建站的时候没有主题，想到什么添加什么，不注重个版块的逻辑性和整体的同一性，就会导致网站看起来非常乱，访客也没什么继续浏览网站的心情。所以在设计网站的时候，大家要在色彩搭配、整体风格、字体上保持一致性和协调性，让视觉效果看起来和谐，这样也有助于加深访客对你的品牌记忆。