浅谈视觉要素在高校网站页面设计中的应用

曲俊燕　安容宇

摘 要：互联网的高速发展，使得越来越多的高校通过建设自己的网站进行展示和宣传。作为高校宣传的门户，高校网站页面设计也就显得尤为重要。本文主要从文字、图形图像、版面、色彩及动态元素这五个视觉要素的设计来论述如何实现高校网站界面设计。

关键词：网页视觉要素；文字；图形图像；版面；色彩；动态元素

随着互联网的高速发展和高校网络化、信息化步伐的加快，高校网站受到越来越多人的关注，它不仅向社会各界展示高校办学特点、文化内涵，同时还和外界信息资源形成了互通，扩大了学术交流的范围，使大学校园走向了世界。目前，高校网站作为网络宣传的信息平台，正在充分发挥着高校教育资源的优势。如今的高校网站界面设计，早已脱离单纯追求功能的时代，网站界面设计不仅要考虑如何把有效的信息放在界面上，还要考虑到浏览者是如何感知网站界面上的各种视觉要素的。怎样通过网页视觉要素设计来实现高校网站界面设计？ 本文从文字、图形图像、版面、色彩及动态元素这五个视觉要素的设计来论述。

1 文字

在高校网站界面设计中，经常会使用大量的文字来对需要传达的信息进行描述。不同的网页信息内容以及网页主题决定了网页中文字的风格以及编排形式。文字通常单纯作为文本，有时还可以充当图形来使用，在这一点上应该根据网页的主题来进行设计。例如学校的名称。网页上的大多数中文文字是以容易被大众接受的宋体字、黑体字来设置，这是为了在不同系统设置的电脑上网页的显示没有误差来设置的。文字通过各种各样的巧思妙想，虽然也可以用来美化页面，对网页起到一定的装饰作用，但最终目的还是要传递信息，为准确的传递某种信息来服务。所以文字的装饰设计不应该抛离其可读性，合适的文字能使网民舒适的浏览网页并快速获取有效信息。

2 图形图像

图形图像和文字相比，更加的形象具体，不需要进行解释翻译。在现代的网页设计中，由于信息量的激增，人们更加愿意从图片获取所需的信息，图片能够打破文字较为呆板的视觉效果，丰富网页的视觉表现。

网页中的图形图像包括图标、图片、背景图片。图标以功能性、操作性、标记性信息的传达为主旨，力求通过对字体、构图等抽象符号的位置、比例、对比、渐变等关系浓缩在一方小图，从而更直接、生动的揭示要表达的信息内容。图片在网页设计中不仅仅是作为装饰功能来使用，更多的是作为辅助文字信息传递的功能来使用的。

3 版面

网页的版式设计需要对信息资源进行特定有序的编排，才能够保证浏览者在浏览网页的时候不用花费很多的时问来从某个页面上寻找一些共性链接、菜单、按钮所在的地方，有利于更快更好的信息传递。

根据我国大部分高校网站进行观察分析，所采用的版式结构大概分成以下几种：（1）上左右结构。上部为校名、校标或广告，下方左边为导航菜单，右边为内容。这种结构布局清晰、主次分明，被我国绝大部分高校网站采用。（2）左右结构。里面填上所要内容，一半深色，一半浅色，这种设计性较强的结构，一般在国外高校网站设计中常见。比如哈佛大学网站的主页，就是采取这种布局方式。（3）上左中右结构。一般上下都有广告条，左右两边为导航和链接，中间为主要内容。这种结构在我国高校网站中也较常见。

4 色彩

高校网站是高校对外宣传的窗口，良好、恰当的色彩运用可以提升高校网站品质与网络形象，正确传达出高校的文化内涵。在高校网站色彩运用时，应当庄重、大气，整体色调协调统一，避免使用怪诞与另类的色彩。

在为高校网站页面设计选择色彩方案时，应当先确定一种主色调，这一色调应有利于体现网站主题宗旨。主色调应当根据学校的整体风格、学科特色、地域特色、人文特色、传统特色等各方面的因素来确定。二是确定配色方案。主色调确定后，就要合理运用色彩规律，以主色调为中心，利用色彩的明度、纯度、色相三要素的变化，适当增加其他色彩作为对比色和补色，选取辅色调、点睛色、背景色等组成配色方案。三是正确使用色彩。确定好主色调和配色方案后，在色彩的使用中应注意“总体协调、局部对比”，即网页的整体色彩效果应该是和谐的，只有局部小范围的地方可以有一些强烈的色彩对比。

5 动态元素

动态元素主要指声音、动画和视频文件。声音是多媒体技术的重要组成元素，在网页里，浏览者可以通过享受音乐获取所需要的信息。动画一般为GIF或FLASH。优秀的动画和具有震撼力的音效结合，常常使观者身临其境。考虑到目前的网络技术和视频文件的播放效果，在设计上应首选较小的显示尺寸。视频在传递声音和影像上的优势，将会为未来网络信息传播提供更大的发展空间。

网页作为一种新的视觉表现形式，兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有效的途径。高校网站页面设计，作为宣传和展示高校的门户，我们要从高等学校的教育主旨出发，同时学习和借鉴国内外优秀网站作品的设计经验，并且从传统的艺术思想理论和形式美法则中汲取营养，对高校网站建设进行更多、更深入的艺术设计实践活动。

[参考文献]

[1]王愉.论网页视觉要素设计[J].北京印刷学院学报.2005（4）.

[2]袭永晓.论高校门户网站的建设[J].电脑学习.2009（6）.

[3][韩]姜恩正，黄静慧，著.周钦华，译.设计师谈成功网页设计原则.北京：电子工业出版社，2006.