网页的排版与布局-网页设计初学者入门攻略.

网页的排版与布局网页设计初学者入门攻略

WORD制作：寻找尤娜

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

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

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

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

中国古典建筑形式就称为“法式”。“形”是自然的，“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。自然形态只有通过人的改造，才能起更大的作用，由于这个原因，就形成了今天的审美形态，形象是客观的，形式则是依据客观的规律进行主观的创造。如果没有主观的创造，就没有艺术，也不可能有今天的一切，

当然对于实际的网页制作来说，这也是最基本的，就是主观的创造，因为这是一个网页的灵魂，假如没有自己的主观创造，就只能拾人牙慧，重复别人丢掉不用的东西，是毫无意义的。所以现在强调网页设计的创造，表现在对页面的布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。

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

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

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

网页上真正好的文本的排布是这样的：一般放在最显著的地方，如整个显示的中央稍微偏右下；文本的排布整体性好，使浏览起来通畅而丝毫没有阻碍，理解内容更加容易。文字的大小应该适中，太大浏览起来增加了翻页的难度，太小看起来太累，加之一些不同的显示器的分辨率的不同，导致这个矛盾更加的突出。因此这是值得每一个设计者要慎重考虑的。用色也要考虑，一般用区别于主体的颜色可以起到强调的作用，但是凡事都是过犹不及，加入一个整体的文字内容里用的颜色太多，势必会影响读者的理解，也会影响他们的使用的心情，导致厌倦的情绪，所以不但要考虑文本使用的具体的物质功能，也要懂得其精神上的价值体现。对于文字的处理，很多的软件都是非常的注意这方面的改进工作，使文字处理更加的方便，例如Frontpage 就是基于它的姊妹软件Word而发展起来的，由此可见一斑。再谈谈图片的处理，图片在网页的设计中占据很重要的地位，由于图片的加入使网页更加丰富多彩，所以把图片用好是非常重要的，有几个值得注意的地方，图片不能太大，网络这种特殊状态下，受带宽的限制，人们是很难忍受等待之苦的，这就要求把图片的体积缩小，同时又要使图片尽量清楚，直观，最大限度的发挥它的作用，把握这个度是很关键的，另外图片的排布也很讲究，特别是多图的情况，就要是图片与图片之间的联系凸现，同时又要融为一个整体，使看起来有条理。按钮、符号、动画等虽然现在不是占主要的位置，但也是不可或却的，就说按钮吧，它是网页的一个导航，通过它才能是使用者的使用能够

顺利的进行，将它设计得漂亮，或者说规范，是让使用者心情畅快的一个催化剂。所以这些细节的问题也要细细的斟酌。

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

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

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

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

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

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

这是简单的进行提炼之后得出的几种类别，但是现实的应用中基本上都是经过一定的变化的，所以呈现出丰富多彩的布局形式，所以在了解这些布局的一些基本的优劣之后，适当的利用其优点，结合一些富有形式美感的因素，进行设计。就能设计出非常漂亮的网页，同时在使用上也能够非常的方便。

综合起来看

内容和形式即具体的网页的排版布局要能够达到一种协调的状

态下才能真正的成功的网页设计，所以，不能单独考虑网页的内容的排版，以为只要能够把具体内容清晰流畅的放到网站上就行了，造成整个页面的形式感很差，这样严重影响使用者的心情。同样假如不顾网页的内容，只顾页面的形式，尽管页面再漂亮，使用者也不会欢迎，因为这样是他们根本没有得到什么东西（或者获得的信息很少），使他们的目的没有达到，他们上网的目的就是获取信息，不只是欣赏。因为这种网络环境下，受现代生活方式的影响，是不大有心情来欣赏这些的。好的形式只是促进人获取信息的辅助物，不是对象。只重形式正如买椟还珠。所以作为设计者就要找到这两者的一个切入点。选好这个切入点很重要，这需要仔细的考虑自己的网页的题目之后，进行展开，然后作出草图来对比不同的形式之间的优劣，然后优选出一个来进行最终的设计。设计的同时要不断的进行排版布局的调整，一旦发现两者之间有些不够协调的地方就要不断的返回去修改，对照自己的设计构思。这样才能作出令人满意的网页来。