视觉传达理念下的高校教学网站设计研究

摘要：目前，我国高校教学网站设计要点主要体现在教学设计和技术解决上，对于网站页面的美观设计缺乏研究，由于简单的页面设计已经不能满足人们的视觉需求，因此，高校教学网站设计应该在视觉传达理念下进行研究和创新，促使教学网站内容更加丰富，并且更具美学价值。本文主要通过浅述视觉传达设计的概述，以及高校教学网站中视觉传达设计的现状，从而从文字、图形、色彩以及版式布局四方面去研究高校教学网站的设计理念。

关键词：视觉传达理念高校教学网站设计研究

随着信息技术时代的到来，人们的生活、工作和学习发生了翻天覆地的变化，同时也拓展了教育的发展空间。在信息时代，网络教育被各界广泛关注，通过建立官方的高校网站来加强学生与高校以及高校与高校之间的教学交流，高校教学网站不仅是获取教学资源的最佳途径，还是创新教学理念和教学方式的支撑平台，因此，高校教学网站设计的质量问题在一定程度上决定了高校教学水平。为了进一步实现优质教学资源共享、提高高校教学质量以及培养高素质人才，教育部门提出了“国家精品课程”这一概念，通过有效地发挥网络优势来促进高校教学形式的改革，创建以教学网站为重心的立体教学模式，从而将以往无序、杂乱、低效的网络教学向科学、创新以及高效的方向调整。在高校教学网站设计中引入视觉传达理念，不仅可以促使网络与多媒体技术的紧密融合，还可以进一步体现出教学网站的教学设计和美学价值。根据相关调查显示，人们在信息的接收过程中，其中视觉感官发挥了百分之八十的作用，这也说明了视觉感官是人们接收信息的最大媒介。因此，新时期的高校教学网站设计应该积极融合视觉传达理念，通过提高网站页面的设计美感来提升浏览者的视觉愉悦。

一、视觉传达设计概述

（一）视觉传达设计的概念

视觉传达设计是一门深受传播学和西方文化影响的独立学科，其主要从事于视觉及其应用的研究。在20世纪60年代，日本举行了世界设计会議，在此次会议上参与者意识到视觉和影像已经成为了一种独立的媒介手段，而视觉传达设计就是凭借着媒介手段传达视觉语言信息，并且将一些复杂的精神内容体现在物质形式中。信息是人们赖以交流的载体，同时也是设计的主体部分，随着信息技术的发展和人们交流信息的多样化，信息的形式也呈现多样化发展。目前，信息可以通过文字、图像、声音以及数字等形式来表达，从感官上可以分为听觉和视觉两大类，网站页面信息转化为视觉形式后，信息就会被视觉感知并传入大脑，这就是视觉传达，也是信息交流，因此，视觉传达设计的主要目的就是完整高效地传达视觉信息。视觉传达设计不同于语言交流的抽象，其主要依靠视觉符号进行传达和交流，因此，在高校网站设计中设计者需要将思想和理念转化为视觉符号，促使不同肤色、不同种族、不同语言的人们都能够通过视觉进行思想和情感的沟通，从而打破语言上的禁锢和约束[1]。

（二）视觉传达设计的发展历程

视觉传达设计可以说从人类开始思考之际就已经产生，在远古时期，人类为了记录自己的思想和活动，借助实物来记录，用一些相似的实物来代替客观对象，但是这种形式仅仅是为了记录而不是交流。例如，早先远古人类通过结绳记事，不同形式的绳结就是符号化的实物，其可以代表不同性质的客观事物。人类进化后，开始采用图画的形式来传达信息，图画更能够体现人们意向和物象之间的转换，也就是说视觉传达功能更加具体和形象。后来，人类发明了文字，以甲骨文记录人们的日常活动，而甲骨文也被称作“最早的视觉传达设计”。我国宋朝发明了活字印刷术，其对于文字信息的传播和发展起到了关键性的作用，这一技术的发明也促使人类具备高速浏览信息的能力。随后摄影技术和制版技术的发明将视觉传达设计推向了发展的高潮，再结合新时代的计算机技术，促使21世纪的视觉传达设计包含了图片、文字、声音以及影像等形式，其实现了视觉传达设计的全面发展。

（三）网页中的视觉传达设计

随着信息时代的不断进步，互联网时代也在不断地创新，人们对于网页界面的审美也在不断提高，并且对于美的追求是持续的、不懈的。在以往的网页设计中，设计者总会陷入一个误区，认为只要将优质的信息全部堆积在网页上就可行了，却不去考虑浏览如何能快速准确地找到有效的资源信息，并且高效地吸收网页上的信息。为了有效地避免这个误区，网页的设计需要以视觉传达理念为指导，通过提高网页的审美来提高浏览者的接受能力。网页主要靠视觉来实现信息的传达，因此为了促使网页的资源信息传播地更加快速、高效，设计者应该在网页设计中体现艺术性、知识性以及亲和性，利用独树一帜的设计理念和设计风格吸引浏览者的目光，从而激起他们的阅读兴趣[2]。

二、高校教学网站中视觉传达的现状

由于高校教学网站设计不重视视觉传达理念的引进，导致了许多高校教学网站尽管知识体系和教学资源丰富，但是还是被忽视和埋没的现象，其主要还是存在以下几个方面的问题。第一，教学信息文本化。目前，很多教学网站仅仅将网页作为静态文本，就相当于电子书的存在，通过检索和主体内容的形式来拓宽浏览者的阅读视野，但是却忽视了互联网技术的根本优势，缺乏视觉冲击和视觉刺激，无法激起浏览者的阅读兴趣。第二，页面主体不突出。设计者为了充分刺激浏览的视觉感官和心理感知，将文字、图形、色彩全部堆积在一个页面上，这样不仅极易造成视觉疲劳，还会导致主体不突出，层次不明确。第三，页面表述不清晰。设计者意识到视觉元素的合理组合可以有效地提高网站的视觉效果，但是却忽略了这一效果要建立在共同的视觉审美上，一旦设计的图形太过于超前和个性，超出浏览者的接受范围，就会导致浏览者的视觉认知更加模糊。

三、基于视觉传达理念的高校教学网站设计

（一）文字在高校教学网站设计中的视觉传达

文字不仅是一种信息表达形式，还是一种艺术表现形式，在高校教学网站设计中，文字是网页的核心内容，其是表达信息最直接的方式，因此，我们应该重点打造文字的视觉效果。文字的形式多样化，其不同的字体、字号以及排版都会给人产生不同的视觉效果，只要合理应用文字形式，则可以将设计者的思想和心境准确地表达出来，从而营造独特的页面氛围，加深浏览者的印象。不同的字体可以体现不同的情感，例如黑体表现严肃，给人正直感；隶书表现端庄，给人韵律感；行书表现灵活，给人动态感。一个优秀的网页设计肯定少不了字体的设计，若字体设计不得当，则会影响网页的整体视觉效果。同时，文字的字号对于网页设计也至关重要，其文字比例关系到视觉中的美学知识，通常情况下，文字的字号需要根据内容和功能来设置。大的文字给人极大的冲击感，会促使浏览者的记忆更加深刻，而小的字号比较精致整齐，容易形成一个面，给人视觉上的愉悦。但是，过小的字会给浏览者造成观看障碍，并且文字内容过多也会造成视觉疲劳。另外，在页面设计中，文字的编排也可以多样化，采取横、竖、曲线、散点等形式表现文字的情感，前者偏于理性和严谨，后者偏于浪漫和灵活，采用不同的编排形式可以强化页面的视觉效果。因此，高校网站设计中，文字的字体、大小以及疏密要适宜，必须要让浏览者能够清晰地阅读信息，编排形式尽量采取横向，并且不宜过长，这样符合人们的心理感受和阅读习惯。另外，网站的文字应该突出重点，利用不同字号的文字来强调信息的重要性，并且利用文字和图片来加强浏览者的印象，同时也避免浏览者对于过长的文字内容产生审美疲劳[3]。

（二）色彩在高校教学网站设计中的视觉传达

色彩不仅会引起视觉上的感知，还会引起心理上的变化，人们根据色彩的冷暖和轻重乐意迸发出不同的情感。网页色彩设计可以从色彩的共同表现中着手，根据不同的情感表现需求选择不同的色彩背景，而色彩的共同表现有冷暖、轻重、兴奋与沉重、舒适与疲劳。色彩可以引起人心理情绪的变化，冷色调可以促使人产生冷静、沉着、淡漠等情绪，暖色调可以促使人产生兴奋、激动、热情等情绪，根据科学实验表明，冷色调更能够保持时间知觉，促使人们对于事物的视觉注意力更加持久。色彩的轻重感由明亮度决定，亮度高色彩就轻，亮度低色彩就重，一般情况下，上轻下重、上素下彩、上亮下暗符合视觉审美美学。色彩的兴奋与沉重感以及舒适与疲劳感都是指色彩对于视觉的刺激，一般颜色鲜艳的色彩会第一时间吸引注意力，但也极易产生疲劳感，但是绿色是一种又能吸引注意力又舒适的色彩，其可以吸收刺激眼睛的紫外线，从而解除视觉疲劳感。因此，在高校教学网站设计中，页面色彩应该尽量选择冷色调或者中间色调，例如黑、白、灰，其可以保持视觉舒适感和持久性，还要讲究上亮下暗、上白下黑、上素下艳的色彩排版，并且应该遵循“整体协调，局部对比”的原则，通过鲜明的色彩对比来突出页面的重点。

（三）圖形在高校教学网站设计中的视觉传达

图形是一种艺术形式的语言，其不仅具备形式美感，还凸显了美学意义。人的视觉活动是一种积极主动的活动形式，其是有选择性的，而不是被动选择的。人们在观察和接收一个图形时，首先会联想到日常生活中熟悉的事物，这也是由于经验所累积的视觉习惯，例如，当我们看到一个圆形时，首先会联想到篮球、足球、轮胎等。通过将视觉所感知的信号与现实经验相结合，所接受的图形信息会引起强烈的视觉刺激和留下深刻的印象，从而进一步抓住浏览者的目光焦点，激起他们的阅读兴趣。图形都是由点、线、面构成的，其中点具有精致感、线具有轻快感、面具有充实感，而由它们所构成的方形具有稳定感，倒三角形具有不稳定感，所以图形的设计也可以体现出人的情感和心理。因此，在高校教学网站设计中，应该选择与主题相扣的图形，并且为其提供丰富的语境的信息，所以所涉及的图形一定要与相关文字有联系，不要为了美观而随意摆放。特别在教学网站中，图形与文字的联系相当紧密，一旦出错可能会导致传达的信息出现误差。另外，还要积极应用人们所喜爱的图形，通过情感渲染等手段来表现图形的美感，例如2008年奥运宣传网站上将“人”字和“人”形完美地融合在一起，体现了奥运“以人为本”的核心精神[4]。

（四）版式布局在高校教学网站设计中的视觉传达

版式布局是一种融合文字、色彩以及图形的编排形式，其会根据传达的信息内容的需求来选择组合的结构，其中包含大量时尚的造型元素和设计原理，通过艺术的手段来灵活、准确地传达信息。为了营造视觉上的刺激，版式布局需要从比例、节奏以及韵律等方面来美化界面，这就需要设计者掌握美学的技巧和方法，例如页面可以采用个性化风格，通过对主体内容的强调，从而营造主体与元素之间的反差。设计中的层次关系、主从关系以及浏览流程都会影响浏览者的心理变化，因此，设计者应该具备严谨的逻辑思维，促使浏览者根据设计者的思维路线进行浏览，用做轻松的路线和感知方式获取浏览者的好感。因此，在高校教学网站设计中，应该注重页面的合理规划，避免杂乱无序，利用表格和框架的形式来突出主题，突出层次。同时还要构建简明的视觉流程，给页面赋予严谨的思维逻辑，促使浏览者能够不自觉地跟着设计者的设计思路进行视觉浏览。最后，还要特别注意的一点是，页面设计要注重留白，适当的留白会促使版式布局看起来松弛有度，给人留下无限的遐想。

四、结束语

随着信息技术的快速发展，网络教育已经成为一种新型的教育形式，在未来的发展中会成为教育研究中的重点话题。而高校教学网站作为传播教学资源和知识体系的媒介，其应该积极引进视觉传达理念，从文字、色彩、图形以及版式布局等四方面来设计页面，从而刺激浏览者的视觉感官，激起他们对于页面的浏览兴趣。

参考文献

[1]张婷婷.教学网站中视觉传达设计研究[J].中国人民大学出版社，2015，（9）：76.

[2]李砚祖.视觉传达设计的历史与美学[J].中国人民大学出版社，2015，（05）：52.

[3]吴国欣.视觉传达设计教程[J].湖北美术出版社，2013（6）：18-21.

[4]陶化冶，张鑫.视觉传达理念下的高校教学网站设计研究[J].高教论坛，2014（5）：40-41.

作者简介

刘雪琴（1977.02）女，汉族，湖北武汉人，湖北工业大学工程技术学院硕士研究生讲师，研究方向：视觉传达设计。