网页版面编排原则

网页版面编排原则

网页是信息传播的载体，在设计上与报纸、杂志等其他出版物有许多共同点，也要遵循一些基本的设计原则。

但是，由于表现形式和操作方式的不同，网页设计同时也有自己独特的规律。网页的设计是技术与艺术的结合，是内容与形式的统一。

版面编排的首要任务是根据网页传达内容的需要，将不同的文字和图片按照一定的顺序进行最合理的安排和布局，形成一个有机的整体并加以展示。版面设计应注意以下三点。

1.突出中心，分清主次

应利用视觉中心来突出重点。中心一般在屏幕的中央，或在中间偏上的部位。重要的文字和图片可以编排在这个部位，在视觉中心以外的地方可以安排稍不重要的内容，这样就可以突出页面的重点，做到主次分明。

2.搭配合理，大小呼应

不要盲目地将较长的文章或标题组合在一起，编排时要留有一定的距离，便于阅读。对于较短的文章和图片的编排也应遵循这一规律，使版面错落有致，避免重心的偏离。

3.图文并茂，相得益彰

文字和图片在视觉上有相辅相成的关系，设计时应避免页面上出现过多的文字而产生沉闷、拖沓的感觉。

同时，页面上图片和文字的布局比例要协调。理想的网页效果是文字和图片的密切配合，相互衬托，使页面既活跃，又包含丰富的内容。

网页设计布局要注意什么

在网页设计中的布局设计时，需要注意的方面有这些：1.JUMP率;2.排版率;3.留白量;4.视觉导线。如果想具体了解网页设计布局要注意什么，那不妨接着往下看吧!

1、JUMP率

在版面设计中，标题的大小必须由内容决定。标题和正文大小的比例被称为JUMP率。

JUMP率越大，版面就越活泼;JUMP率越小，版面的格调就越高。根据这个尺度来衡量，很容易判断版面的效果。标题和文字字体大小的决定，还要考虑双方的比例关系，如何进一步调整，也是一个不小的学问。

2、排版率

在设计用纸中，一个文档所使用的排版面积称为版面，而版面与整个页面面积的比例则称为版面率。

空白的多少对版面的印象，有着决定性的影响。如果空白部分较多，会使格调提高，使版面稳定;空白较少，会使人感到活泼。如果设计一本信息量很大的杂志版面，使用较多的空白，显然不合适。

3、留白量

当涉及到布局时，留白量也很重要。即使是同一张照片，由于留白量的问题，同一句话也会影响演示的形象。不管排版的平衡性有多好，文章有多漂亮，当读者看到版面的留白量时，他就已经打分了。

"留白"并不特指网页上的白色区域。事实上，网页中任何不受前景元素干扰的视觉区域都被称为"留白"。

横向通栏的留白可以使网页具有水平的流动感;纵向的留白可以平衡文字、导航栏等视觉元素在水平方向上的作用力;标题区的大面积留白可以突出公司名称或网页标题信息;正文区的大面积留白不仅可以丰富页面布局的内涵，也可以缓解浏览者阅读时可能产生的视觉疲劳。

4、视觉导线

根据眼睛或物体指向的方向，使版面呈现出引导路线，称为视觉导线。

每个网页都是一个神奇的视觉空间。像我们熟悉的四维时空一样，网页空间也有深度、广度和时间的流逝感，甚至在设计元素引发的"力"的作用下产生运动或扭曲。

每当打开一个新的网页时，人的视线首先会集中在网页上最吸引人注意的地方——通常称其为视觉焦点。

然后，我们的视觉会受到视觉焦点周边的设计元素的形状和分布的影响，并在无意识地将我们的眼睛转移到另一个值得注意的位置(例如，一条醒目的线，一个颜色的渐变到它的近似值，所有这些都会使我们的眼睛按照预先确定的轨迹移动)。