网页设计下视觉传达探讨

摘要：网络的广泛普及，对网页版面的审美需求越来越高，将视觉传达元素应用到网页设计中，提高页面的视觉传达效率，是越来越多设计者追求的目标。

关键词：网页设计；网站建设；视觉传达

“互联网+”时代的到来，冲击着网页设计的快速发展。如今的网页设计不仅是后台技术的支持与内容的呈现，如何产生一定的视觉冲击，达到最佳的视觉传达效果，页面设计才是关键。而在网页设计的过程中，视觉传达是首要考虑的问题。网页设计中视觉传达有怎样的规律，视觉传达过程中容易出现什么问题，如何能够有效地结合人类浏览的视觉规律，进行视觉要素的分析，这些都是当今网页设计者必备的基本素养。

1视觉规律

人类的大部分信息都是通过视觉获取，而每次浏览都是一次视觉判断。网页设计信息是各种元素的综合呈现，是设计者内心情感的表现。当浏览者驻足欣赏页面时，大脑会受到视觉的刺激，从而产生一定的视觉和心理反应。因此在设计页面时，设计者必须考虑到人们视觉流向的心理、生理特点以及趋于平衡、稳定的视觉规律。

1.1网页中的视觉流动

视觉流动规律的形成是由人类的视觉特性所决定的。受人眼晶体结构的限制，视线只能对某一处事物产生焦点，因此无论是阅读还是观看事物，都会有自然流动的习惯。而在浏览网页时，浏览者先看什么、后看什么，是根据其自身的浏览目的及爱好兴趣，表现出来的恒定习惯。视觉流动会给浏览者指引方向，它无形中形成一种脉络,似乎有一条线、一股气贯穿其中,使整个版面的运动趋势有一个主旋律。方向也会对平衡产生一定的影响。具有明确结构线的事物都会产生沿结构线方向的力，这种力的作用会打破原有的平衡，因此就需要另外的力与之抵消，重而获得新的平衡。研究表明，这种运动趋势是按照从左到右，自上而下的顺序进行，在这个过程中视觉敏感度对不同的区域有着明显的差异，而这种敏感是不自觉的倾向。这个区域大概位于黄金分割线位置，因此被称为“最佳视域”。因此，在网页设计过程中，需要强调凸显的信息通常放置这个位置。

1.2网页中的视觉平衡

格式塔心理学认为：“每一个心理活动领域都趋向于一种最简单、最平衡、最规则的组织状态”。因此，在网页设计过程中，可以考虑通过元素的大小、位置以及颜色的变化来使版面趋于平衡、稳定。在人的视觉规律中，任何事物都是有重量的。同一平面内的物体，处于上方时重力感觉较大，处于下方时重力感觉明显偏小，因此，为了达到视觉平衡，会通过将下方的物体扩大的方法来维持稳定关系。另外，颜色的明暗、深浅，相同颜色中不同大小的色块，轮廓线条的粗细、虚实等都会产生不同的“轻”、“重”视觉感觉，这些元素都会影响页面的视觉平衡。

2视觉传达存在的问题

随着人们对美好事物的不断追求和探索，网页设计领域也有了一定的经验和成果，但大部分的作品在视觉传达设计中仍需完善，在传达效率上还有很大的提升空间。集中表现在以下几方面：

2.1层次结构混乱

2.1.1按钮链接混乱

网页按钮是网站建设中必不可少的组成部分，给页面增添了交互性和灵活性，使浏览者可以根据信息的提示进行快速跳转。然而一些设计者为了浏览者的便利而忽视了视觉流程和心理特点，五花八门的各类按钮层出不穷，甚至将链接按钮直接跳转到其他无关页面，夸张、繁琐的按钮链接严重阻碍了信息的有效传播。

2.1.2版面主次不分版

面元素的主次关系不清晰，大大降低重要信息的传达效率。经常能看到一些网站在设计中只是进行简单的“图文混排”，不仅不能充分发挥视觉传达所在的有利区域的优势，更容易引起视觉疲劳而放弃浏览。一些初学者，为了表达页面的动态效果，添加一些Flas，动画元素的添加使浏览者无法确定视觉中心，从而影响重要元素的拾取。受传统思想的影响，还有一些设计者喜欢将重要元素放置到最后显示，大大降低了有效信息的传达效率。合理地处理各页面之间、页面内部间的主从关系，不仅能使网站的整体结构以及网页页面版式具有节奏感和韵律感，同时更能积极地促进信息传达的有效性。

2.2版面布局不合理

网页的视觉效果与网页的合理布局有明显的区别。网页的视觉效果是以浏览者的兴趣、设计师的风格为出发点,而网页采取哪种版面布局要根据网站的性质来决定，不同性质的网站在设计时应用的手法自然不同，这样才能充分体现网站间的差别。常见的网页布局有“国”型布局、“口”型布局、“厂”型布局、“T”型布局、“川”型布局、“封面”型布局、“POP”布局等等。每种布局都有自己风格和优缺点，要结合网站的性质来确定布局方案。例如：用“国”型布局来制作创意产品的宣传网页，估计没有人会觉得该产品有创意，自然大大降低了产品的可信度。而用“POP”布局来制作政府机关的网站，就根本体现不出政府该有的庄重与严肃。大部分设计者，在选择布局方式的适合都能把握到位，但在具体设计时出现的问题比较多。（1）页面出现水平滚动条。有的网页打开后，发现水平方向一屏显示不完整。这种带有水平滚动条的网页多数不被人看好，存在一定的设计或技术问题，除非内容特别吸引人，否则多数会被关闭。（2）各页面导航条随意放置，没有规律可循。网站中首页的导航条在顶端，二级页面中导航条就分别设计在不同位置，浏览者需要寻找才能进行页面切换，使人感觉疲劳，各个页面相互切换也不顺畅，没有统一的风格。（3）无视觉主线，阻碍视觉传达。页面布局没有考虑给人平衡的稳定感，各个构成元素间没有自然流动的视觉线，导致版面内容无主旋律；大量信息布满整个版面，忘记留白，没有渲染出美的意境，这些都会导致浏览者无法充分发挥想象，不能完全理解页面所要表达的宗旨和内涵。

2.3内容设计单调

网页的构成元素无非就是文字、图片、色彩、声音、动画等。网站传递的信息不同，采取的元素也不同。在浏览一些网站时，每个版面都是将各种元素轮流放置一番。这样即容易引起视觉疲劳，不能传递有效消息，又大大降低了视觉传达效率。例如：在一个“个人主页”中，设计者为了表达元素的多样性，每个页面都设计放有文字、图片，动画的元素，布局也没有做任何改变，这样的网站会很单调、枯燥。又如：一个新闻类网站，一定要有大量新闻资讯，但放置40条资讯在上面，难免会让浏览者不知哪个是重点，如果只添加最新、最重要的5条信息，其他35条在“更多”页面链接中存放，这样就会使浏览者更轻松、更精准地查阅到想要寻找的资讯。任何事物都离不开颜色，而颜色的合理搭配会给浏览者留下深刻的印象，这也是网页设计成功的关键所在。正常来讲，同一个页面中，颜色做好不要超过3种，并且一个为主色调，另外两个为辅调。这样也是遵循“总体协调，局部对比”的原则。但设计中往往会出乎意料。有的设计者大胆尝试各种颜色，导致页面花俏以至于让人烦躁不安；而有的胆小设计者，不敢用色，使页面颜色过于简单，一直都平淡无奇，没有起伏。所以在设计中一定要考虑到色调的调配以及色块的明暗。

3视觉要素结合

网页设计中的视觉传达问题，处理好问题与要素的关系，是设计更佳网页作品的根源。网页设计中的视觉要素简单地说就是网页中的文字、图片、色彩等元素。它们是视觉传达信息中的基本单位。在网站建设和网页设计过程中，将这3个要素合理地运用，做到技术和艺术完美结合，也是网页设计的终极目标。

3.1文字的排版技巧

文字记录了人类语言的发展，传递了人类的知识经验，是一种视觉表义符号。在网页设计中也是重要的信息传递主体。网页设计中，文字占有的比例最大，因此文字编排的好坏直接关系到网页的整体效果。文字编排的整体效果会影响信息传递的有效性，避免页面杂乱无序，尽量给人整洁清新的视觉印象。（1）保持内容与字体间风格的统一，字体的选择非常重要。如：宋体体系端庄清秀，气象稳健；楷体笔画挺秀均匀，字形端正；华文彩云字体特点是由柔滑的曲线围成，笔划空心，状似云朵，常被用于醒目的标题。（2）每种字体给人的视觉感受不同，在内容确定的情况一下，一定考虑字体的风格。如：旅游休闲的网站，字体应选择轻盈活泼的风格，给人欢快轻松的感觉；传统教育的网站，字体的选择应具有苍劲古朴的特色，给人端庄典雅、大气凌然的意蕴。（3）文字具有一定的艺术性，通过文对字的特殊处理，能有效地提升视觉美感。特殊文字的制作，不仅能提高版面的表达效果，使整体设计新鲜感十足，并且能让浏览者快速地获取关键信息。如：倒影字，立体底纹字等。

3.2图片的布局

编排信息在传递过程中，图片比文字更具有吸引力，容易被浏览者吸引并接受。调查证明：图片以及图片周围的区域吸引眼球的几率比版面上的文字区域要高53%。可见，图片不仅具有直观、生动表现事物的能力，也能快速地吸引浏览者的“眼球”，从而发挥它的有利优势———传递信息。因此图片在网页中的编排就显得别关键。虽然图片的视觉冲击给浏览者带来非常直观的效果，但并不是图片越多越好。俗话说：“有图有真相”。无论图片多能还原事物本身，也要有文字搭配，才显得格外的和谐。而且页面图片过多，会造成浏览者视觉中心的错乱而抓不到重点，从而破坏视觉流线的自然畅通，大大降低信息传递的效率。另外，图片在选择上也有讲究：即要适合文字的内容，又要兼顾图片的美观。意蕴十足的图片除了给浏览者强大的视觉冲击，更是思想上的碰撞，是主题的升华，能够启发浏览者去感悟。最后，图片是在网络上传输，必须要考虑到图片的质量和传播速度。一般将图片的分辨率设置为72dpi(dotperinch)为最佳选择。同时可根据页面布局的需要，对图片进行简单合理的剪裁，以适应版面结构。

3.3色彩的搭配

在网页的设计中，能否让浏览者驻足，色彩起着非常重要的因素。先了解一下网页设计中颜色常见的几种分类：按照视觉效果，分为彩色和非彩色；按照色彩感觉，分为冷色调和暖色调；按照颜色盘，分为补色和相似色。不同的分类方法会产生不同的视觉效果，不同的色彩变化也会给人不同的心理感受。比如：红色热烈、冲动，被用来表达有活力、积极、热诚，另外也用作警告、危险等；黄色的灿烂、辉煌，象征着智慧之光，有象征着财富和权利。绿色有生长的意象，表达出理想，希望；蓝色是永恒的象征，表现理智、安祥与洁净。每种颜色都有自己的内涵和特点，合理的搭配会使人赏心悦目，心旷神怡。色彩是有平衡的，为了达到这个平衡点，采用网页配色之黄金分割。按照黄金分割点的算法即：页面内主色调占60％，用来渲染气氛表现主题；辅助色占30％，用来衬托主色平衡色彩；点缀色占10％，用来激活画面，提升平面设计的层次。色彩存在对比，两个对比鲜明的颜色搭配在一起，会给人强烈的视觉感觉。差别越大越感觉紧张，差别越小越感觉舒缓，具体的搭配要根据设计者的意图灵活使用。色彩也能改变人的时间感。研究表明，相同时间内，红色会感觉时间漫长，蓝色会感觉时间短暂。因此，为了让浏览者驻留页面，在页面设计时最好不要用大块红色或相关色作为背景，反之用小块红色会吸引注意。

4结语

在计算机与网络高速发展的今天，网页设计是一种普通的信息传递方法，但在人们高标准的要求下，又是一种新颖的视觉艺术表现。在页面设计中，不仅包括视觉艺术，同时包括美学、哲学、心理学等，涉及范围广泛，是一种综合素养的体现。好的页面设计，要考虑企业要求、产品特色等，确定网站的整体风格及色调，进而对文字、图片等内容进行合理的设计。如今网页设计的价值，不仅仅局限于如何提高信息传递的效率，更注重如何创设愉悦的视觉环境，为浏览者带来深层次的审美享受，产生美的共鸣。

参考文献

[1]周俊.网页设计视觉传达效率问题研究[R].韶关学院学报•社会科学，2007，28（5）.

[2]严卿方.网页设计之视觉传达分析[R].贵州大学学报•艺术版，2009，（4）

作者：孙闯 单位：惠州工程技术学校