探讨平面视觉元素在网页设计中的运用

赵志茹

摘 要：网页设计是计算机技术中较为基础的一门技术，计算机得以普及很大程度都依赖于网页设计技术。网页设计融汇了图像，声音，文字，动画等各种元素，优秀的网页设计不仅需要网页内容，还需要考虑对画面的安排，画面的视觉效果等。使用网页者不仅看中网页的实用性，还会考虑该网页的画面是否给人愉悦感。该文就将结合平面视觉元素等知识，探讨在网页设计过程中对文字，图片，动画和版面设计的运用问题。

关键词：网页设计 平面视觉元素 运用

中图分类号：TP393.0 文献标识码：A 文章编号：1674-098X（2014）07（b）-0209-01

随着计算机技术的发展，全球逐渐缩小成为了一个地球村。在信息化时代，计算机技术对于人们的生活，工作和学习也发挥着越来越重要的作用。网站作为因特网提供服务的门户和基础，已经成为个人，企业及政府机关发布和获取信息的主要渠道。网页设计不仅是一门技术，也是一门艺术，其涵盖了版式元素和视听元素两方面内容，与艺术有着同样的基本设计形式——点，线，面。点是所有构图最基本的元素，能够形成一定的空间视觉效果。线由点引伸而来，构成完整的画面。

1 文字和图形图像中的运用

1.1 文字设计在网页设计中的运用

文字是全面系统介绍该网页必不可少的因素，首先，制作网页者需要全面了解制作该网页的各方面信息，包括企业的发展史，企业的文化，产品的特色以及产品受众等，并根据这些信息，对产品进行全面彻底地分析，以确定网页的文字风格，画面风格，版面形式，使浏览网页的受众认可。比如说，设计一个古典文学网页的时候，整体的画面应当偏向于古风，可以是写意的山水，持着团扇扑流莹的美人，诗意的田园风光，杨柳依依的春季，风荷飘香的夏季，枫桥夜泊的秋季，白雪纷飞的冬季等。还可以链接一些古典的音乐，例如平远的《冬雪》，子雷的《千年风雅》或者是林海的《琵琶语》等，然后在画面中添加富有诗意的句子，例如“红颜弹指老，天下若微尘”，“长相思兮长相忆，短相思兮无穷极”等，以渲染画面整体的古典感。在做介绍的时候，可以运用富有内涵的语句，进一步加深该网站的文学气息，当热爱文学的受众浏览该网站的时候，便可以升起一种共鸣感，愿意继续深入了解该网站。随着科技的发展，图片，动画，音乐等元素在网页设计中的作用越来越大，但是文字仍旧是一种不可替代的元素，尤其是在新闻，信息，科技类的网站中，文字对信息的传播具有重要的意义。其次，在网页设计中的文字不仅有传递信息的基本功能，还具有一定的美学功能，就中国文字本身而言，不论是遒劲有力的草书，还是飘逸隽秀的小楷，都能够成为艺术品供人观赏。再者，普通的文字还能够进行艺术加工，变成富有美感的艺术字，提高画面整体的艺术感。

1.2 图形图像在网页设计中的运用

图形图像对网页整体画面气氛的渲染具有重要的作用，能够最直白生动地向浏览网站的人传达信息。比如说一个有关科技的网站，需要添加许多新兴科技研究成果的资料图片，以使人对其所描述的物质有所了解。而一个文学网站，需要依赖于一些唯美，伤感，古典的图片来吸引文艺青年的眼球，显示出整个网站的风格底蕴。在视觉表达效果上，图片要力求使人有愉悦的感觉，在人们浏览网页的时候，不仅仅需要从中获取知识，还需要得到审美的享受。因此设计者要充分考虑画面的整体布局，色彩的搭配，绘画的风格以及画面的内涵。科学严谨的网站应当以简约风为主，而讲求艺术的网站应该追求耳目一新的感觉，有关文学的网站画面则需要含蓄唯美。不同的网页设计要求不同，但是目的是一致的，即取悦目标受众，提高受众对该网页的认可度。

2 色彩与版式设计中的运用

2.1 色彩在网页设计中的运用

色彩能够确定图片的风格，因此色彩搭配是网页设计中较为重要的环节之一。冷暖色调不能随意混搭，否则容易产生强烈的视觉冲击，造成不悦感。一般情况下，红色象征着热情，奔放与活力，但是红色与黑色交叉或者渐变，将红色整体的明亮格调降低了，画面就会变得阴郁可怖，犹如人喋血一般。天蓝色与明媚的天空颜色相似，能够给人一种充满希望的感觉，而深蓝色与大海，阴沉的天空颜色相近，能给人一种深邃，阴暗的感觉。红色与黄色交织，与曙光朝阳一样熠熠生辉，蓝色与紫色共舞，和暗夜跳动的精灵一样魅惑妖冶，不同的色彩呈现出不同的视觉效果，搭配好了，方能够渲染出图片所需表达的氛围。或者是田园清新的风格，或者是愁云惨雾，大雪纷飞的伤感风格，或者是大漠孤烟，长河落日的悲壮风格，总而言之，选用合适的色彩，方能够很好地表现出网页的主题。

2.2 版式设计在网页设计中的运用

版式设计影响整体画面的效果，一般情况下，网页设计的版式主要有三种类型，分别是骨骼型，满版型，分割型。骨骼型类似于一般报纸的排版，分栏目，分板块，或横或竖。骨骼型版面条理清晰，内容板块划分清楚，适宜设计科学，信息，新闻类型的网页。满版型则是图片几乎覆盖整个版面的版型，图片大，能够比较直观地传达出信息，达到很好的渲染气氛的效果。比如说一般的文学网页，网站的首页以巨大的古风壁纸为背景，或者渲染出一种萧瑟苍凉的古意，或者渲染出一种温婉妩媚的江南风情，使人刚点击进入便被其唯美的画面所震撼。分割型比较简单，即分为上下两个板块，再分别安置图片和文字。随着科技的不断发展，人们更青睐于使用具有较大视觉冲击力的满版型。在设计版面的时候，需要格外留心标题的设计，因为标题通常会成为整个版面的点睛之笔。一般情况下，标题将被安放在顶端或者右侧，并加粗加大，醒目突出。如果标题设计出了问题，将会成为整个版面的败笔，破坏整体的效果。因此设计标题时，需要考虑其与整体风格的搭配，比如说有关科技类的网页，标题不宜过于花哨，而文学类的网页则需要考究标题的字体，因为遒劲有力的行草或者清逸隽秀的小楷显示出的风格是完全不同的。如果整体画面比较苍凉萧索，则应该选择较为凌乱的字体，如果整体画面比较清新明丽，则应该选择比较工整的字体，以搭配整个画面的风格。

3 结语

网页设计中的视觉元素体系较为庞大繁琐，但是其不仅具有强大的应用功能，还具有强大的审美功能。设计者应该站在艺术家和技术师的角度考虑问题，以网页的主题为设计依据，设计出符合目标受众口味的网页。

参考文献

[1] 公茂兰.平面视觉元素在网页设计中的运用[J].网络导报，在线教育，2012（41）：163-164.

[2] 夏蕾.网页设计中平面视觉元素的运用分析[J].电子制作，2013（15）：79.

[3] 张晶.网页设计中平面视觉元素的应用[J].中国管理信息化，2011，14（17）：146-147.endprint