在功能模块确定后，开始设计首页的版面。就像搭积木，每个模块是一个单位积木，如何拼搭出一座漂亮的房子，就看个人的创意和想象力了。设计版面的最好方法就是找一张白纸、一支笔，先将用户理想中的草图勾勒出来，然后再用网站制作软件实现。
1.设计草案
作为一个网站的首页，主要由导航、Banner、框架模块、版权及企业Logo等内容组成，首页的格式设计并没有固定的规则和模式，主要是由设计师和制作者来共同决定的，但是上面提到的功能模块却是一个都不能少。这里要注意网页的版面指的是从浏览器看到的一个完整页面（可以包含框架和层）。因为每个人的显示器分辨率会有所不同，所以同一个页面可能出现640×480像素、800×600像素、1024×768像素等不同分辨率。
草案的形成决定网页的基本面貌，它类似一个设计创意，往往来自于一些现有设计作品、图形图像素材的组合、改造、加工。
2.粗略布局
在草案的基础上，将需要放置的功能模块安排到页面上。框架模块在第1章已提到过，主要包含主菜单、栏目条、广告位、邮件列表、计数器等。注意这里必须遵循突出重点、平衡谐调的原则，将网站标志、主菜单、商品目录等最重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的排放。
3.最后定案
将粗略布局精细化、具体化。在布局过程中，可以遵循的原则有如下几条。
（1）平衡：指画面的图像文字的视觉分量在左右、上下几个方位基本相等，分布匀称，能达到安定、平静的效果。(www.xing528.com)
（2）呼应：指在不平衡的布局中的补救措施，使一种元素同时出现在不同的地方，形成相互的联系。
（3）对比：所谓对比，就是利用不同的色彩、线条等视觉元素相互并置对比，造成画面的多种变化，达到丰富视觉的效果。
（4）疏密：疏密关系本是绘画的概念。疏，是指画面中形式元素稀少（甚至空白）的部分；密，是指画面中形式元素繁多的部分。在网页设计中就是空白的处理运用，太满、太密、太平均是任何版式设计的大忌，适当的疏密搭配可以使画面产生节奏感，体现出网站的格调与品位。
如果能把以上的设计原则运用到页面布局里，效果就会大不一样。例如网页的白色背景太虚，则可以加些色块；版面零散，可以用线条和符号串联；左面文字过多，右面则可以插一张图片保持平衡。经过不断地尝试和推敲，一个设计方案就会渐渐完善起来。
本章由专业的设计师用Photoshop设计的首页效果如图2-1所示。
图2-1 设计的首页效果
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
