网页设计的视觉要素分析

网页设计的视觉要素分析

摘要：随着网络的大众化发展，网页已经不再停留在简单的传达信息的单纯需求上。如何更好、更快的传达信息，让用户在使用网页的同时享受到最优质的信息服务成为当下设计者们思考的问题。本论文从视觉要素的角度对网页设计进行分析，立足于满足人们对情感和视觉审美的心理需求。了解网页设计的视觉元素有助于找到设计的问题和解决的方案。

关键词网页视觉要素情感

一、视觉中认知心理要素

人们对事物的认知源于对生活的接触和积累。即使没看过，没碰过，也能判断它的冷热，轻重，大小，肥瘦……尽管每个人的家庭生活背景，学习背景各不相同，但经过源于生活的归纳和秩序化的本能，大多数人的心底所不自觉自行积累的感官经验几乎是完全相似的。就现实生活而言，家庭宠物本身的外在并没有任何情绪，但由于人们的认知和经验的积累，才会让人感受到大宠物笨拙、小宠物灵敏、血统纯正的高贵、杂交的甚至会不受人喜欢，那么不同的颜色也会有不同的情绪象征意义。这说明，受众并不是对外界信息表示被动与消极，相反，他们是处理的主体，可以对自己的喜好和对更多信息主动的进行加工和选择。当人们面对某种事物时，心理和情感的诉求变得极为重要。如何正确的把握并利用这一要素成为了网页设计撼动受众的根本。

人们在浏览多种网页的同时会产生不同的视觉和心理感受，而这种直观的第一感受大部分来源于网页界面的视觉效果。为了使网页获得最大的视觉传达效果，使网络真正成为可读性强的媒体，设计师在进行网页设计时必须考虑到人们视觉流向的心理和生理特点，由此确定各种视觉构成元素之间的关系和秩序。视觉规律的形成是由人类的视觉特性所决定的。浏览者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本恒定的习惯。首先是水平扫描，常常是扫过网页内容的最上半部分，因此，上部和中上部被称为“最佳视域”，也就是最优选的地方；然后，向下移，浏览下面区域；最后，从网页左边的部分进行垂直扫描。

二、视觉中造型要素

网页设计就是指把造型、图形、视觉、色彩、信息等要素集于一体，在网页中表现出来。

（一）视知觉。

心理学的观点认为视觉是一种空间的感觉，我们通常把空间的感觉称为视空间，视空间又分为生理的第一次印象和经验的第二次印象。人们在观察物体时，视线有着一系列的跳动和注视，并不是沿着直线平稳的运动的，一般来说，物体的棱角处，或者轮廓发生变化的地方，或者细节很特殊的地方是我们视线最集中的地方，例如矩形的四个角是我们视线停留最多的地方。视线是有一定规律的，从上到下，或从左到右。所以，在进行网页设计时，强调其特点，以增强网页对大众的吸引。

（二）文字与图形。

在现实生活中，人们看到的任何物体都是相互依存的，文字是最初网页设计的基本构成要素，随后逐渐加入了图形，打破初期的单纯文字界面，也带来了新的直观表现形式。图形能引起人们的注意，并激发阅读兴趣，给人的视觉印象高

于文字。

（三）形式感。

任何一件艺术品，离开了形式魔法就会失去魅力，就不会起到感染人的作用。在网页设计中，多种多样的视觉元素的不同排列组合，可以达到不同的效果，主要原因就在意它通过一定的形式激发了人的幻想，使人产生情趣，因而富有吸引力。经过人们长期大量经验的积累和总结，将美的表现形式总结归纳为：有秩序的美：这是被大众所接受，同时也是最主要的一种表现形式。从其构成方式来看，有对称，平衡，重复等；而另一类则是打破常规的美：诸如对比，特异，夸张，变形等，都具有颠覆的性质。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。

三、视觉中色彩要素

色彩是视觉中的灵魂要素，没有确切的文字定义便可潜移默化的将要表达的情绪注入人们的内心。完美的色彩搭配，为客户提供了舒适的观赏体验，从而增加对企业、商品和服务的好感度。用户浏览网页时，颜色帮助转移用户的视线，指引用户怎么去浏览一个页面，增加信息的获取效率。同时，色彩也具有强大的记忆性。当人们看到某一颜色时便会在大脑中搜寻过去的经历进而产生共鸣。人们对事物的色彩认知和设计者赋予的二次色彩认知，经过多次重复后可转化为用户视觉的记忆流程，从而加大用户对网页所传达信息的记忆度。

四、结语

网页是时代发展的衍生品，是一个复杂的系统，既要考虑内容信息的准确传递，又要了解知识信息的有效作用，因此平衡各种不确定因素，最大限度提供信息的有效传输，是网页设计的关键所在。网页设计是在力求传达功能的基础上结合视觉要素加以创新，使其更具有特色，更具人性化从而更好的为人们服务。

参考文献：

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

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

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