网页设计中视觉构成范文

本站小编为你精心准备了网页设计中视觉构成参考范文，愿这些范文能点燃您思维的火花，激发您的写作灵感。欢迎深入阅读并收藏。

摘要：通过对网页设计中信息的传达与审美需求，分析其各种视觉构成要素，如：文字、图片、颜色等，结合人们在浏览信息时的视觉习惯，探讨网页视觉信息如何更有效、更为合理的表现与传达。

关键词：网页设计；构成要素；视觉传达；审美需求

近年来，随着计算机技术的迅猛发展和人们生活水平的不断提高，互联网越来越广泛的深入到人们的日常生活、工作当中。与此同时，信息传播业也面临着一场深刻的变革。互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃。互联网络作为一种全新的大众传媒,具有迅捷、及时、价廉、交互性好、传播面广的特点,为视觉传达设计的传播提供了良好的条件。视觉传达设计以大众传媒为载体,两者之间具有紧密的联系。同时,基于互联网络传播的视觉传达设计又会受到互联网技术的制约，新工具、新媒体的发明和出现,对于设计来说,有着不言自明的重要意义。

1网页设计中的视觉规律

由于网页风格的不同，人们在浏览网页的同时会产生不同的视觉和心理感受，这种感受大部分来源于网页页面的视觉传达，为了使网页获得最大的视觉传达功能，使网络真正成为可读性强的媒体，设计师在进行网页设计时必须考虑到人们视觉流向的心理和生理特点，由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的关系，如距离、位置、面积等问题。

视觉规律的形成是由人类的视觉特性所决定的。浏览者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定的习惯，首先是水平运动，常常是扫过网页内容的最上半部分，因此，上部和中上部被称为“最佳视域”，也就是最优选的地方。然后，向下移，浏览下面区域。最后，从网页左边的部分进行垂直扫描。

在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响网页传播的准确性与有效性。所以，在网页设计中，既要立足信息的传达，又要符合人们的视觉和思维习惯，设计网页时注意各种信息要素的合理分布，使各类信息要素的位置、间隙、大小保持一定的节奏感和美感。

2网页设计中的审美需求

人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放上去，能看就行，更要考虑如何使受众能更好地和更有效率地接收网页上的信息。这就需要从审美的方面入手，制作出清晰、整体性好的页面,使人浏览起来产生愉悦感，更容易接受信息。在网页设计中，更多的是追求平面视觉传达效果，将各种元素有效的结合，这种结合要遵循一定的原则，如我们经常所说的变化统

一、条理与反复、对比和调和、均齐与平衡等，以及对网页中文字、图形、色彩的设计。

2.1网页的内容与形式的表现必须统一和具有秩序

形式表现必须服从内容要求，当我们把大量的信息放到网页上去的时候，既要考虑整体感，又要注重细节的编排。这就要求设计师清晰的思考内容与形式如何最佳的结合，如何使页面看起来既整体，又丰富。

2.2突出主题要素

每个网页都应有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者，使主题在适当的环境里被人们即时地理解和接受。

作为主题要素，必须注意编排的位置，使其成为人们浏览时的视觉焦点，从而产生深刻的印象。如果没有这个主题要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。

3网页中的各构成要素

3.1风格定位

对于设计某个网站来说，要做的第一步工作就是确定网站整体的风格，不同的网站需要有不同的风格，其风格要与主题内容相统一。目前，网页的种类很多，较为常见的有：新闻机构类、政府机关类、科教文化类、娱乐艺术类、电子商务类、个性化网页类。这些不同性质的网页应体现不同的风格，比如，娱乐类网页风格应体现活泼生动一些，政府机关类网页应体现出比较庄重、严肃的感觉。在统一的风格页面中，添加图片、文字、动画等元素，来丰富页面内容，在添加这些元素的过程中也要注意色调的统一，这就需要设计师具备良好的美术修养。

3.2版面排版

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。当我们确定了网页总体风格之后，我们要根据现有的图片、文字等素材进行页面划分，文字作为最原始、最有力的信息传递方式，在网页设计中也是至关重要的。

3.3色彩的运用

在网页设计中，好的色彩搭配是网页设计成功的一半。在一个色彩搭配具备专业水平的网站，即使只使用很少的图形，仍会带给浏览者深刻的印象和舒适的视觉感受。一般来说，色彩，在一个页面不应超过三个，其中择一为主色调；应恰当使用颜色蕴含的文化心理信息。色彩的运用遵循“总体协调，局部对比”的原则，也就是主页的整体色彩应该是和谐统一的，只有局部运用一些强烈的色彩对比。新晨

不同网页的主题可以用不同的色彩来表现。以下为几种常用色系：

（1）蓝色，是商业宣传用色，能使网页显得非常有专业水准。体现出一种专业和正式氛围。蓝色往往也被用为严肃庄重的场合，体现出一种凝重和肃穆。（2）绿色，是自然色，给人以清新自然的感觉，可以大大舒缓视觉上的压力。绿色可以用于与环保相关的主题，如旅游风景区网站。（3）红色，是比较热烈的颜色，会使网页变得生机勃勃。红色也是运动的色彩，有很强的视觉感染力和号召力。（4）黄色系也是宣传色系中的一种。黄色给人轻松随意的生活气息，能够体现出一种友善和多维的效果。同时，黄色又是一种非常鲜明的色彩，它可以与许多种颜色搭配起来使用。

此外,我们还可以适当的运用一些黑、白、灰的颜色搭配使用，可以产生意想不到的效果。

一个页面中尽量不要超过4种色彩，色彩太多找不到主题色，会显得没有主次，令人眼花缭乱。再者，需要注意的是文字的颜色与背景颜色的区分，对比太强或太弱都会影响浏览者的阅读。

除了以上论述的几种要素，还有页面的布局、框架的构成等也属于网页的构成要素。

网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，但它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有效的途径。作为一种综合性的设计，这就要求设计师具备全面的专业素质，懂得如何处理好内容与形式的关系，如何设计出让浏览者过目不忘的优秀网页，使人产生美的共鸣。

参考文献

[1]鲁道夫·阿恩海姆.艺术与视知觉（新编）[M].长沙：湖南美术出版社，2008.

[2]薛红艳.设计的视觉语言[M].北京：化学工业出版社，2006

[3]黄海燕、张辉.网页设计和平面设计[J].包装工程，2004（1）.

[4]袁璐.论网页艺术设计的人性化[J].武汉科技学院学报，2005（11）.

[5]苏玉苍.网页视觉艺术的探讨[J].甘肃科技，2005（3）.