任务驱动法在《界面设计》课程中的应用探索

张欣　朱长永

【摘 要】《界面设计》是软件工程专业的一门专业课程，具有较强的实践性，同时本门课程与计算机专业的HTML语言、CSS+DIV 技术等课程密切联系。本文从界面设计课程的性质以及存在的问题入手，提出课程改革思路，尝试将任务驱动法导入课堂，根据学生认知层次整合教学内容，细化课程任务，展示学习成果，探索《界面设计》课堂教学的新策略。

【关键词】任务驱动法；非艺术专业；界面设计

1 课程性质

《界面设计》是一门计算机技术与艺术设计专业相交叉的课程，本课程以网络技术为载体，将各种信息以可视化的方式传播给受众，特别是随着网络技术的发展，人们对界面的审美要求越来越高，界面设计已经突破了原有的屏幕空间，越来越注重移动端的视觉享受，对于计算机专业学生来说不仅要掌握网络编程方面、媒体技术方面的知识，也要提高审美能力与艺术修养，才能设计出更加愉悦的的界面。

2 课程存在的问题与改革思路

2.1 重编程轻设计

在以往的计算机专业课程中界面设计被称为网页设计，课程的内容更加注重培养网站开发、JAVA等编程语言的使用能力，而在网页设计的艺术性与美感方面则显得尤为不足，因此造成了计算机专业的学生在开发网站时只会套用模板，设计出来的界面视缺乏美感。随着互联网的发展，用户越来越重视感官艺术性与人机交互性，因此界面无论是在内容上还是视觉上都需要重新设计。

2.2 重课堂轻实践

界面设计最突出的特征在于它的综合性与交互性，它横跨人文艺术与理工科，从文化到艺术，从美学到技术，具体而言，界面设计涉及诸多方面，包括HTML语言、CSS样式表、JavaScript脚本语言、人机交互、互联网技术等，除此之外，界面设计还涉及到图片处理、BANNER设计、动画制作、图标与LOGO设计、用户体验等方面。这些课程涵盖不同学科，传统模式下的教学以课堂教师授课为主，教师依据教学大纲进行授课，学生在机房进行练习，老师讲到哪里学生练习到哪里，学生学到后面忘记前面，不利于培养学生综合协调能力。

从另一方面讲，界面设计是一门具有社会实践性的课程，随着互联网+教育的发展，传统的以课堂为中心的教学模式限制了师生的思维，课堂仅仅是一种传授知识的载体，教师应该引导学生借助互联网参与社会实践，充分利用第二课堂的资源，将实际中的案例引入课堂教学中，提升专业技能，便于学生将来更好的适应社会需求。

2.3 重个人轻团体协作

在传统教学中老师布置任务，学生上机完成任务，学生常以个体为中心独立思考制作，学生之间的缺乏交流，遇到困难时更多的依赖老师解答，缺乏团体合作意识，而在实际工作中，网站开发更注重集体的合作，而非个人风采的展示，一套优秀网站往往需要程序员、美工、用户研究等各个方面员工的共同努力完成。

2.3 改革思路

界面设计作为一门实操性较强的课程，应当围绕着“应用”二字开展教学任务，从实际应用的角度出发合理调整教学内容，将知识点分解成不同的任务模块贯穿于整个教学过程中， 让学生能够参与到实际可运行的项目中来，在期末考核的时候将重点放在学生实际应用能力上，综合已学过的各个课程，鼓励学生提出有创意的想法与概念，最终使学生协同设计出技术与艺术结合的作品。

3 任务驱动法的内涵及探索方案

3.1 任务驱动法概念

所谓任务驱动法是指教师根据学生现有的认知水平与知识结构，以某个实例为线索，巧妙的设计教学内容，提出具有实际意义的一系列任务，由简单到复杂，且任务为载体，学生在教师的组织与引导下自主探究学习，边学边做，提出解决问题的方法与思路，然后进行实际的操作。当学生完成某一任务后也就建构了本门课所学的知识，笔者认为任务驱动法适用于应用型本科院校，尤其是计算机应用和新媒体技术专业。

3.2 任务驱动法特点

首先，任务驱动法区别于传统的教师讲授，学生练习的教学方法，主张从实际应用角度出发，以任务为驱动引领学生学习知识与技能，让学生在任务实施的过程中学习相关的理论；其次，任务驱动法具有非常明确目标，能够让学生了解在某一阶段需要完成具体的项目，教学的任务也仅仅围绕着如何完成任务展开，弱化条条框框的理论知识强调实用性；第三，提高学生主动性，在小组任务分配中能够做到发挥学生各自的特长，互帮互助学习，提高操作技巧，培养学生发现问题与解决问题的能力。

3.3 探索方案

在界面设计教学过程中，任务的设置关乎最终的教学效果，因而如何设计教学任务尤为重要，以笔者所授的界面设计为例，学生在上界面设计课程之前已经掌握了计算机编程的语言、样式表等基础知识，如何让计算机应用技术的学生结合编程语言设计出更加具有美感的界面是设置任务的出发点，在课程初期主要讲授色彩搭配，版式设计等相关知识，中期以开发学校网站为例，任务设置如表1所示。

界面设计开课之前，学生所设计的网站虽然功能具备但是欠缺美感，网页构图中规中矩，网页头部标志过大，并且标志抠图不清晰，banner图片没有美化，通过界面设计创建任务，让学生带着具体的任务由浅入深反复修改，先分析学校网站首页应当具备哪些板块与栏目，然后完成布局设计，最后结合所讲授的PS等软件进行图形图像处理，设计出符合用户使用体验的网站。

在任务实施过程中，界面美化是本课程阶段任务的重点，要坚持让学生“多看多做”，学生之间互为老师，共同学习，充分调动学生探索知识的主动性，在美化学校网站首页时，单独细化网站色彩搭配任务，如表2所示。

4 总结

通过任务驱动法让学生知道自己需要完成哪些任务以及发现自己的特长所在，发挥学生的主动性，以达到教学目的，设置任务时要考虑到学生当前的知识结构与知接受能力，统筹兼顾，使学生能够从任务的整体高度去理解每一个知识点，提高学生的专业技能与综合素质。

【参考文献】

[1]庄科君，贺宝勋.设计型学习：高校实验课堂教学模式创新——以《多媒体课件制作》实验教学为例 [J].现代教育技术，2013.

[2]许金友.艺术与技术的完美结合——浅议网页设计的特色[J].艺术与设计，2009.

[3]晋晓彦.形式感+网页视觉设计创意拓展与快速表现[M].清华大学出版社，2014.

[4]靳埭强，韩然.广东省高校艺术与设计教育研究[M].广西师范大学出版社.2010.

[责任编辑：王伟平]