视觉传达专业网页设计论文

视觉传达专业网页设计论文

一、课程的教学现状

在我国,视觉传达教育起步较晚,但是发展迅速,其人才培养和教育模式倍受社会关注。目前很多高校在艺术类网页设计课程的教学上存在两种主要现象:一是重设计、轻制作;二是重软件、轻艺术。第一种培养出的学生一般只注重静态页面的视觉效果,对网站的动态更新关注较少,不利于网页后期维护;第二种培养出的学生侧重于Dreamweaver、Flash等软件的操作,对网页的版式、VI形象等关注较少,制作出的网页往往缺乏个性、艺术表现力不强。因此,对视觉传达专业的网页设计课程的教学改革势在必行。

二、课程教学目标的重新确定

我们都知道,一门学科的课程目标通常决定了该学科的最终导向,它不仅能为教师传授正确的学科理念提供依据,同时也给学生指明正确的课程学习方向。因此,视觉传达专业网页设计课程改革的首要环节就是对该课程教学目标的重新确立。众所周知,高等教育培养出来的人才最终要服务于社会,社会的需求决定了该学科的教学内容和教学目标。随着科技的进步,时代的发展,不同时期对网页设计人员的需求也是不同的。通过市场调研,我发现目前社会上网站分工越来越细,招聘的相关岗位大体分为三类:第一类为前台美工,以视觉传达专业为主,以网站的形象塑造和界面美化为岗位内容;第二类为网站后台服务,多以h7V5数据库等做交互型网站的,以计算机专业为主;第三类就是两者都要具备的全才网页设计师,是具有技术背景和多年实战经验的创意人才。由此我们可以确定视觉传达专业培养出来的网页设计人才的岗位定位应是网页美工师,他应该具有两种专业素质:一是掌握网页设计的基本要素和美学知识相结合的方法与技巧;二是懂得简单机算计软件(PS、Dreamweaver、Flash)的操作,便于在制作网页界面时考虑到后台维护的便利。而“艺术设计教育的人才培养目标是:培养综合素质高、创造能力强的高级应用型设计人才”。所以该课程教学目标应该是培养具有以上两种专业综合素质的、创造能力强的高级网络应用型设计人才。新的培养目标确定后,该课程的教学内容应该在此基础上重新调整。

三、课程内容的调整

视觉传达专业网页设计课程教学内容应该为教学目标服务,知识结构要合理,应注意知识点之间的交叉及有机结合,同时也要有效地培养学生的创新性思维及独立分析、解决问题的能力。基于此,新的教学内容调整为两大板块:理论课程内容和实践课程内容。

1.理论课程内容

理论课程内容在课程编排中为最先讲授内容,以教师PPT演示传授为主,学生讨论互动为辅,课时安排为总学时的四分之一。在教学过程中又分为两个环节来实现:(1)第一次课的设计把第一次课设置为课程概述,主要对网页设计课程的教学特点、教学内容、教学目的、教学重点和难点加以通篇介绍,对学生说明课程安排和考核要求,并通过简单上机实例操作来提高学生学习兴趣,进而引入网页基本理论教学环节。(2)网页基本理论学习网页基本理论学习包含三个知识板块:网页设计的基本要素、网页界面的版式设计、网页VI形象的美学塑造。我们知道每个设计门类都有自己独特的构成元素,这些不同的构成元素形成了该门类不同于别的门类的独特的艺术魅力。了解和掌握这些构成元素的特点和作用,有助于我们更好地进行设计工作。网页构成元素按功能和形式划分为两大类型,按功能划分为页眉和页脚、背景与底纹、按钮与控件、导航器和目录、功能板块和广告位;按形式分为文字、图片、色彩、多媒体和超级链接。网页设计中的构成语言不同于传统平面设计,它们之间存在很大差异,例如网页设计中的颜色是光色,是标准的RGB色彩,而传统平面设计中的颜色在输出过程中是以印刷色CMYK形式出现的;传统的平面设计不用考虑网络传输的因素,而网页设计中的构成元素应考虑在不影响显示效果的前题下,尽量压缩文件大小,便于网页文件的上传与下载;又如动画、音频等多媒体语言在传统平面设计中不用考虑,而在网页设计中它们是给网页增加活力的重要手段因此,教师在此板块教学中要选择大量实例进行比较,不但要指出网页设计各构成元素的特点和作用,而且还应指出与平面设计中相对应元素的异同之处,便于学生区别学习。网页界面的版式设计不同于传统平面设计的版式设计。平面印刷品有着各自固定的纸张大小或裁切规格,而网页界面则不然,它的显示尺寸受到电脑显示器的限制,不同尺寸的显示器显示的网页界面是有区别的。除此以外,它的最终显示控制权其实掌握在浏览者手中。如果过分注重网页界面版式设计的视觉完整性,就不能顾及网页设计元素的灵活性。所以,教师在此板块教学中应该强调网页界面版式的变化性,同时也要强调首页与内页版式的连贯性,要求学生在设计中注意网页界面版式完整性与灵活性的关系。网页设计是VI设计的一个重要组成部分,是企业视觉形象执行标准的延续和拓展。和所有的线下公司一样,一个好的网站也需要依助于VI设计。准确的、有创意的VI设计,有利于树立网站形象,使其在众多同类网站中脱颖而出,增加浏览者的浏览欲望和浏览记忆,对该企业的推广和宣传也能起到促进作用。网页设计课程上引入VI设计概念,教师应该保持教学的延续性,要求学生在进行网页设计的同时,将VI理念应用到网页界面中。网页设计应主题突出、富有创意,色彩搭配应协调统一,具有强烈的视觉冲击力,从网页LOGO到色彩运用均要突出企业视觉形象。

2.实践课程内容

视觉传达教育的目的就是培养出创造能力强的高级应用型设计人才。应用性人才的培养模式里实践性课程比例要大,网页设计课程也是这样,理论是基础,实践是灵魂。所以实践课程内容在课程编排中为比重最大的内容,课时安排为总学时的四分之三。实践课程包含软件操作板块、简单代码学习板块和实际案例制作板块三个知识点。此部分内容在教学过程中又分为两个环节来实现:

(1)软件操作和简单代码学习板块的教学

此部分教学为计算机软件学习阶段,Fireworks、Dreamweaver、Flash是传统的网页设计软件学习内容,根据当今互联网开放性的特点和视觉传达学生对现有软件知识掌握的情况(PS是基本功,是学生都已掌握的软件),把传统软件教学内容更改为“网页新三剑客”(PS+Dreamweaver+Flash)的学习。简单地说,就是用PS制作静态网页界面和切图,并处理图片,用Dreamweaver布局和超级链接,用Flash做特效。而这三个软件知识板块里面教学重点依次为Dreamweaver、Flash、PS。在软件教学环节,教师可借助类似“红蜘蛛”一样的网络教学平台和学生互动教学。学生可根据老师在线传送的素材临摹教师的操作,教师也可以在线观察学生执行情况个别辅导。同时根据艺术学生英语和数学水平普遍较低的特点,在教学中应该增加一些简单代码知识,介绍一些常用的代码语言及Html标签和CSS规则的使用方法,便于优化网页样式,使整个网站风格统一,也便于对已有的网页模板进行更改,进而大大提高学生的岗位实践技能。

(2)实际案例制作教学

此板块教学采用以项目为载体、以任务为驱动的教学方法。教师可以引入实际项目或者虚拟项目,提出项目名称和项目要求,辅导学生进行实际案例设计。实际案例制作教学应充分强调实用性和自主性,教学环节可分三步进行。首先是教师示范环节:教师要根据实例要求演示创作过程,从网站创意草图到制作静态界面;从创建站点到Dreamweaver网页布局,创建超级链接;从美化网页样式,到制作网页特效,利用简单的代码语言和Flash动画实现动态、实时、交互的页面效果教师应将每个创作环节一一展示,并将知识点设计应用到整个案例实际操作中去,做到知识点与案例有效融合,案例之间能承上启下,有机衔接。其次为学生设计环节:学生可以根据老师的思路对经典案例进行学习和分析,依据实际任务的要求,进行网页设计实际操作。其间遇到问题学生可以相互讨论,或求助教师解决难题。在整个讲课过程中,教师指导为辅,学生对案例进行学习和分析为主,充分发挥学生的主观能动性。要求学生充分发挥创意性思维,从被动学习转换为为了实现项目目标而进行多渠道主动学习,提高学生学习效率,缩短和实际岗位间的操作差距,进而为走向社会奠定基础。最后为展示评价环节:学生对自己的作品公开演示汇报,并鼓励别的学生对其作品评价,找出优劣点,好的保留,差的改正。教师根据作品质量和学生评价对作品打分,以此作为该生整门课程成绩的一个依据。

四、结语

网页设计课程教学改革3年以来,河南大学艺术学院视觉传达专业的网页设计教学效果得到显著提高,学生的网页设计作品获河南之星、中南之星、河南省高校优秀设计作品展等省级以上设计类奖励共十余项,有部分学生毕业后已经从事专业网站建设工作,教改带来了喜人的经济效益和社会影响力。科技在进步,时代在发展,网页设计课程的教学应紧跟时代、求实创新,该课程教学改革的研究与深化,以及教学质量的提高,都必须适应互联网对视觉传达专业网页设计人才的培养与需求,并随着社会的发展不断地更新、变化。高校专业教师应及时将最新案例和相关知识点引入课堂,不断探索教学内容、创新教学方法,这将是网页设计课程改革的永恒话题。

作者:洪涛 单位:河南大学艺术学院