网页的排版与布局

网页的排版与布局

叶德辉

很多朋友都想向我学习如何做网页，我知道他们的意思就是说要想向我学习如何用做网页的软件，如dreamweaver、flash、firework、photoshop等等，这些纯技术的东西我不想多谈，因为如今技术的发展一日千里，就是这种应用软件也是发展升级得非常的快。

今天的很多认为是较难实现的功能也许经过软件升级之后就可以很方便的实现。我想强调的是关于网页排版布局方面的必要的知识，很多初学者都忽视这方面，以为技术就能代表一切，能够知道怎么用这个做网页的工具就能够做出质量较高的网页来。其实不然，因为软件知识只是一种工具，就像你有了笔，但不一定能作出好的文章来一样。很多人对技术很熟练但是做出来的网页却通常是照搬人家的东西，并没有体现做网页的水平的提高。

网络时代，人本身的因素是相当重要的，只有拥有这方面的一定的审美知识，才有机会做好网页，而真正技术上的东西是不重要的，毕竟技术的发展是使每个使用者使用更加的方便，发展的趋势是让软件成为“傻瓜型”。终极目标就是用鼠标一点就能够使所有的网页完成。所以，我们应该培养自己的审美修养才是最重要的。而真正的体现是在具体的网页的布局上，网页的设计呈现出多样化的趋势，但是万变不离其宗，我想认真的分析一下，可以得到一些有用的东西，在我们应用的时候作为参考。

虽然网页设计拥有传统的媒体的不具有的优势，例如是能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相交流。但是最基本的模式还是平面设计的内容，所以平面设计就要考虑形式美的内容，其中网页的排版布局就属于形式的内容，那什么形式呢？

形。原形，包括原始形，或称自然形。

式。许慎之《说文解字》说：“法也”。它包括“法则”、“法度”、“法制”、有“用法”的含义，也就是一种“格律”。

中国古典建筑形式就称为“法式”。“形”是自然的，“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。自然形态只有通过人的改造，才能起更大的作用，由于这个原因，就形成了今天的审美形态，形象是客观的，形式则是依据客观的规律进行主观的创造。如果没有主观的创造，就没有艺术，也不可能有今天的一切，当然对于实际的网页制作来说，这也是最基本的，就是主观的创造，因为这是一个网页的灵魂，假如没有自己的主观创造，就只能拾人牙慧? 复别人丢掉不用的东西，是毫无意义的。所以现在强调网页设计的创造，表现在对页面的布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。

从网站内容上来进行排版

现在的网站通常具有的内容是文字、图片、符号、动画、按钮等，其中文字占很大的比重，因为现在网络基本上还是以传送信息为主，而用文字还是非常有效率的一种方式，其次是图片，加入图片不但可以是页面更加的活跃，而且可以形象的说明问题。所以按照

目前网页的设计，可以有针对性的对这些内容作一些调整，可以得出一些可以借鉴的东西……

从网页的布局形式上来看

按照平面设计的形式来看，整个页面可以分为几个部分，每个部分有不同的功能，也能体现不同的形式，具体看来就是上边、左边、下边、右边、中间、看似无奇，自身却有许多独特的地方，就说划分的大小吧！中间的部分一般是最大的，因为它承载着主要的信息，使用者主要就是看中间这个部分的内容，有些网站也为了出新意把整个页面进行任意划分，特别是个人网页，例如把整个页面平分为左右两个部分，但是这样会让人不着重点，还有的框架用得太多，影响了页面的整体性……

综合起来看

内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计，所以，不能单独考虑网页的内容的排版，内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计，所以，不能单独考虑网页的内容的排版，以为只要能够把具体内容清晰流畅的放到网站上就行了，造成整个页面的形式感很差，这样严重影响使用者的心情……

先从网站内容上来进行排版

现在的网站通常具有的内容是文字、图片、符号、动画、按钮等，其中文字占很大的比重，因为现在网络基本上还是以传送信息为主，而用文字还是非常有效率的一种方式，其次是图片，加入图片不但可以是页面更加的活跃，而且可以形象的说明问题。所以按照目前网页的设计，可以有针对性的对这些内容作一些调整，可以得出一些可以借鉴的东西。

既然文字是现在网页传输信息的主要工具，那么就得把页面上主要的部分留给它，这个看似简单的道理却是很多的网站所忽视的，包括一些影响力较大的网站，一味的讲求“美观”，花在形式上的没有具体内容的东西占了很大的比例。主要的文字性的内容却放到下边，结果上网的用户却要难以很舒服的获得信息，有时候要拉动下拉条才能看到整个页面的主要内容。

网页上真正好的文本的排布是这样的：一般放在最显著的地方，如整个显示的中央稍微偏右下；文本的排布整体性好，使浏览起来通畅而丝毫没有阻碍，理解内容更加容易。文字的大小应该适中，太大浏览起来增加了翻页的难度，太小看起来太累，加之一些不同的显示器的分辨率的不同，导致这个矛盾更加的突出。因此这是值得每一个设计者要慎重考虑的。用色也要考虑，一般用区别于主体的颜色可以起到强调的作用，但是凡事都是过犹不及，加入一个整体的文字内容里用的颜色太多，势必会影响读者的理解，也会影响他们的使用的心情，导致厌倦的情绪，所以不但要考虑文本使用的具体的物质功能，也要懂得其精神上的价值体现。对于文字的处理，很多的软件都是非常的注意这方面的改进工作，使文字处理更加的方便，例如Frontpage就是基于它的姊妹软件Word而发展起来的，由此可见一斑。再谈谈图片的处理，图片在网页的设计中占据很重要的地位，由于图片的加入使网页更加丰富多彩，所以把图片用好是非常重要的，有几个值得注意的地方，图片不能太

大，网络这种特殊状态下，受带宽的限制，人们是很难忍受等待之苦的，这就要求把图片的体积缩小，同时又要使图片尽量清楚，直观，最大限度的发挥它的作用，把握这个度是很关键的，另外图片的排布也很讲究，特别是多图的情况，就要是图片与图片之间的联系凸现，同时又要融为一个整体，使看起来有条理。按钮、符号、动画等虽然现在不是占主要的位置，但也是不可或却的，就说按钮吧，它是网页的一个导航，通过它才能是使用者的使用能够顺利的进行，将它设计得漂亮，或者说规

再从网页的布局形式上来看

按照平面设计的形式来看，整个页面可以分为几个部分，每个部分有不同的功能，也能体现不同的形式，具体看来就是上边、左边、下边、右边、中间、看似无奇，自身却有许多独特的地方，就说划分的大小吧！中间的部分一般是最大的，因为它承载着主要的信息，使用者主要就是看中间这个部分的内容，有些网站也为了出新意把整个页面进行任意划分，特别是个人网页，例如把整个页面平分为左右两个部分，但是这样会让人不着重点，还有的框架用得太多，影响了页面的整体性。总结一下有这么几种布局方式，下面进行比较，

1. 上边和左边相结合，这是最常用的一种方式，上面是页面的提头和广告条，左边是按钮和其它的链接，这样的布局有其本质上的优点，因为人的注意力主要在右下角，所以主要想得到的信息都能最大可能的获取，而且很方便。但是有一个问题不得不注意，就是按钮在左边，都知道我们都是用的右手来操作鼠标的，要到左边去点击按钮就要移动过整个屏幕，所以每次都这样会很不方便。当然这也有一个习惯的问题，因为现在大部分的网站都采用这种形式，无形中造成使用者一打开网页都是习惯性的在左边去点击按钮。所以在比较正规的网站还是尽量符合这种使用方式，当然也不是一成不变的采用，要能够在这种基础上做一些变化。就能作出很好的网页来。

2. 上边和下边的结合，这种方式用得少一些，都是也有很多的网站采用。这样可以解决使用上的问题，因为在屏幕下方移动鼠标可以很自如。同时由于上面有横的提头或者是广告条，这样上下造成一种对比和呼应，无论其中的内容如何安排，页面都会显得非常平衡，从而显得更协调，这是一种形式感很强的布局形式。

3. 上、左、下边相结合，这种方式也有一些应用，这种方式的采用可以将功能性的东西有条理的放的左边和下边，使用起来更方便，像很多的按钮和链接（文字链接和图片链接以及E-mail链接等）都可以很清楚的显示出来，由此具有很好的导向性。但是这样也有不利的地方，例如这样整个页面被占去的地方较多，是页面的主要要显示的内容受到影响。所以也是使用的时候要斟酌的，看在什么情况下适合才能采用这种形式。

4. 上下左右形成一种包围的格式，这种形式的应用有些类似于第三类，优点也是一样，但是缺点更明显，由此留给使用者的空间太少了，所以这种应用得也比较少。不过经过一些刻意的变化之后能作出很漂亮的形式来，所以一些个人站点有时也采用。