设计首页版式的第一步是设计版面的布局，类似于传统的报刊、杂志编辑，网页也需要排版布局。简单地说布局就是在一个限定的范围内合理地安排、布置图像和文字的位置，把文章、信息按照一定的顺序罗列出来，同时对页面进行装饰和美化。随着动态网页技术的发展，网站日益趋向以HTML5+CSS+JavaScript的组合进行建设，当然网页版面的静态设计仍是设计人员必须学习和掌握的。
1.版面草图的创意
前面提到一个网站的首页主要由导航、Banner、框架模块、版权及企业Logo等内容组成。传统的首页格式设计并没有固定的规则与模式，主要是由设计师和用户共同决定的。值得一提的是，上面提到的功能模块一个都不能少。
注意：
网页的版面指的是浏览者从浏览器上看到的完整页面（可以包含框架和层）。由于每个人设置的显示器分辨率有所不同，屏幕有800×600像素、1024×768像素等不同尺寸。
版面草案的形成决定了网页的基本面貌，相当于网站的初步设计创意，通常来自一些现有设计作品和图形图像素材的组合、改造及加工。
2.网站版面的粗略布局
在版面草案的基础上，将列举的功能模块安排到页面上的适当位置。框架模块主要包含主菜单、栏目条、广告位、邮件列表、计数器等。注意，这里必须遵循“突出重点、平衡谐调”的原则，将网站标志、主菜单、商品目录等比较重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的排放。(www.xing528.com)
3.网站版面的最后定案
网站版面的最后定案通俗地讲就是将粗略布局精细化、具体化。在布局过程中，需要遵循的原则有以下几条。
●平衡：就是指版面的图像和文字在视觉分量上左右、上下几个方位基本相等，分布匀称，能达到安定、平静的效果。
●呼应：在不平衡布局中的补救措施，使一种元素同时出现在不同的地方，形成相互联系。
●对比：就是利用不同的色彩、线条等视觉元素相互并置对比，造成画面的多种变化，从而达到丰富视觉的效果。
●疏密：疏密关系本是绘画的概念。疏，是指画面中形式元素稀少（甚至空白）的部分；密，是指画面中形式元素繁多的部分，在网页设计中就是对空白的处理运用。太满、太密、太平均是任何版式设计的大忌，适当的疏密搭配可以使画面产生节奏感，体现出网站的格调与品位。
在制作网站时，能适当地把以上设计原则运用到页面布局中，会产生不一样的效果。例如，网页的白色背景太虚，则可以适当地加些色块；网站的版面零散，可以把线条和符号串联起来；版面左侧文字过多，在右侧可以插一张图片来保持平衡。经过不断地尝试和推敲，一个设计方案就会渐渐完善起来。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
