网页的构成要素_探讨网页设计中各构成要素

【摘 要】对于网页设计来讲，其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。空辩网页的构成要素包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。

【关键词】网页设计；构成要素

一、文字的编排与设计

文字在视觉传达中作为页面的构成要素之一，除了表意以外，还具有传达感情的功能，因而必须具有视觉上的美感，能给人以美好印象，获得良好的心理反应。作为信息传达的主要手段的文字目前是网页设计的主体，是网页中必不可少的元素，也是网页中的主要信息构成要素。因此文字在网页中占据相当大的面积，其表现的好与坏将直接影响到整个网页的质量。采用文字传达信息符合常人的接受习惯，而且文字所占的存储空间极小(一个汉字只占用两个字节)，有利于浏览及下载。

网站文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容特性相吻合，而不是相脱离，更不能相互冲突。例如政府网页其文字具有庄重和规范的特质，字体造型规整而有序，简洁而大方;休闲旅游类内容网页，文字编辑应具有欢快轻盈的风格，字体生动活泼，跳跃明快，有鲜明的节奏感，给人以生机盎然的感受;有关历史文化教育方面的网页，字体编辑可具有一种苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调;公司网页可根据行业性质、企业理念或产品特点，追求某种富于活力的字体编排与设计;个人主页则可结合个人的性格特点及追求，别出心裁，给人一种独特个性的印象。

二、图片的编排与设计

图片是文字以宏亏乱外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息，成倍地加大了它所提供的信息量。而且图片的引入也大大美化了网络页面。可以说，蔽档要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片。对于一条信息来说，图片对受众吸引也远远超过单纯的文字。

网络图片的特点：一个特点是图片质量不需很高。因为网络图片一般只显示于计算机的显示器上，受显示器最小分辨率的限制，即使图片的分辨率很高，颜色深度很大，我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来。一般来说，分辨率为72dpi(dotperinch)是大多数图片最佳选择；另一个特点是，图片要尽量小。网络页面的图片用于网络的传输，受到带宽的限制，其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。文件的长度越小，下载的时间就会越短。

图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时，应考虑图片在整体编辑计划中的作用，达到和谐整齐。要达到这样的效果，在页面图片的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点，特别是在处理和相关文字编排在一起的图片时。

三、色彩的设计

色彩对网页设计非常重要,是网页设计的关键因素之一,能给浏览者带来最强视觉冲击力的要素就是网页色彩，好的网页色彩设计能突出主题,引导视线，统一风格，使网站更便于浏览，给人留下深刻的印象。

颜色在我们的生活中普通平常，在网站建设中，或许得不到设计者的足够重视。然而，颜色所起到的作用远超出人们的想象。网站设计运用好色调，可以吸引消费者的眼球，颜色对消费者的购买决定起着重要作用，网奇数据显示：

1. 93%的消费者在做购买决定时会考虑到颜色和外观。

2. 85%的购物者表示，在购买一件商品时颜色是主要考虑因素。

3. 如果颜色搭配得体，品牌知名度会提升80%。

各种颜色代表着什么，分别将吸引哪些人群?

这意味着什么呢?

以下为各种颜色所代表的含义：

**：年轻，乐观。用来吸引注意力。通常不能作为网站的背景色或主要颜色。

红色：能量。能带来紧急感，加速心跳。可用来吸引易冲动的购物者。

蓝色：可信和安全的感觉。这就是为什么许多银行在其Logo中使用蓝色的原因。深海蓝和暗蓝可用来吸引对预算敏感的消费者。

绿色：给人一种富足的印象。轻松，随和。深绿色也可用来吸引对预算敏感的消费者。

橙色：好斗，兴奋。可用来吸引冲动型买家。

粉色：娇柔、浪漫。可用来吸引女性消费者和传统买家。

黑色：强大，华丽。可用来推销奢侈品，吸引冲动型买家。

紫色：舒心，平静。通常用来宣传抗衰老产品。

了解什么颜色适合什么人群至关重要，特定的颜色会激发特定的感觉。

因此，鲜明、独特的识别性原则。“在网站云集的互联网上，一个网站的网页色彩只有与众不同、独一无二才能给浏览者留下深刻的印象”，达到良好的宣传效果。有几种方法可以借鉴：如选定一种色彩，然后调整其透明度或者饱和度，产生新的色彩，这样使页面看起来色彩统一，有层次感。而当使用两种色彩时，先选定一种色彩，然后选择它的对比色,这样整个页面色彩丰富但不花哨。也可用一个色系，例如淡蓝、淡黄、淡绿，或者土黄、土灰、土蓝，这样会使得网页风格统一。这在一些以女性为主题的网站中经常见到，大多采用粉色暖调，既体现了女性的主题，也使得网站的风格一致，保持良好的连续性。再如用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”，一些设计类网站常用到，这类网站往往页面视觉冲击力强，用色大胆，给浏览者留下深刻的印象；而灰色被称为万能色，可以和任何颜色搭配。

配色视认度高原则。我们在浏览网站时要长时间注视发光的荧屏，所以网页色彩要尽量抑制强对比，减少屏幕刺激，减轻视觉产生的疲劳。网页色彩的配色必须考虑视认度，视认度的高低取决于图与底的色彩对比程度，不要用花底作为页面的背景，那样背景不突出反而页面没有层次感，采用与页面内容对比强烈的颜色作为背景以突出内容的主题。此外，图形面积大小和图形的复杂程度也影响视认度的高低。在页面用图的选择上要使用清晰易识别的图形，以提高视认度。

因此，网页中色彩运用的成功与否，是决定网站的风格、定位的关键因素，遵循可行的规则，恰当地运用色彩，是网页设计的关键。

四、结束语

网页作为一种新媒体的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。在本文中只从视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣。

【参考文献】

[1]迪尚：《电脑图形设计》，杭州：浙江人民美术出版社，1995年版。

[2]康定斯基[俄]著，罗世平译：《点、线、面》，昆明：云南人民出版社，1999年版。

[3]陶人勇：《色彩构成》，四川：四川美术出版社，2006年版，第122～123页。

[4]王受之[美]：《世界现代设计史》，广州：新世纪出版社，1995年版。