网页设计的布局和用色技巧

　　摘

要本文主要讲了网页设计的布局和网页的用色技巧,从网页布局和色彩在网页设计

中的重要性开始

,介绍了网页设计布局和色彩的基础理论。从而进一步详细的介绍了布局和

色彩搭配在网页中不可或缺的作用。好的网页体现在网页的主题鲜明、布局形式与内容相统
一、整体色彩和谐融洽。

　　关键词

网站设计布局用色技巧

　　网页是网站构成的基本要素。网页的布局和色彩搭配能够更好的提升网页的视觉效果、
更能吸引浏览者的眼球。

理论上研究网页设计的布局和用色技巧在网页中的应用以及布局

和用色技巧在网页设计中的发展方向。

　　网页设计是艺术与技术的高度统一

,网页艺术设计包含视听元素与版式设计两项内容;以

主题鲜明、布局形式与内容相统一、强调整体色调为设计原则。因此在明确了网页艺术设计与
网站主题的关系的基础上

,提出了“美”和“功能”都是为了更好地表达网站主题这一观点。从而

更好的认识和理解布局和用色技巧在网页布局中的发展和创新。

　　国内网页设计环境目前还停留在初级的认知阶段

,如同 96 年以前的网页几乎是纯文字

的页面

,没有什么所谓“设计”的概念可言。随着时代的发展人们对美的追求是不断深入,网页

设计开始从从审美方面入手

,结合使用方便的要求,设计出美观、合理的页面,运用一些平面设

计中美的基本形式就能使网页更加富有美感

,例如将平面设计中的色彩形式原理融入到网页

设计中

,注重了布局规划从而使繁多的页面更加有条理。

　　设计以人为本

,任何设计都具有一定的内容和形式。内容贯穿整个网页设计中,是设计存

在的基础。形式而是内容的延伸

,或者说事内容的外部表现方式。

　　内容决定形式

,形式反作用于内容。一个优秀的网页设计必定是形式对内容的完美表现。

正如黑格尔所说

:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物,再现现

实

,而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味,使物质经由象征变

成相似于精神生活的有关环境。

”

　　一、网页设计的布局

　　页面布局就是在网页设计时把网页的各种构成要素

(文字、图片、菜单等等)在页面内完

美的搭配起来。一个精美的网页

,不仅体现在页面内容的精彩,还要有效地利用页面的有效显

示空间

,创造出合理的布局模式。

(一)“国”字型

“国”字型,也可以称为“同”字型,适用于一些大型网站,即最上面是网站的标题以及横幅广

告条

,接下来是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列

到底

(二)拐角型

　　这种结构与上一种

“国”字型结构,其实只是形式上的区别,有相似性。顶端是标题及广告

横幅

,接下来的左侧是一窄列链接等,右列是很宽的正文,底端也是一些网站的辅助信息。在这

种类型中

,一种很常见的类型是,顶端是标题及广告,左侧是导航链接。

(三)左右框架型

　　这是一种左右分为两页的框架结构。一般左面是导航链接

,有时顶端会有一个小的标题

或标致

,右面是正文。目前,大部分的大型论坛都是这种结构,一些企业网站也喜欢采用这种左

右框架型结构。这种类型结构非常清晰

,一目了然。

　　除了以上的布局类型外

,还有上下框架型,标题正文型,综合框架型,封面型等。

　　二、网页用色技巧

(一)确定网页的主题色