视觉传达在网页设计中的运用

黄跃成

辽阳职业技术学院，辽宁沈阳，111004

视觉传达在网页设计中的运用

黄跃成

辽阳职业技术学院，辽宁沈阳，111004

随着社会的发展和科技的不断进步，视觉传达在网页中的应用也越来越广泛，逐渐成为了最常见的信息传递方式之一。网页的设计具有将所要传达的视觉信息进行总结和规划的特点，因此设计网页的技术人员也需要充分掌握视觉传达技巧，才能更好地通过设计网页完成指定信息的传播。

视觉传达；网页设计；应用

1 引言

媒体吸引大众注意力的最直接手法是吸引群众的视觉注意。视觉传达设计工作人员也应当利用这一手法，设计新鲜的、美观的、具有影响力的网页内容，完成视觉传达在网页设计中的良好应用。

2 视觉传达的概念

视觉传达，从字面上便可以理解，是从视觉向人们传递信息的信息推广方法，是人们最方便、最常用的信息交流方法之一。视觉传达可以通过图像、文字、色调等多种元素的结合向人们表达传达者需要表现的不同讯号。讯号的视觉效果也从二维图像到多维图像都广泛存在。因此将视觉传达应用到网页设计中可以有效地丰富网页内容。

3 网页设计概念

随着信息技术的发展，网页设计师的发挥范围更加广泛，视觉传达与网页设计技术相融合必将推进信息时代的发展。

网页设计可以根据网页所包含的信息和内容具体分为成六个种类：

第一类：信息搜索类——发挥网页的实用性，网页运用的装饰元素相对较少，主要包含的内容为实用性的资料。

第二类：公众传媒类——发挥网页的传媒作用，网页的内容主要以新闻媒体等信息的传播为主。

第三类：企业宣传类——企业创建的、为企业形象所服务的网页，宣传元素较多，个性化较强。

第四类：电子商务类——发挥网页的访客交流作用，使得浏览者在关注页面内容的同时，积极愉悦地相互传递信息，具有一定的商业性。

第五类：交流平台类——网页便于浏览者使用，指示信息显示明确，便于理解操作。

第六类：网络社交类——区分于电子商务类的访客交流，网络社交类的网页，商业性质相对较低，自由性较强。

4 视觉传达在网页设计中的具体运用

网页设计是一种新颖的视觉信息传达方法，在传统的平面设计的基础上发挥了自身的现代化和科技化的特点，成为了新时代信息传达的主流方式之一。作为一门包含多项元素的多元化设计，网页设计的技术综合性要求相对较高。因此，设计者在利用网页设计技术完成视觉传达的过程中需要明确网络的性质和特点，将视觉传达的需求融入网页技术中，从而获得一个具有良好的视觉效果的网页设计。视觉传达在网页设计中的具体应用主要分为以下几个层面：

4.1 美感原则在网页设计中的应用

产生视觉效果的美感需要多方面的因素，主要将以下产生美感的原则应用到网页设计中：

（1）规则产生美感。通过将对称、排列、垂直、水平等多种元素融入到网页设计中，可以使得网页设计具有规则性，在秩序中表现了美感，是网页最常用的表现美感的手段之一。这种设计方式在表现美感的同时体现了网页内容的规划性。

（2）和谐产生美感。通过协调、融合、搭配网页中的文字、图像和色调，使得网页中的各种基本元素相互结合、互相辉映，共同促使网页具有美感。这种设计方式可以使得网页的视觉效果的和谐度较高。

（3）变化产生美感。通过变化使得网页中的文字、图像和色调等产生对比性，这种设计方式可以使得网页具有较为强烈的视觉效果，更加引人注目。

4.2 视觉习惯在网页设计中的应用

视觉习惯的养成是由人类视觉本身具有的特点所决定的。人们在通过视觉接受信息时，视觉习惯会使人在不自主的情况下决定浏览信息的先后顺序。当然，越具有强烈的视觉效果的信息越容易引起人的注意。利用视觉习惯设计网页，可以引导浏览者依照设计者的意愿顺序性地接收信息，从而决定了阅读者的信息接收的侧重点。

网页设计工作人员在依照人们的视觉习惯设计网页时，要确保设计的流畅性、合理性和科学性，对于网页内容的空间布局要慎重考虑，促使人们在依照自身视觉习惯接受网页信息时能够顺利、充分地捕捉设计者需要表达的中心思想。

4.3 视觉效果表现要素在网页设计中的应用

网页所包含的元素十分的多元化：图形、文字、色调等等。应用视觉效果表现要素设计网页，可以使网页具有不同的信息传达效果。

4.3.1 图像在网页设计中的应用

图像可以直接明了地为用户传递网页所包含的信息，将图像设计运用到网页设计中可以有效扩充网页所包含的信息量。并且对于网页设计的视觉效果的美观程度也有良好的改善作用。

为丰富网页内容选择图像的过程中，应当注意的是，图像的选取应当与网页内容能够良好地融合，主要从以下的三个角度考虑：

（1）图像的分辨率应当统一，使得网页的视觉效果具有有序性。

（2）图像应当能够简单明了地表现网页内容，过于花哨的图像会喧宾夺主，分散网页浏览者对于网页主要表现内容的注意力。

（3）图像应当突出网页内容的重点。

4.3.2 文字在网页设计中的应用

文字一直是传递信息的最重要的方式，也是网页设计内容的核心部分。网页设计工作者在进行文字的排版工作时，应当明确文字的内容符合网页需要传达的内容，文章的风格吻合网页所需要表现的风格。例如：行政官方网页的文字内容应当严肃、严谨并且规范。字体的排版应当具有规则性，字体可选择楷体、宋体等简单大方的字体。而文学作品的文字内容则应当新颖、欢快，给人以耳目一新的感觉，字体上可以应用云字体，带给人活泼的美感，从而令人具有美好的心情。

4.3.3 色调在网页设计中的应用

网页设计的色彩可以直接决定浏览者对于该网页的第一印象，直接决定了网页对于浏览者的最初吸引力，从而决定了网页浏览量，是网页设计成败的决定性因素之一。将色调应用在网页设计中，可以促使网页具有更加鲜明的视觉效果。

色调在网页设计中的应用原则主要分为以下几点：

（1）主体色在网页设计中的应用

在网页页面上，除了白色这一最大的背景使用色调之外，分布最广的颜色便是网页的主体色。因此应当根据页面所表达内容选择合适的主体色。例如可口可乐的企业宣传网页的主体颜色为红色。某家硅藻泥的商业网页的主体颜色则为绿色。在确定主体颜色之后，其他颜色的应用比例就需要把握了，防止网页颜色设计过程中杂色过多，发生喧宾夺主的现象。

（2）相近色在网页设计中的应用

相近色的使用可以使得网页的视觉效果更加具有柔和感。根据不同色彩的鲜艳程度的不同完成色彩搭配，可以使网页设计的视觉效果柔和多彩。

（3）页面色彩分配在网页设计中的应用

第一、网页的主体内容需要文字和背景的色彩对比明显。通常为“白景黑字”。

第二、网页的标题需要结合网页内容所表现的主体采用深色，从而保证网页标题能够吸引浏览者足够的注意力。

第三、网页的菜单的背景颜色需要相对较暗，网页菜单的字体颜色则应当相对明亮，网页的页脚颜色应当使用暗色。

第四、网页的配色可以适当地选取一些鲜明的颜色，但是配色的应用比例应当控制，防止页面过于花哨。

5 结语

探究视觉传达在网页设计中的运用，首先应当明确视觉传达的概念和网页设计的种类：信息搜索类、公众传媒类、企业宣传类、交流平台类和网络社交类。其次，还应该明确视觉传达在网页设计中的具体应用：主要分为视觉效果中的美感原则在网页设计中的应用、视觉习惯在网页设计中的应用和视觉效果表现要素在网页设计中的应用。明确视觉传达在网页设计中的运用，才可以使网页具有更广阔的发展空间和更光明的发展前景。

[1]刘梦琪,史启新.网页设计中版式编排的视觉传达研究[J].平面视觉元素在网页设计中的应用研究[J].电脑编程技巧与维护赤峰学院学报（自然科学版）,2014,11:26-27.

[2]聂森.网页设计中平面视觉传达分析[J].吉林商业高等专科学校学报,2014.04:46-48.

[3]刘林.浅析视觉美感在网页设计中的运用[J].赤峰学院学报（自然科学版）,2012.19:45-46.

[4]武星宽,邱红.试论民族文化在现代视觉传达设计中的运用[J].中南民族学院学报（人文社会科学版）,2012.01:71-74.

[5]李芃,陈欢欢.符号在视觉传达设计中的运用[J].浅析桃源木雕艺术在视觉传达设计中的运用[J].湖北经济学院学报（人文社会科学版）,2010.07:143-144.