当前位置:文档之家› 网页的排版布局和原则

网页的排版布局和原则

1.网页的排版布局和原则
2.网页色彩搭配的技巧
一.知识点:
一.网页排版布局的步骤:
1.构思,并且有多个草稿进行粗略布局
2.将粗略布局精细化,具体化
3.修改
二.网页排版布局的原则
1.平衡性
(1)文字、图像等要素的空间占用上分布均匀
(2)色彩的平衡,要给人一种协调的感觉。

2.对称性
对称是一种美,我们生活中有许多事物都是对称的。

但过度的对称就会给人一种呆板、死气沉沉的感觉,
因此要适当地打破对称,制造一点变化。

3.对比性
让不同的形态、色彩等元素相互对比,来形成鲜明的视觉效果。

例如黑白对比,圆形与方形对比等,
它们往往能够创造出富有变化的效果。

4.疏密度
网页要做到疏密有度,即平常所说的“密不透风,疏可跑马”。

不要整个网页一种样式,要适当进行留白,
运用空格,改变行间距、字间距等制造一些变化的效果。

5.比例
比例适当,这在布局当中非常重要,虽然不一定都要做到黄金分割,但比例一定要协调。

三常见的布局样式:
1.T字型
最上方是广告条,页面下方左面是菜单,右面显示页面内容,整体上类似英文字母“T”,所以我们称之为T字型布局。

这种布局条理清晰、主次分明,非常适合初学者学习,但略微有点呆板。

2.口字型
这种布局类似一个方框,上下是广告条,左面是菜单,右面是友情链接,中间是网页内容,页面布局紧凑、
信息丰富,但四面封闭,给人一种压抑的感觉。

3.对称型
整个网页呈上下或左右对称布局,非常醒目,如果两部分搭配协调,网页的视觉效果非常好,很有冲击力。

4.海报型
这种布局就像我们平时见到的海报一样,中间是一幅很醒目、设计非常精美的图片,周围点缀着一些图片
和文字链接。

这种设计常用于一些时尚类和公司的首页,非常吸引人。

但大量的运用图片导致网页下载速度很慢,
而且提供的信息量较少。

四。

网页色彩搭配的技巧:
用一种色彩。

这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),
产生新的色彩,用于网页。

这样的页面看起来色彩统一,有层次感。

2.用两种色彩。

先选定一种色彩,然后用它的对比色.
3.用一个色系。

简单的说就是用一个感觉的色彩,
.4.用黑色和一种彩色。

比如大红的字体配黑色的边框感觉很"跳"。

在网页配色中,忌讳的是:
a.不要将所有颜色都用到,尽量控制在三种色彩以内。

b.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

五。

总体我们需要掌握的有以下几种:
风格:网页新建时,需要定一下初步风格,整个网站风络统一,
字体:网页中一般字体为9pt或者12px。

背景:背景不能过于突出,背景图尽量简洁,不要过于复杂,这样使页面显的太乱。

颜色:整个页面颜色统一,和谐
图片:要求图片首先美观,另外格式正确,优化合理,最重要的是图片名不能为中文名。

兼容:网页的兼容性是为了让更多的浏览者进行浏览,提高网站的知名度。

站点越复杂(在布局、动画、多媒体内容和交互方面),跨浏览器兼容的可能性就越小。

相关主题