关键词：格式塔 网页设计 视知觉
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外，主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件，而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次，由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。
3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时，应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。
闭合规则还表明，视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来，仍是我们需要投入大量精力去研究与探讨的问题。
参考文献 ：
[1]曹方著.视觉传达设计原理，江苏美术出版社
[2]卡尔·考夫卡著，黎炜译.格式塔心理学原理.浙江教育出版社
【论文关键词】互联网;网页界面;艺术设计
【论文摘要】在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来，如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。结合自身的经验，阐述了如何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳，最后对其艺术设计风格进行了深入的分类和阐述，这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研，才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是：
1 制作网页包括具体都包括哪几部分呢?
1.1图形、图像处理制作网页界面艺术设计，提到界面还有艺术，那在网页上插入一些精美、适当的图片是必要的，否则，不会有人去浏览你的页面，因此，在设计网页之前，就应搜集或制作一些好看、适用的图片。提到图形、图像处理，大家都会想到的软件是photoshop这个软件，对，这个软件是进行图形、图像处理的软件，但是，它不是专门的处理网络图像的软件，photoshop这个软件会用到去进行一些平面的图形图像，我们网络的图形、图像处理用的是fireworks软件，它可以制作出传输较快的gif格式的图片，占的空间也比较小，一般大小也就是kb，而photoshop制作出来的是jpg格式的位图，并且是有损压缩，象素大了图像就清晰，但这样的话上传到网上会影响浏览速度，象素小了就会出现模糊或者马赛克小方格，所以我们采用的是fireworks软件进行处理图形、图像。
1.2动画制作网页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有flash软件之前，用的是go live这个软件，再后来就用传统的做法，在html中嵌入java程序编写的动画，但这要求设计者要对java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的flash软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字，如：dream weaver软件或者front page软件等都可以进行文本的编写。还有一点要注意的就是，显示文本的时候，设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到网上以后，别人在浏览的时候，如果别人机器上没有安装字体，那就显示不出来我们采用的漂亮样式字体，因此，在考虑网页界面艺术设计的基础上，我们是把文字提前在photoshop或fireworks可以将字体先选择自己喜欢的样式，然后转换栅格化图片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到dream weaver进行具体编辑，做链接可以用图片特有的属性进行热区链接，这样就完成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式，它可以使网页更为清晰，可以把不同的页面超链接到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍图书章节的部分，或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的，可以布局，定位等等，它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html源代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用dream weaver制作网页时，会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
2 色彩的运用
网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页界面页面设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类：第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3 网页界面的优化
在页面设计中，网页界面的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是个人看法，你可以根据实际情况，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用艺术字体下载，要寻找一款满意的字体并不算困难。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的pc里没有安装你的特别字体，那么你的辛苦设计制作便将付之东流。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800×600下制作网页，最佳浏览效果也是在800×600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。现在我们设计网页，一般要考虑800×600和1024×768两种分辨率，因此我们的表格一般为居中的770左右的表格，表格的宽度最宽不要超过778。事实上，"做网页"不是单纯意义上的"制作网页"，如果想让自己制作的网页美观大方，就必须要考虑"设计网页"的过程，一个好的作品，不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国，创新的页面极少，基本都是一种风格，这也是因以前我国的宽带水平跟不上有原因，一个漂亮的页面，必然体积会比较庞大，网络比较慢的话打开的速度也就可想而之，打开速度慢正是网页的一个最大杀手，所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及，我们也迅速括起了一阵韩风，很多大胆创新的页面出现，这是一个好现象，但是一味的模仿韩国也不行，我们也要有自己的特色，不能一味的拿来主义。
网页界面页面设计的一个基本特色便是吸引浏览者，一个美观漂亮的页面不管内容多么空洞，也会有人欣赏，反之一个内容充实但页面简陋却往往不会有人去浏览，从这便可看出网页界面艺术设计是多么的重要。
最后总结，网页界面艺术设计是永远也学不完的一门学问，因为它会跟着你的成长也变化，直到形成你的一种风格，网页界面艺术设计需要大胆创新，需要新的思维，需要不断的努力。
1网络视觉文化的传播特征
网络视觉文化的传播具有全球化和跨文化、大众化和个性化、互动性和平等性、数字化和虚拟性四个特征。互联网的发展使得不同国家和地区沟通变得越来越容易了，网络视觉文化正在趋向于全球化，各文化间的相互交流与借鉴变得越来越密切了。相比于文字传播，视觉文化传播要更加迅速且传播效果要好很多。各种视觉文化样式在网络中不断传播壮大，不断交融，不断碰撞，最后形成新的混合文化。人们在网络视觉文化的传播中不是被动地接受信息，他们可以借助网络和多媒体技术，参与到视觉信息的创造中，在这个虚拟世界里面，我们可以自由的表达自我，同时我们在网上传递的文字、图片以及看到的影像都是由数据构成，是虚拟的。
2网页的交互界面设计
网页设计中的交互特征体现在非强制性和娱乐性。传统的传播媒介，如报纸、电视、广播都是属于强制灌输的方式将信息传播给受众，用户被动接受资讯。而网页信息传播不同，其资讯传播具有交互性和自由性。用户可以根据自己的需要搜寻资讯或者上传资料，自由度高。特别是flas网页的出现后，网页设计中交互性特征更加突出了。用户通过网页上有趣的动画和动态的按钮与网页进行互动，用户在互动中获得了资讯和乐趣，而网站在互动过程中获得了点击率和口碑。整个互动的过程在一个自由、欢乐的气氛中进行，网页设计的交互性提升了用户传播信息的积极性。
网页交互界面设计是指的网页设计师通过信息重要程度，对网页界面的信息进行归类分层，在满足消费者使用习惯和企业信息传达目的基础上，对网页的导航栏、按钮、下拉菜单、产品图片和网页配色以及版面布局进行精细化设计。使得网页版面美观、界面方便使用。网页的交互界面设计涉及的范围很多，是一个复杂的、有不同学科参与的工程，其中包括消费者心理学、视觉设计美学、人机工程、语言学、计算机技术等。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次；从技术方面来说网络界面具有数字化、多媒体的技术特征；从传播方面来说，网络界面具有多元化、个性化、交互性、快捷性、广泛性的传播特征。网页界面设计是将技术性与艺术性融为一体的创造性活动，作为一种特殊媒介的设计，在具有平面设计一般特征的同时，还具有自身设计特征。网页界面设计应围绕“信息传达”这一主题来进行，通过有效吸引视线的艺术形式，清晰、准确、有力地传达信息，谋求网页界面功能美与形式美相统一，并体现网络时代信息传播媒介的时代感。
3网络视觉文化对网页交互界面设计的影响
结合网页视觉文化的传播特点，我们认识到一个优秀的网页交互界面不仅体现在方便操作、信息层次分明方面，而且还体现在版面用色，导航按钮的设计和布局、下拉菜单的设计以及产品图片的使用等方面，是一个综合性的设计作品。交互界面设计，更多时候是需要揣摩用户的使用习惯和审美取向，这样才能设计出符合社会需求的好网站。随着网络的普及和电子产品的飞速发展，网页设计呈现出多元化的表现方式。无论从表现手法和传播媒体上，网页设计的实现有了无限种可能。身处读图时代，为了快速将图片进行系统分类，对于图片多的网页我们可以在设计网页交互界面时候让整个页面由无数个信息框组成，每个信息框大小不一，随机排列。人们在拨动鼠标滚轴的时候，就能实现信息的更新与翻页。每个信息的分类也是随机的，有绘画、摄影、建筑、动漫、字体设计等等。浏览者在翻阅网站的时候能产生趣味性和新鲜感，类似于花瓣网的布局风格。这种单页面网页的普及使得人们收集和信息变得更加便捷。同时它打破了以往单一的网页阅览模式，让信息阅读变得更加具有趣味性和随机性。
我们还可以采用简洁的版面布局形式，旨在通过整合或是删除多余的页面，强化页面重点信息，减少视觉干扰，只给用户需要的东西。或拉大图片，或加粗字体，通过这样一种方式突出重点，把值得强调的信息传达出去。去掉了多余内容的设计看起来外形美观，一目了然。设计师在网站设计过程中，时常会遇到过度设计的例子。保持审美需求和实际需求之间的平衡，对整洁，干净和条理清晰的网站来说很重要。整洁的网站设计所带来的纯净感同样也能打动用户。采用色块方格的设计也是对网页中图片文字进行系统分类的一种表现方式。我们可以将版面切割成许多大小相等、形状相同的方块，文字与产品照片相间排列，并通过色彩来调节画面视觉节奏。丰富的色彩和整洁的网格布局使得网页既活泼又整洁，增加了浏览者的阅读趣味性。这种色块方格的设计风格常见于淘宝网站和时尚品牌网店的设计中，既现代又方便使用。
根据设备环境（屏幕尺寸、屏幕定向、系统平台等）以及用户行为（改变窗口大小等）进行相应的响应和调整也是一种网页交互设计的重要手段。具体的实践方式由多方面组成，包括弹性网格和布局、图片等。无论用户正在使用pc、平板电脑，或者手机，无论是全屏显示还是非全屏的情况，无论屏幕是横向还是竖向，页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备。随着移动通讯方式的普及，响应式设计，这种网页设计思路流行起来，它能让用户在电脑或者移动设备上实现信息传递。这种设计方式被越来越多的运用到了移动媒体上来了，丰富了人们的生活方式，使得信息传播呈现多元化的趋势。另外，也可以采用拖动滚轴，背景景色角度不变，而产品却不断变换，使人产生一种空间错视感的交互设计。使得浏览者在感慨画面效果的同时，将网页产品记在脑海中。这种表现手法常在一些科技类电子产品的主题宣传网页上，用来宣传产品和拉动人气。
关键词：结构；导航；界面；交互；
中图分类号：G4 文献标识码：A 文章编号：1674-3520（2015）-04-00-01
网络课程是一个由知识点、跳转关系、导航策略和交互界面组成的教学系统。《汽车电子技术》网络课程的系统设计包括结构设计、导航设计和界面设计三个方面。课程内容主要以《汽车电子技术》第一章的教学内容和辅助学习两大部分组成。
一、结构设计
由于网络课程有其特定的教育性，在设计结构时，十分注重对知识结构的设计，以便有利于体现教学内容的层次关系，有利于实现自主学习。在进行本课程知识结构的设计时，以《汽车电子技术》为框架，按章节进行选择，在各章节内部，根据知识点之间的联系设置超链接。我们还根据学习者的需要，设置了各种辅助学习方式，方便学习者自学。
（一）网络教学模块。网络教学模块（网络课件）是根据教材内容而编制，是教学目标、学习任务的具体体现，教学目标的实现主要依靠具体的网络课件来完成，所以这个模块是整个网络课程的重点。
1、内容的呈现方式。主要以平铺方式来组织教学内容，方便学习者按各自的基础、兴趣和能力有选择地进行学习，满足学习者的不同需求。教学内容以课本的每一章节为纵向结构，以学习目标、辅助学习、作业系统、教师答疑、实验指导作为横向结构编织成一张纵横交错、非线性的知识网络体系，让学习者掌握充分的学习自进行有效的学习。
2、课程导学。为了帮助学员实现网络课程的自主学习、掌握正确的学习方法 ，提供了课程大纲、课程目标、实验指导、作业系统等助学信息。
3、重点难点的处理。在对汽车电子的学习中，学习者需要掌握理论与技术的相结合，这是课程内容中的重点。我们在对课程的学习时，加入实验指导，让学生边学习理论，边熟悉技术的操作。重点解析内容也可采用 Flash动态教学效果或视频教学，配以文字和语音讲解，利于学员更好接受和理解。
（二）师资队伍模块。“师资队伍”主要是介绍了有关该课程的教师资料，学生通过“师资队伍”可了解自己老师的信息。
（三）作品欣赏模块。“作品欣赏”又分为“优秀个人作品欣赏”、“优秀小组作品欣赏”、“教师推荐作品欣赏”。“优秀个人作品欣赏”和“优秀小组作品欣赏”是教师从学生的作业中选出的优秀作品，这些作品上传到学习网上，学生不仅可随意浏览欣赏，给出评价，更重要的是学生可将自己的作业与之比较，找出不足，总结经验，在激励中求上进。“教师推荐作品欣赏”是教师在网上或其它杂志上寻找的优秀作品，供学生学习。
（四）常见疑问模块。“常见疑问”中给出了在电子设计方面经常出现的问题及解决方法。这和“教师答疑”不同，学生直接到页面进行查找，就可解决疑问，效果更快。
（五）学习交流模块。“学习交流”分为两部分，一是在线论坛，学生通过在论坛上发表文章，和同学老师们共同交流。这种讨论模块 ，目标是发挥教、学两方面积极性 ，活跃气氛和鼓励学习者显示才华和创造力 ，以及提供答疑解惑的场所。二是虚拟聊天室，学习者因为学术观点相近或兴趣爱好一致等原因更愿意在一起学习或交流，从而形成学习伙伴或网上好友的关系。不管是教师还是学生，都可以在这两个板块中畅所欲言，就学习、生活、实践中遇见的难点、重点、热点问题进行交流、解答。
（六）资源下载。“资源下载”主要是与学习有关的电子课件、电子杂志、相关学习软件等，方便学习者学习。
（七）授课录象。“授课录象”是多媒体演示模块 ，目标是形象化教学。其中包含大量的视频资料 ，使学习者可以从感性的角度加深对知识的了解。
（八）特色项目。“特色项目”是教师或学生在汽车电子技术方面做出的某种研究，最终目标也是供学习者学习探讨。
二、导航设计
由于学习者在网络课程的学习过程中是以自主学习为主，缺乏教师的指导，易产生迷航现象，因此清晰明确的导航在网络课程设计中显得尤为重要。在本课程中，为方便学习者学习，站内链接导航条始终出现在屏幕的右上方。在网络学习模块中，左边提供卷轴模样的下拉式导航条，学习者可随时选择某一章的学习栏块，直接进入相应的页面学习。
三、界面设计
《汽车电子技术》网络课程运用先进的网页制作工具，设计大量形象生动的图片和动画，激发学习的热情。界面是学习者与计算机进行人机交互的窗口，包括显示界面和操作界面。在设计时要时刻注重界面清晰；在操作方面，交互性、可控性强。
网络课程是由一页一页的网页按照一定的顺序和结构组织起来的。页面既是网络课程的组成部分，也是《汽车电子技术》所有教学内容的展现形式，也就是说网页设计是构建整个网络课程的灵魂。
（一）页面的布局。在《汽车电子技术》网络课程的页面设计中大都使用了“T”型页面结构设计，将导航和呈现的内容合理的分开设计，页面布局清晰可见。
（二）页面文字。页面文字本着尽最大可能突出主题的原则组织的。文字的字体不超过三种字体，字号的选择不宜过大，否则会使页面显得非常杂乱和拥挤，令学习者眼花缭乱，无从下手。字号的选择也不宜过小，这样会使学习者容易疲劳。
（三）页面颜色。页面的色彩是页面设计中一项重要内容 ，它贯穿于整个页面设计的过程中 。恰当使用不仅可以增加网络课程的艺术欣赏性 ，而且可以吸引学习者注意力 ，促进对屏幕上各部分的识别、突出差异 。但如果使用不当 ，则会分散人的注意力 ，使视觉容易疲劳 。在选择时应考虑课程内容表现的需要、课程的总体风格、教学对象的色彩心理特点以及色彩本身所表达的含义等等因素 。总的来说 ，网络课程的页面色彩搭配要和谐、自然 ，给人以美感 ，注意颜色数量的多少 ，避免色彩过多过杂 ，尽量作到风格统一 。色彩的选择尽量鲜明、独特、与所设计的内容相协调一致 。
（四）页面图形。用图形说明、解释问题具有形象、直观、生动的特点 。本网络课程的图形图像大多采用photoshop工具进行处理过，使用起来更鲜明生动。
（五）页面趣味性。为了增加学习者的学习兴趣 ，减少学习过程中的枯燥性 ，在网络课程中加入适当的动画来展现教学内容，效果会比较好。
参考文献：
关键词：网页设计 数字时代 虚拟美学
中图分类号：J05
文献标识码：A
文章编号：1003-0089（2015）08-0132-02
在现代社会中，以数字技术为基础的产业规模正在如雨后春笋般地发展壮大，逐渐地形成了一个具备先进文化信息的网络系统。随着智能化、多媒体、数码产品的出现，人们的生活习惯也随之改变，直至在人们的生活中离不开这些富有色彩的设计。
在这种文化的熏陶影响下，虚拟设计出现了。虚拟设计（Virtual Design）是以“虚拟现实”（Virtual Reality）技术为基础，以机械产品为对象的设计手段。借助这样的设计手段，设计人员可以通过多种传感器与多维的信息环境进行自然交互，实现从定性和定量综合集成环境中得到感性和理性的认识，从而帮助深化概念和萌发新意。作为一种大众信息的传播，网页无疑是最好的，也是更新速度比较快的方式之一。网页能够综合运用各种元素，比如，动画、图像、声音、文本等。在现代化的时代里，网页设计的要求也越来越高，不仅在交互上让人们使用舒适，还要把虚拟美学运用得当才能满足使用者双重需求。
一 虚拟美学的内涵
虚拟美学（Aesthetics of Virtuality）也叫数字化美学，根据1998年召开的第14届国际美学大会专题讨论的提法，把对诸如电子人、电子人空间以及数字化的二维、三维模拟等虚拟现实和现象的美学研究称之为虚拟美学。在我们生活的现实世界里，计算机进行仿真的虚拟世界无时无刻地影响、改变着我们的生活，而虚拟世界的出现无疑是把双刃剑，以至于在很多时候人们生活在虚拟设计的空间中无法自拔。但是当我们沉迷于虚拟设计的空间中，我们要记得我们所处的现实世界。在现实世界中，科学与美是不对立的，我们完全可以在追求科学进步的同时满足人们对美的需求。虚拟美学是一种类似于艺术的情绪、感性、具体的感受与把握。
虚拟美学下的虚拟世界与我们所处现实世界相比，虚拟世界能够给人一种真实的精神上的满足感，花样繁多。如虚拟游戏、虚拟花园、虚拟农场、虚拟银行、虚拟购物、虚拟教学、虚拟货币等，虚拟世界能够表达的内容已经远远超越了我们对虚拟世界审美的范围。所以，虚拟美学就是将虚拟艺术融入到虚拟现实和现象中，使人们在虚拟的世界中得到视觉、听觉的审美享受。尽管在数字化飞速发展的年代里，虚拟美学得到了很好的应用，但是，虚拟美学依旧与传统美学不同，它拥有了其自身的新特质，带给人们一种不一样的审美感受。
二 虚拟美学在网页设计中的应用
1网页设计
网页设计是将文字、图片（GIFs，JPEGs，PNGs）、表格、动画和视频等元素集合利用计算机技术来传递信息和内容，有丰富的多媒体表现形式和与人互动等特点。通过使用合理的颜色、字体、版式、布局等进行虚拟美化，在功能限定的前提下，使用户拥有一个完美的视觉体验。现在的网页在设计时往往会更加考虑通过声音、光效、交互等来实现视觉与试听完美结合的感受。网站也可以作为一种通讯工具，在网页中人们不仅可以通过网页浏览他人的资讯，同时也可以通过网页来自己想要公开的信息，或者利用相关网络服务的网站平台自己的状态，如腾讯公司的平台QQ空间一样，你可以通过自己zone的平台在这个属于你的空间里随意公布自己的近期状态、照片等。当然，这只是网页带给人们的一种服务，人们使用更多的还是通过网页浏览器来访问网站，以帮助自己获取需要的信息。
像Frontpage或Dreamweaver等工具是网页设计师编辑网站时常用的工具，但是在网站编辑时网页设计常用的工具还包括AI、PS、FL、FW、DW CDR等。作为一名网页设计师，不仅要能够熟练地掌握相关软件的应用，还要在精神层次上有一定的审美，才能设计出更好更能满足用户需求的网页，才能使用户在你设计的虚拟空间里享受。这就使得网页页面设计的美化工作要做得更好。
2虚拟美学在网页设计中的应用
虚拟现实和虚拟现象是对现实中的美进行不断积累，体现在虚拟空间里，是由计算机生成的一种交互体验的视景仿真。在虚拟世界里，我们对现实世界进行虚拟仿真，这是对现实世界已经存在的事物进行再次模拟，满足了人们对现有事物的二次需求。但是，随着技术的发展，人们的满足欲也不仅仅局限于对现有事物的模拟，这时在虚拟空间里就要满足人们在头脑中想象的事物，即建立在设想性的基础上对未有或将要有的事物进行模拟来满足人们对未来设想的需求。不论是对现实世界的模拟还是对未来事物的模拟，其目的都是为了满足人们的求知欲。
现如今，网络已经成为人们生活的必需品，导致各大媒体对网页的包装也越来越凸显出商业化、低俗化，但这并不是虚拟美的标志。网页作为人们与网络的交互界面，人们对其要求也只会越来越高。人们不仅仅追求网页的基本功能，而往往更在乎的是其交互界面是否更加具有视觉冲击力和艺术感染力。因此，虚拟美学的出现就极大改变了现代商业化的网页界面现状。
（一）基础式的美
在网页设计中，首先是对版式进行设计。网页的版式设计与报刊杂志等平面版式有着异曲同工之处，它们在传达信息的同时，也给你带来了视觉和精神上的享受。但是，网页的排版与书籍杂志的排版还是有很多差异的。印刷的书籍、报刊是有固定的规格尺寸，表现形式有限，但是网页的尺寸是由使用者在阅读过程中自由控制的。作为网页设计师应该在设计网页的过程中能够合理地把握节奏，让阅读者在浏览网页的过程中是享受的、舒适的。如图1的网页，标题醒目，内容归类明确，背景图片的色调与内容相呼应，是网页设计中设计感十足的例子。（图1）
不可否定排版是首要考虑的，但是，在用色上也是很讲究的，这就是视觉形式的美。在设计时，表现手法要统一、点线面的协调、色彩的和谐都是网页设计的关键。色彩在网页中起着至关重要的作用，透露了网页中需要表达的文化内涵，色彩的搭配也代表网页是否能给人带来企业所期待的效果。这就像人们在用餐时，食物是主要部分，但是用餐的环境也极大地影响着用餐者的食欲。网页的文字、背景、文本框、连接等都要结合整体的布局来选择颜色的使用，颜色使用不恰当就会导致网页整体给人一种错乱的感觉。如图2，颜色选用的是较复古的色调，颜色比较多，但是在表现手法上、版式比较讲究统一。给人一种艳而不俗、杂而不乱的和谐。
在数字艺术的设计中，适当的留白是很有必要的，但是，留白太密集、文字太多等都是视觉设计中的误区，在设计网页中要能够分得清主次关系，合理搭配文字、图片和适当的留白才能给人视觉上的舒适。在最近几年里，网页的设计已经趋向几种固定的格式，但是，客户的需求永远是在改变的，他们都希望自己的网页布局能给浏览者留下深刻的印象。这就使得模式化的网页设计满足不了人们的审美需求，也就极大促进了网页设计的发展。如图3，以苹果的网页首页为例，产品与留白处主次分明，网页页面简洁、导航和内容分布合理，在最显眼处是苹果最新推出的产品，介绍产品的文字部分清晰可见，这体现了苹果公司的网页界面以产品为主，使人们的视觉集中在中心页面上。
（二）体验式的美
虚拟设计的优势就在于可以营造一个虚拟的环境，让你可以在这个环境中身临其境地感受身边的事物。借助虚拟技术在网页设计中，可以使阅读者更好地与网页进行交互。一般在网页设计中Flas就可以很好地表现这种虚拟技术，而且Flas采用的矢量图生成的文件小，在浏览网页中不会影响到网页速度。Flash在网页使用中，用户可以通过点击或拖动鼠标来实现动画的交互，趣味感十足。而利用矢量图形来创建图像和动画也是现如今网页设计的香饽饽。这种矢量图形格式的图像是可以无限放大或缩小，不仅不会影响图像的清晰度，使用者还可以将已经创建好的场景、动画、图形等相互组合形成一段影片。如图4的网站，在网页中有一个画框，只要滚动鼠标，画面中矢量图的女孩、月亮等都会跟着页面下滑而逐渐消失，继续操作鼠标还会出现新的画面，给人带来动态的视觉体验，让人们更加直观地去了解网页所要表达的内容。
三 虚拟美学给网页设计带来的机遇与挑战
任何事物都有其积极与消极的一面，虚拟美学也不例外。虚拟美学在艺术创作的手法中又增添了一抹颜色，开拓了传统艺术所不能比拟的新艺术领域。然而，虚拟技术的成熟与普及之快，使得人们不断倾向于虚拟美学而忽视了传统艺术带给我们的精髓。在生活中，人们无时无刻地接触着虚拟美学带来的享受，同时也就大大降低了传统艺术创作的门槛。人们每天都在主动或被动地接触虚拟艺术，从而带来所谓的审美泛化。对于这种审美泛化，需要辩证分析，“尽管审美泛化可能带来某些艺术‘光晕’的消褪，但是它所产生的审美普及效应能通过推动社会的生产和消费而促进社会的进步”。
随着生活节奏的加快，人们的审美要求越来越高，我们要使虚拟美学要在挑战中把握机遇。首先要明确数字技术是为人类的生活而服务的，而不是人因为技术而存活。我们不能因为科学技术的进步而失去人本应该去适应的环境，更不能因为依赖技术而迷失自我。
其次在设计中，应当加强人与人之间的相互交流，在互联网泛滥的时代里，网络互动大于人们之间的互动，我们不能否定互联网带来的利益，也不能否认虚拟美学带来的即视感。但是如何使网络成为人们之间的桥梁，在虚拟美学下的网页设计，要改善数字化的生存与交往，并要构建好“人文生态”数字文化的发展，技术不仅要推陈出新，人文也要与其相互融合，建立一个和谐的网络文化。
不管是网页设计还是虚拟美学，我们在设计的过程中都应把握好度，都应该建立在以人为本的基础上进行设计。好的设计是使人们在使用的过程中是享受的，舒适的。
四 结语
关键词：网页设计 视觉传达 问题 探析
近年来，网络技术日新月异，互联网得到了令人瞩目的发展。其中，网页作为网络信息的载体，能把网络上的信息呈现出来，不仅方便，而且快捷，适应了当代人的生活、工作需要，也随着这种呈现方式，受众对网页的审美也产生了需求。为了吸引、方便受众浏览网络信息，我们应该从受众的视觉感官、网页的审美表现作为切入点，进行网页设计，在完成网络信息有效传达的前提下，吸引受众，提高网站的访问量，使网站朝着良好、长久的方向发展。
1.网页界面设计的概述
随着网络的产生与迅猛发展，网页界面设计（Web User Interface）作为一个概念以及一种技术应运而生。网页界面，也即是我们在使用网络的过程中，网络所呈现给我们的界面。而这个界面是否符合用户的审美观直接影响着用户对网站的访问意愿。为了吸引用户，网页界面设计成了所有网站的重要工作内容。而网页设计涉及了众多的学科，不仅有人机工程、计算机技术、视觉设计美学，还有语言学、消费者心理学等等。
网页界面设计，从操作技术上来说，需要多媒体技术、数字化技术；从心理学意义上来看，需要关注用户的情感层面以及感觉（包括听觉、触觉和视觉）层面；从传播上来看，设计需要实现页面的传播快捷化、广泛化、交互化、个性化以及多元化。因此，网页界面设计不仅是一种技术型的工作，也是一种艺术型的工作，需要把技术与艺术相互交融，才能完成的创造设计。需要注意的是，网页界面设计与其他一般设计相比，其突出要求是网页界面必须能实现信息传达，因此所以设计都必须依照这个要求来进行。为了能有效、准确、清晰、艺术地传达信息，我们在网页设计中，必须把视觉传达作为一个重点，实现网页的形式美、功能美。在设计中，主要有以下几个原则。
2.网页界面设计原则
设计是艺术与技术的融合体、形式与内容的统一体。网页作为信息载体的一种，相对于杂志、报纸等等出版物，有着一些相同之处，但由于运行的方式、社会的功能以及运行的方式不同，所以也存在着自身的设计原则和规律。
2.1主题鲜明
在视觉传达的设计中，必须根据主题，结合心理学上的视觉心理规律以及心理形式，把设计者的要求以及意图鲜明的表现出来，将主题明确地传达给受众，使受众能够在合适的环境里，及时地接收、了解设计所要传达的信息。因此，网页界面设计必须做到简练、精确、单纯以及清晰，此外，应该在结合艺术要求的前提下，以具有冲击力的视觉效果以及独特的风格，把设计的主题鲜明地表达出来。
2.2实现内容与形式的统一
网页的功能是：传播信息，满足受众的需求，实现实用性。在实际中，受众浏览网页时往往是很快速的，因此，如果要受众能完整、快速、清晰地体会到网页想要传播的内容信息，在设计中就必须注意实现内容与形式的统一。内容作为设计存在的基本，是一个设计的灵魂；而形式则是内容的外部表现方式以及内部的结构，两者相互依存，不可或缺。在实际的界面设计操作中，必须注意保持网页界面的一致性，一致性不仅是指控件的标准一致，还包括界面的整体风格、颜色、字体、错误显示以及术语等等的一致性。网页界面设计的初级生，往往喜欢把很多元素塞在一个页面里，页面混乱，导致受众完全无法理解其要表达的主题和内容。
2.3简洁明了
无论是那种艺术形式，都必须以“简洁”作为表现原则。在网页界面设计中，尤其需要注意“简洁明了”。当今的社会的一切都已经步入了一种快节奏中，人们以往的价值观发生了改变，更加趋向于单纯和简洁。因此，要符合当今受众的审美趣味以及生活情趣，在网页界面设计中，应该以醒目的文字、简单的图形以及大的色块进行表现，使受众有舒适、悦目、美的情感体验，并能产生丰富的联想。而色彩混杂炫目、字体繁乱、图片过多的页面设计，就很难做到简洁、清晰，大大影响了受众的兴趣，更加不能把信息有效地传达出来。
3.国内网页设计视觉传达中的突出问题
就我国网页界面设计的情况来看，设计工作已经有了十多年的经验，并在实践中，借鉴外国有益的经验，也不断把具有中国特色的元素融入自己的设计中。但不容忽视的是，国内的网页设计还是存在着一些问题，主要突出表现在一下几个方面。
3.1网页界面布局不当
我国人们普遍的阅读习惯，是从上到下，从左到右的浏览方式。因此，不同的页面区域，受众的敏感度就会不一样。然而，网页界面的设计者往往会被传统的思维模式所影响，习惯把重要的信息放在最后，而这样的页面设计，对信息传达来说，无疑是主次颠倒、南辕北辙。此外，某些网页设计，还存在着罗列内容的现象，而完全不顾及美感以及信息的主题表达，这种机械化的设计操作，不仅浪费了视觉区域的作用，而且还对受众的忍耐程度以及审美观构成“挑战”。
3.2网页界面雷同
很多网页设计师，情绪浮躁、急功近利，往往不愿意去思考、独立设计出自己的作品，而习惯去模仿、乃至抄袭别家网站的页面设计。这种问题的存在，导致我国众多的网站出现网页界面雷同的奇怪现象。网页界面雷同，不仅无法给受众带来审美的感觉，也不可能激起受众内心情感的共鸣。
3.3动态交互网页设计所造成的界面友好性问题
随着网络的发展，网页可以根据用户的实际输入指令，按需呈现信息内容，还可以以不同的方式进行表现，实现了交互性、灵活性。但是，一些网页界面设计师在设计中，随意采用各种网页元素，变幻莫测，完全不顾及受众的心理特点以及视觉流程，从而违反对了方便用户的设计初衷。
3.4技术因素带来的视觉尴尬
在互联网环境下，网页所包括的影像、图片以及文本等等媒体内容的显示，都需要计算机配备相应的软件。因此，从客观的角度看，网页界面的视觉传达效果的好坏，不仅会受到网页设计师规划的影响，还要受制于用户计算机的硬件和软件配置。此外，由于网络的技术标准还会受到不同时代的影响，因此，用户使用的浏览器不一也会导致视觉传达效果的不一致。例如，一些媒体形式如flash 动画，在初级浏览器中级无法进行显示，用户所看到的只是提示文字以及大片的空白框，网页设计师的设计内容无法展现，作品美感也无从表现。有时候一些用户为了获得最好最优质的网页效果，只能改变现用的浏览器，切换成其他适合的浏览器。
结束语
随着新媒体、新技术、新工具的发展，我们逐步走进了一个数字化的新社会，网络的网页设计也成了设计工作中的重要一点。为了能给用户呈现具有美感的网页界面，并完成信息有效传达的目标，我们广大的网页设计者必须根据设计的普遍原则，重点关注网页界面设计的特点，尤其是网页设计中的视觉传达问题，实现设计与网络的完美交融。同时，还要注意网页设计中现存的主要问题，在实际工作中要避免这些不良状况的出现，真正实现网页设计长远、健康的发展。（作者单位：中华女子学院）
参考文献
[1]林翠芳.试论网页设计的视觉传达艺术[J].电脑知识与技术，2010（20）
一、网页界面设计中视觉传达研究的意义
1.网页界面设计的网络信息服务的地位无论国家经济发展如何，获取信息始终是一个国家、一个民族、一个人可以打开国门、走向世界的必须资源。无论来自任何国家、任何地方的信息，都是需要传播媒介的，从而辐射开来，没有网络信息平台，就无法以以最快、最时效的速度去打破时空的局限，将全球信息整合起来。因此，网络信息的存在，是传统的信息传播方式所不能比拟的效率和速度。网络信息是一场声势浩大的全球式的革命，它以巨大的传播信息的力量取代了传统网络信息服务的方式，并为广大网络用户带来了翻天覆地的时代变化。
2.网页界面设计的必要性随着传统信息媒体方式的逐步退出，新时期的现代媒体信息时代，网络用户对于媒体的接纳要求和标准在新的媒体环境下也是日益提高，通过网络获取信息的用户是通过网页界面这样的载体作为获取信息并交流信息的关键平台，没有这个平台信息的搭建，就无法使得信息能够传递到网络用户，也就实现不了信息互通。因此，网页界面的良好存在，并通过视觉传达给用户，使得信息的交流和传播变得通畅、明了清楚和快速。
3.网页界面设计的视觉传达的时效性我们每一个人都是网络信息时代的受益者，而且在当下我们每天无时无刻都在通过网络获取信息并互通交流。比如我们每天上班乘坐的地铁里，每个车厢里都有一个视频终端电视，里面时刻在变换视觉信息向乘地铁的人传达信息甚至是互动，从地铁里的视频终端里，我们可以得到各类餐饮、娱乐、新闻头条的最新资讯动态，还可以拿起手机扫描二维码获取自己的需求，当时当下也可以下单购物。在极短的时间段里，我们很快提高了我们需求的效率，更是方便了我们的衣食住行的生活。因而，网页界面设计的视觉传达的迅速，与人们的生活紧密联系起来。
二、网页视觉传达与用户的关系
1.网络时代的依附性网络信息时代占取了人们交流平台最大的版块。给人们生活、工作带来的改变和未来发展趋势也是过去任何信息传播方式无法比拟和相提并论。现在，人们绝大多数依附网络办公、生活，离开网络便是与庞大的信息源受限隔离。网络时代引领着人们走向独自独立且独自成为一个合作的模式在生存生活。同时，也将人们的思维模式带入了全球化的一个趋势。所有的关乎人们的活动，网络为我们带来信息的便利，穿越时空的束缚。人们依附着网络，一步一个脚印的在前行。
2.网页的视觉传达效应网络用户通过网络浏览网站的这一过程，为了使得用户能够通过网页视觉所传达的具置、网站的结构组成，并能够通过网页的视觉传达效果达到畅想自由网游，这其中最关键的因素就在于网页的视觉传达效果是否能够表现恰当。对此，针对不同风格和类型的网站，网页原创设计者也会根据用户的需求和商家的方向采用各自不同的表现手法来赢取设计此款网页视觉的效果。从网络用户的反映来分析，一个设计框架独特、构思新颖的网页视觉的完美效果呈现，将直接关系反映出针对本网页设计的视觉传媒的效应。此效应可以直接影响商业的发展趋势和效果。因此，网页视觉传达的好与坏直接影响网络用户群浏览网页的效应。
3.网页视觉传达给客户的方式网页是网络用户接触认识网络并运用网络读取信息、传播信息的最直接的平台。随之而来的网络发展趋势是需要网页有多种不同类型的风格方式来满足各种不同风格的网络用户群里的需求。对此，各网站针对不同用户群的要求会设计多种不同类型的网页，有包括商业、企业、个人、政府等不同的网页。这其中尤其是针对商业的网络作用，网页的视觉传达效果将直接关联到商业目的的成功与否。因此，不同的网页视觉传达的方式给人们的生活和交流以及社会发展都会产生不同作用效果的结果。
关键词：网页设计；能力培养；目标细化
在2014级和2015级12个教学班、在600多人次的教学过程以及期末的200多件课程作业展评中，笔者发现：学生能够较为轻松地完成网页程序代码的编写、驾驭网页的链接，能够处理网页各级界面中的文字、图片、音像、动画、色彩、标题、标志、导航、搜素等各种构成元素，也能够如期完成期末课程作业。但是在众多的学生作品中，很难发现优秀的、吸引人眼球的作品。在3次毕业学生的座谈和2次企业家的面谈中同样发现：高职院校近几年虽然培养出了大批网页设计人才，但能够独立从事网站设计与开发的人才少之又少。
一、课程开设背景与性质分析
通过查阅知网、万方等数据库中其他学者的学术成果并结合自身教学的经验发现，计算机信息工程专业的学生在网页设计课程的学习中常常出现如下问题：
1.网页界面常常呈现“杂”“乱”“多”“满”的现象，没有清晰条理的流程。这主要是缺乏系统的版式设计，构成网页各元素之间缺乏理性秩序所导致的。
2.网页设计中字体使用随意，没有顾及字体与网页风格、企业性质之间的联系，无法反映企业的文化与理念。
3.网页设计中色彩使用随意，没有考虑到色彩的象征与隐喻性以及色彩的对比、和谐等视觉美学特征。
4.网页各级链接之间风格杂乱，基本上是一个界面一个风格，各个界面之间缺乏必然的内在联系，只是各种风格的堆砌。
5.网页设计缺乏创意与创新意，基本上是对已有网页的抄袭与拷贝。由于缺乏相应的美学基础，所做出的网页在视觉上依然“惨不忍睹”。
6.网页设计缺乏内涵深度，主要原因在于各种视觉符号的任意使用，没有考虑到视觉符号能指与所指之间的关系以及视觉符号内涵与外延之间的关系，也没有考虑到视觉符号的使用禁忌等问题。
在课中与课后的互动中发现：大多数学生根本没有意识到上述问题。偶尔有学生即使意识到了上述问题，也因为缺乏相应的美学功底与文化底蕴不知道如何去改变。这些问题会随着课程的结束而一直遗留，最终导致毕业后无法独立完成视觉形式优美、内涵丰富、客户满意的网页设计与制作。
上述问题的出现，究竟是课程设置的不合理？培养目标实施过程中出现的偏差？抑或是教学过程的失误？还是其他因素所导致？
有学者认为，上述问题出现的原因有教材编写没有连贯性、教材内容滞后、课程内容结构不合理、教学方法不合理等。然而笔者认为，造成计算机信息工程专业学生毕业后无法独立从事网页设计的主要原因在于：学生缺乏基本的美学功底与文化底蕴，课程设置中缺乏相应的美学基础课程，有意或无意夸大了软件的功能等。归根结底，是对网页设计职业能力培养目标的理解或者执行偏差所导致，在学生能力培养目标的定位中太过宽泛，没有将学生应该有的能力目标进行细化。
随着网络技术的迅猛发展和信息终端设备的普及，网页设计与制作教学已成为当今高校教育中的热点，网页设计或网页设计与制作这些课程在各大高校遍地开花。视觉传达设计专业与信息工程专业将其作为一门专业必修课，其他专业也大多将其作为一门选修课或者通识课开设。
网页设计是技术、文化与艺术交汇的结果，不仅要求学生具备计算机程序代码编写能力，同样也需要基本的美学能力与文化底蕴，只有具备了技术、文化与艺术素养才能设计并制作出视觉效果良好且让客户满意的网页。
二、能力目标分析及细化
无论是教育部高等学校计算机基础课程教学指导委员会提出的“面向社会、针对岗位、强化能力、促进发展”的指导思想，还是“加强实践、注重应用、增强素质、培养能力”的课程指导原则，均过于宽泛，需要教学单位在具体的授课执行过程中将其细化。
在调庆、四川、安徽三省高职院校网页设计课程培养目标的过程中发现，大多数职业院校将网页设计能力培养集中于以下几个方面：培养学生数据收集、信息处理、素材加工的能力；培养学生通过Photoshop软件制作静态网页的能力；培养学生通过HTML、CSS编程，使用CSS进行页面样式控制，使用DIV+CSS进行网页布局的能力；培养学生设计网站的综合能力；培养和提高学生的动手能力；培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力。
从上述专业能力培养目标的细化子目标中可以发现，严重偏向于技术而忽视艺术审美与文化品位能力的趋势。
从网页设计课程性质分析可以发现，网页设计是一门综合性、交叉性很强的课程，需要技术、艺术与文化素养作支撑。高职院校培养的人才应该是能够独立策划、编程并设计出视觉优美、内涵丰富的网页人才。视觉传达设计等专业的学生，不乏美学素养，但是计算机程序语言的编写能力较差，缺乏严谨的理性思维；信息技术工程专业的学生，程序语言编写能力是他们的强项，但是其美学素养与文化底蕴相对缺乏。在网页设计的前导课程中，美学相关课程与训练的缺乏，必然会导致信息技术工程专业的学生一条腿走路，成为一个“健全的瘸子”。
所以，本文认为对于计算机信息工程、计算机软件等专业学生的培养目标应该细化为：组织与策划能力、程序编写与测试能力、视觉表现与美化能力。而这些子目标应该继续细化，如下表。
如表所示，可以通过大学语文课程来培养学生的文化素养，通过网页文案策划来训练学生的组织与（下转第59页）策划能力，通过美学基础来训练学生的文字、图形、图像、色彩特征与客户需求的匹配能力，通过字体设计、版式设计、设计色彩、创意思维激发与表现等课程训练学生的视觉表现与美化能力，通过网页设计（HTML+CSS）来训练学生的程序编写与测试能力。然而，在大多数理工类或偏向于理工类的职业院校中，由于课时的限制，往往缺少文化素养与美学素养的培养与训练，这是导致学生网页设计作品中出现常见问题的主要原因。笔者认为，在条件允许的情况下，尽量开设提升审美与人文素养的必修课程且至少250学时。如若条件不容许，则可以通过选修的方式进行。
三、小结
由于对网页设计专业能力培养目标的细化程度不够，导致了网页设计专业能力培养目标不清晰，进而导致课程设置不够合理，只注重于程序编写与测试能力的培养，最终无法设计出有深度、有内涵、有视觉形式美的网页作品。
参考文献：
[1]罗锦光.《网页设计基础》课程教学研究[J].计算机光盘软件与应用，2014（12）.
【关键词】网页版式；视觉元素；应用原则
1.网页版式语言的文字设计
勿容置疑，网页是以文字为主要信息传播载体，它在版面中占有了很大一部分的空间。文字的设计，是网页设计必不可少的一个环节，它能在外观中产生视觉意境，同时能给浏览者在阅读时产生丰富的情感和意境。
1.1文本文字
文本设计指在网页编辑中可以修改内容的字符，字体、字号都属于文本属性。文本的设计受到技术环境的影响很大，要想文本在所有计算机上都能正常显示，一般是采用计算机本身的字体，常用字体有黑体、宋体等，还有一种方法就是将文字图形化，但是这样会导致网页速度降低，所以不适合大面积使用。
1.1.1文字字体
网页版式中使用的字体应该要清晰明了，字体与版式的风格以及主题都该保持一致。在一个版面中一般选择2-4种字体是比较适合的。
1.1.2文字字号
版面的形象是受制于文字字号的大小，字号大的文字构成的版面就会给人留下自信、有力的印象，字号小的文字构图就会给人留下严谨、精致的感觉。
1.2图形文字
图形文字是指不可编辑、已经图形化的各种文字，包括静态和动态的图形文字、图像和文字动画等。图形文字主要应用于标题文字、文字图标和文字广告中，它既是二维空间的，也是三维立体的。图形文字现在在网页版式设计中应用越来越广泛，图形文字将文字图形化、格式化的处理，使浏览者能够更直观的了解图意，领会设计者的用意和目的，不会产生对文字的疲劳化。采用图形文字可以达到使版式形式具有更强烈的视觉效果。
1.3网页版式中文字设计的应用分析
文字设计风格要根据网页版式中信息内容的特点来设计的，不能脱离实际内容。例如政府部门网页的文字就应该庄严规范，字体造型有规有矩的；休闲娱乐类网站，字体应该轻快活泼，节奏感强。如图1，英国Cupcake创意设计工作室，版式中对比强烈的文字衬托出工作室的前卫、创新、时尚。
图1
2.网页版式语言的色彩设计
网页色彩包括网页的基本色彩、文字色彩、图形色彩、版面背景色等等。色彩的选择能够体现网站的的整体外观，更好的体现网站的形象内涵。但是网页色彩设计，颜色不能太多、纯度也不能太高，不然会造成浏览者的视觉疲劳。色彩可以是版面的点缀，也可以使版面更活泼且不会喧宾夺主。
2.1版面主页的色彩设计
版面主体色彩的选择，先确定一个主体色调，网站主题由这个主体色调来体现。现在多数网页色彩设计，浅色背景比较多，像淡灰色、淡黄色、淡蓝色，浅色调给人温柔、素雅的感觉，搭配上深颜色的文字，例如，用黑色的字体，比较符合人们的视觉习惯，阅读起来自然、方便。
2.2版面背景的色彩设计
在网页背景色的搭配中要注意色彩对比不能非常强烈，大面积的颜色适合采用低纯度，色彩过于丰富的背景会影响文字的色彩选择，有的会使文字融到背景中，不容易识别。
2.3网页版式中色彩设计的应用分析
色彩使人产生各种不同的心理感受，由于每个人的性别、年龄、文化、习惯等不同，对色彩产生的心理效应就不同，因此，网页版面的色彩设计要准确的把握和了解浏览者的色彩心理。
2.3.1电子商务类网站色彩设计
电子商务网站版面大气、图文清晰，色彩一般选择比较稳重的配色，不会太花哨，会根据产品和消费者来选取主要色调。设计者可以通过商品类型、产品内容和消费群来确定网站色彩的搭配，搭配的同时要符合商家经营理念，满足消费者喜好。
如图2，大型电子商务网站，商品种类繁多，因此背景版面采用白色，给人干净、整洁的效果，看上去舒服大方能够延长消费者浏览的时间，运用一些色彩抢眼的商品图形加以配合，使版面看起来色泽饱满、视觉感受好。
图2
2.3.2时尚类网站色彩设计
时尚类网站运用清晰度比较高的图片，版式布局看上去干练、时尚，一般都是采用白色、灰色的背景，利用简单的布局，来突出版面中的图片，给人留下深刻的印象。
国际品牌的BCBGMAXAZRIA官方网站，该品牌的服装设计作品个性、时尚，能够博得很多消费者的视线。网页的背景色彩运用了灰色与白色的搭配，体现出官方网站的稳重与庄重，版面的右侧有红色、深蓝色的图片，在遵守原有风格的前提下，增添了变化，增强了时尚感。
3.网页版式语言的图形设计
3.1图形设计
图形属于世界性的视觉语言，在现今的网络中几乎找不到没有图形的网页了，由于图形的出现，带来了更直观的表达形式，图形占据了网页比较中心的位置，有的网页甚至只有图形。图形更能引起人们的视线，增加阅读的兴趣，图形不像文字那么枯燥，合理的应用图形，可以美化网页的版面效果，提高网页的艺术价值，吸引更多浏览者。
3.2网页版式中图形设计的应用分析我们在设计网页时，首先应该找到适合版式语言的图形，适合图形就是在网页版式中不仅仅具有点缀的作用，还要有助于去传达信息，主要是网页中比较复杂的内容信息，在正确选择图片后，能使浏览者在浏览时对这个图形产生联想。
其次，要加强文字与图形之间的配合，如果文字太多，网页就会显得沉闷，没有生气；如果图形太多，那么信息内容就会减少。所以我们要根据网页的内容作调整，以图形为主，就要把图形放在视觉中心的位置上，以文字为主，图形就是起到衬托的作用，要注意两者之间的主次关系。
4.结论
综上所述，本文通过对网页版式语言的视觉元素运用以及代表性案例进行深入分析与研究，我认为，网页作为现代信息社会主流媒体的传播形式，网页版式设计并不是对色彩、图形、文字等静态元素及动态元素设置的堆砌，网页设计的版式语言具有着特殊的属性与组构规律。具体地说，网页设计不仅需要合理技术的支持，尤其要以网页的理念内涵为依据，针对不同网页的特定功能、属性需要，进行精心组构设计，通过视觉元素创造和谐的版式语言形式，即网页审美要素与网页功能的完美结合，这样才能使浏览者在有效、快速、准确地获得信息的同时，又能给浏览者营造一种富有愉悦心理的视觉气氛与美感的享受。
【参考文献】
[1]王受之.世界平面设计史[M].北京：中国青年出版社，2002.
[2][美]鲁道夫·阿恩海姆.腾守尧，朱疆源译.艺术与视知觉[M].成都：四川人民出版社，2006.
[3][美]鲁道夫·阿恩海姆. 腾守尧译.视觉思维[M].成都：四川人民出版社，2005.
[4]庞蕾.视觉形态[M].沈阳：辽宁美术出版社，2008.30-31.
购物车(0)