确定了网站的架构和主要视觉风格之后，接下来就是开始思考网页设计的布局了。网页设计(或布局规划)的布局有以下几个要点：
1. 运用视觉，强调重点的每个网站来说，最重要的是主页；每个主页最重要的部分是顶部，我们称之为“页眉”。因为这个地方是每个访问者打开网页后看到的第一张图片，它的设计和规划自然是整个网站的首要焦点。Header中通常有很大的横幅，一些图片和一些动画，我们称之为‘横幅’，也就是俗称的“网站主视觉”。随着HTML5和CSS3的日益普及，传统的Flash动画逐渐被取代，越来越多的网站使用大而精致的图片来强调企业或品牌的重点。因为图片不像Flash动画那样需要很长的等待时间。比如打开苹果的主页，马上看到一个非常大的横幅，图片宽度980px，让访客知道这是苹果目前重点关注的热门产品。因此，在页眉或横幅中用大而精致的图片呈现整个企业或品牌的重点，是网页设计布局的第一个重点。
2. 掌握架构，落实配置的每个网站都有不同的需求。有的公司需要网购来卖货，有的公司需要电子相册来呈现大量的商品照片。这就是为什么网站架构规划要在网站设计开始之前做。因此，在开始布局之前，设计师必须掌握网站的基本结构，知道网站会有哪些功能项，才能知道主菜单中应该放哪些项。网页内容应该有左栏还是右栏？您想要页脚处的版权声明或联系信息吗？您想显示5条还是10条最新消息？首页应该有主打产品还是热门产品？我应该放几支钢笔？广告链接应该放在左边还是下面？应该放多少广告？设计师在掌握了这些版面的要点后，可以先在草稿上勾勒出出版类型的初稿，方便其他版面的设计和处理。
3. 统一色彩，营造整体公司形象最重要的是CIS，网站也是，最重要的是色彩是否协调一致。在选择颜色的时候，首先考虑的当然是公司或者品牌的主色调，比如Facebook的蓝色，法拉利的红色。除了主色系统，还要精心选择配色方案。决定了颜色之后，无论浏览者切换到哪个页面，整个网站的风格都是一致的。这样，网站不仅可以清晰地表达企业或品牌的精神，还可以展示其独特性，提高企业的认可度。
4. 主次分明，简洁有力也是标题，而且重要性不同，所以文字大小一定不同；同一张图片，重要性不同，大小也不同。比如这周的主打产品要用更大的篇幅介绍，文字更大，图片更精准？漂亮，其他小货，用小一点的字和图就行了，排列整齐。除了文字和图片的大小不同之外，更重要的信息可以通过颜色来区分。比如十篇文章标题中，比较重要的标题可以用红色表示，放在第一篇。此外，所有的文字和图片都要有适当的间距和空白，这样图片就可以轻松轻松地阅读。突出最重要的信息(你想让客户先知道的)，分清主次，排列整齐，就可以实现成功的网页设计和布局规划。
5. 善用图片，吸引目光，阅读网页的习惯通常是从上到下，从左到右。但是人遇到图片就会跳跃式阅读，也就是说人会先看图片，感兴趣了再继续看文字。因此，在必要的地方适当放置图片可以吸引读者的注意力。
如果一个网页全是文字，读起来一定很枯燥，但是如果全是图片，内容就太空洞了。因此，在产品列表中，更好至少有一张带有产品介绍文字的图片，以便读者快速浏览图片。当他们看到感兴趣的产品时，可以再看一下文字介绍，然后点进去查看产品的详细内容。因此，一个成功的网页设计布局方案可以达到图文并茂、相互呼应的状态。
鲁ICP备15001313号
鲁公网安备 37039402000105号