确认网站的架构和主要视觉风格后，下一步是开始考虑如何做好网站布局：

　　1.用视觉来强调焦点

　　每个网站，最重要的是主页;每个主页，最重要的部分是顶部，我们称之为’Header’，因为这个地方是每个观众打开页面后的第一个看。图片，所以它的制作和规划自然是整个网站的主要焦点。

　　标题通常有一个大横幅，一些是图片，一些是动画，我们称之为“横幅”，也称为“网站主要视觉”。随着HTML5和CSS3的日益普及，传统的Flash动画逐渐被取代，越来越多的网站使用大型精美图片来强调公司或品牌的重点。因为图片不需要花费很长时间等待Flash动画等阅读时间。例如，Apple的主页在打开时会立即看到横幅的非常大的区域，图像的宽度达到980px，这样观众就可以看到这是Apple目前关注的热门项目。

　　因此，整个企业或品牌的焦点，使用标题或横幅中的大型精美图片，是网站布局配置的第一个焦点。

　　2.掌握架构并实现配置

　　每个网站都有不同的需求。有些公司需要在网上购物才能销售商品。一些公司需要电子相册来展示大量的产品照片。这就是为什么你应该在开始制作之前规划你的网站。

　　因此，在开始布局配置之前，生产者必须掌握网站的基本结构并理解网站的功能项。这样，你能知道主菜单(菜单)应该放哪些项目吗?页面内容是左列(左)还是右列(右)?您是否在页面底部有版权声明或联系信息?最新消息是5或10?您想要主要产品还是受欢迎的产品?你想要放几支笔?广告链接应放在左侧还是下方?你想要放多少个广告?

　　在掌握了这些布局的重点之后，制作人可以在草稿上绘制出版物的初稿，以便于随后生成其他布局。

　　3.统一颜色，创造整体

　　一个公司的形象，最重要的是企业识别系统(CIS)，一个网站也是，最重要的是颜色是否协调和一致。

　　选择颜色，首先要考虑的是公司或品牌的主要颜色，例如Facebook的蓝色，法拉利的红色。除了主色系外，还应该仔细选择颜色匹配。确定颜色后，无论观众切换到哪一页，整个网站的风格都是一致的。通过这种方式，网站可以清晰地表达公司或品牌的精神。此外，它还可以显示其独特性并提高公司的认知度。

　　4.主要和次要要点清晰而有力。

　　标题相同，重要性不同，文字大小必须不同;同样是图片，重要性不同，图片大小不同。

　　例如，本周的主打产品，要用更多的空间来介绍，文字较大，画面更漂亮，其他次要产品，使用较小的文字和图片，整洁安排。除了文本图像大小的差异之外，更重要的消息也可以通过颜色来区分。例如，在十篇文章标题中，更重要的标题可以用红色表示并放在第一笔中。此外，所有文本和图片必须具有适当的间距和空白区域，以使图片易于阅读。

　　突出最重要的(和您的第一要务，让客户知道)消息，主要和次要，整洁的布局，您可以实现成功的网站制作布局规划。

　　5.善用图片吸引注意力

　　普通人阅读网页的习惯通常是从上到下，从左到右，但是当他们遇到图片时，他们会显示跳跃阅读。也就是说，人们会首先看一下这些照片，然后看看那些感兴趣的人。将继续阅读文字。因此，将图片放在必要的位置以吸引读者注意更为合适。

　　在网页中，如果是全文，则必须阅读无聊，但如果是图片，则内容太空，所以在产品列表中，最好至少有一张图片，与产品一起说明文字，让读者可以快速查看图片，当他们看到他们感兴趣的产品时，他们可以查看文字说明，然后点击查看产品的详细信息。