网页设计布局要注意什么?
当前位置:贝知网>知识分享>平面设计>网页设计布局要注意什么?
网页设计布局要注意什么?
时间:2022-08-19 平面设计

网页设计布局要注意什么?

网页设计布局要注意什么

1、JUMP率

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

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

2、排版率

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

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

3、留白量

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

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

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

4、视觉导线

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

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

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

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

网页配色原则

一、网页配色原则

1、整体色调统一

如果要使设计充满生气,布局稳健,或者具有清冷、温暖、寒冷等感觉,就应该从整体色调的角度来考虑,只有控制好构成整体色调的色相、明度、纯度关系和面积关系,才可能控制好整体色调。

2、重点色突出

在设计配色时,可以将某个颜色作为重点色,从而使网页整体配色平衡。在整体配色的关系不明确时,也需要突出一个重点色来平衡配色关系。

3、渐变色调和

当有两个或两个以上的颜色不可调和时,在中间适当插入阶梯变化的几个渐变色,就可以使其表现为调和状态。

二、网站常见的配色方案

(1)儿童类网站:常运用幸福感强烈、充满温情、智慧和希望的黄色;干净、清澈的蓝色:渲染朝气、健康、自然的绿色:营造温馨氛围,活泼、朝气的橙色。

(2)教育类网站:常运用平静、清澈的蓝色或充满希望的绿色。

(3)企业类网站:常运用沉稳、冷静、严谨、成熟的冷色调蓝色,给人一种稳定感,使访问者容易建立对网站的信任。

(4)购物类网站:常运用红色、黄色、橙色等暖色调渲染氛围,让浏览者感觉到轻松和愉快。

(5)旅游休闲类网站:常运用代表大自然、健康和希望的绿色,代表天空、海洋,干净清澈的蓝色。

三、网页配色的注意事项

(1)在制作网页过程中,主要颜色尽量控制在3~4种,色彩面积比例分配要合理,使页面协调、统一,背景图案单一。

(2)网页的背景与内容文字对比性增强,重点要突出网页中的文字内容,尽量不要使用花纹繁复的图案作为背景。