艺术专业网页设计课程教法设计的创新实践探析

文/余洋

艺术专业网页设计课程教法设计的创新实践探析

文/余洋

摘要:该文主要以普通本科院校的艺术设计专业网页设计教学为研究对象，从四个方面提出具体的创新艺术设计专业网页设计教学实践的途径，旨在为艺术专业的网页设计课程教学提供建议。

关键词:艺术专业;网页设计;课程教法;创新实践

1．课程教学现状探析

(1)课程教学性质探析。艺术专业网页设计课程作为很多普通本科院校的专业必修课程，网页设计课程区别与艺术设计专业其它门类课程，是大多数课程的后续课程，包括平面构成，色彩构成、字体设计、广告版面设计等课程，是一门综合型的课程，具有知识贯穿性特点，是一门技术与艺术的学科。

(2)学生教学目的情况探析。网页设计课程排在专业基础课程之后的教学安排方法，通过前一学期的电脑设计基础或计算机辅助设计课程的学习，大部分学生会掌握计算机设计软件的基础操作，学生对网络充满兴趣但是对于网页设计制作流程较为陌生。因此，教学目的是使学生对网页设计的基本概念、理论知识、实际运用的角度为学生提供较为全面、系统、准确的网页设计知识体系。能够着力培养学生网页设计与制作的思维和创新能力，掌握网页设计软件的使用方法，运用所学知识独立完成命题创作成为创新实践研究重点。

2．科学安排课堂教学内容

以网页设计课程48－64学时为例，根据教材和实践内容分成六个章节分别进行讲解。

第一章主要阐述网页设计基础，带领学生了解网页设计基本相关术语，以及应用领域和注意事项，赏析国内外优秀网页设计作品整体和细节元素，通过实验讲解数字设计规范理论知识，引导学生产生浓厚兴趣，为课程学习打下基础。

第二章主要讲解网页基本构成元素设计，网页制作主流工具Fireworks综合设计内容，包括网页页眉设计、网页LOGO设计、网页按钮设计、网页文字设计、网页导航栏目设计。根据当前业内以及企业用人单位的需求调研和学生自身基础水平特点，针对前沿内容:网页按钮元素设计(icon图标)进行重点研究学习。因为，它是网页新颖设计的重要体现，是电子行业手机界面设计的基础环节。

第三章主要讲解网页动画设计和交互按钮设计，包括动画基础原理，网页GIF动画、网页Flash动画制作。重点突出动画运动的基本规律，帧和层的对应关系，原画、中间画和帧、关键帧的关系。难点是Flash中帧速率的控制、元件和音乐的调用环节。

第四章根据学生感兴趣的网站类型，实战演示具体网页设计项目，从策划创意到草图绘制，到网页局部元素设计，到整体布局排版发布，由整体到细节，再有细节到整体，使得学生能够掌握网页设计的制作流程。

第五章命题设计，要求学生完善前期的草图方案，自命设计主题，按所学视觉设计语言规律完成一个小型网站的创意设计。发散创意思维，表达主题内涵，体现综合设计能力。

第六章设计点评(教学评价)，选择学生制作的具有代表性作品进行展示，由师生共同参与点评，对学生中体现出来的好的制作经验和体会，给予肯定;对不足的地方提出指导性的意见，答疑设计中遇到的共性问题，使学生的阶段性的作品逐步趋于完善。

3．加强教学设计模块创新实践

(1)教学过程一体化，通过网页赏析，理论整体到细节分析，由浅入深，循序渐进，理论与实践一体化。以案例贯穿全过程，围绕完成每一个具体工作任务所涉及的理论知识，以知识点的方式将相应内容分到各个模块之中，实现理论与实践一体化。(2)教学结构模块化，课程采用模块化的课程结构，由网页的各个构成元素进行分模块化的训练，使用案例演示，并以项目为导向，贯穿课程的前后，将整个课程分为6个模块，每个模块都有细化任务。(3)教学内容项目化，采用项目化教学的理念设计教学大纲，并组织教学内容。课程以网页三剑客为教学平台，以项目导向，任务驱动的方式组织教学，以工作任务为主线，以学生为主体以教学师生为主导，融教学做于一体。(4)教学研究学术化，教学过程中注重将学术研究成果与课堂教学内容相结合，让学生直接吸收研究价值成果并实践转换。例如在Fireworks网页按钮设计制作章节中就可以运用到学术研究成果《布尔运算在二维图像中的应用研究》，来快速实现网页按钮设计，提高设计效率。

4．合理实行教学手段创新化

(1)学生自主学习为主，教师指导为辅，学生根据要完成的本节课的任务，选择学习资源中相关的学习内容，进行自主学习。从简单的模仿开始，大胆进行探索实践，通过多种渠道寻求问题的解决。对自主学习、探索问题解决过程中出现的问题，教师应及时利用多媒体计算机等资源进行帮助、指导，鼓励学生开展协作学习拓展思路，使不同程度的学生都能向目标迈进。(2)注重实践实验教学的趣味性，在教学的过程中，注重理论和实践想结合，通过实验操作结果，以展示给学生教学内容的准确性、正确性。例如同样的矢量路径图形和位图图像，通过放大缩小后产生的明显差异，以及网页中12－14像素的文字，采用不消除锯齿和平滑消除锯齿产生的特殊效果。(3)教学辅助道具新颖多样，上述第三章节中重点内容，动画基本原理中的原画、中间画和帧、关键帧的关系的讲解中，运用到了卡牌魔术辅助道具极好的提高了班级同学们的学习兴趣，同时又生动的解释了问题。(4)教学手段企业化，通过实训项目演示，达到项目驱动的学习效果，最终通过项目验收，学生自我评价，教师综合评价来完成学习任务目标。

5．实践教学效果总结

创意元素都不是凭空想象的，都是有一定的文化内涵在其中，创意的本身其实还是客观精神或者物质的本质穿上了一件新的外衣。创意的设计其实更需要在网页设计中得到应用，因为这是当今信息社会的需要。实施该教学方案虽然获得了一些效果，但教学设计没有最好，只有更好。我们还需要在教学实践中坚持观察，发现存在的问题，不断优化教学方案。

(作者单位:江苏理工学院)

参考文献:

［1］杨开城．教学设计:一种技术学的视角［M］．北京:电子工业出版社，2010．

［2］陈雷．网页设计基础［J］．艺术探索，2005，19 (1) : 75－76．

［3］张胜超．网页设计教学改革的新尝试［J］．美术教育研究，2013．2: 126．

作者简介:余洋(1986－)，男，硕士，江苏理工学院，实验师，中心实验室副主任，研究方向:视觉文化艺术研究。

中图分类号:G434

文献标志码:A

文章编号:2095－9214 (2015) 12－0125－01