成果导向理念在《UI设计》课程教学改革中的应用

吕 娜 王圣文 于全月 陈 君

1.沧州工贸学校，河北 沧州 061000；2.沧州市招商投资促进中心，河北 沧州 061000

当今社会，人类生活越来越离不开智能产品，这就导致了UI行业的迅速崛起。同时，行业的发展离不开人才，UI行业同样急需人才来发展。现如今，国内UI行业得到了越来越多人的关注，但其与其他发达国家的差距也是非常明显的。UI设计属于软件领域，不会受到硬件设施的限制，所以竞争的核心就在于人才。因此，中国的UI行业要发展，重中之重就是提高UI设计师的个人设计水平，让设计师的设计作品能更加人性化。也是出于此考虑，《UI设计》就成为了中职学校的一门重要的专业核心课程。

OBE理念的研究始于1981年，在此之后，此理论得到了国内外很多学者专家的肯定，通过学界的推广，理论的应用迅速发展不断成熟，逐渐完善，被认为是一个正确教育的方向。尤其是2013年之后，在我国，学者们研究OBE理念的热情日益高涨。本文利用OBE理念引导中职UI设计课程教学改革，对中职设计类综合课程提出改革思路，着力培养出符合社会要求的设计类应用型人才［1］。

一、OBE理念阐述

OBE是一种以学生为中心、以学习成果为导向来设计课程和组织教育教学活动的先进教育模式。OBE要求学校和教师应该先明确学习成果，配合多元弹性的个性化学习要求，让学生通过学习过程完成自我实现的挑战，再将成果反馈来改进原有的课程设计与课程教学。

国内外很多学者，针对成果导向理念应用到课堂教学改革进行的应用研究。例如，王东梅等学者《基于OBE理念的金属塑性成型工艺学课程教学初步改革尝试》一文就是将成果导向理念应用到了《金属塑性成型工艺学》课程教学改革中［2］；何运丽等学者利用成果导向，以《汽车电器与电子控制技术》课程为例，进行了课程改革研究［3］，夏梦等学者在高校层次利用成果导向对UI设计课程进行了教学诊断与改进［4］，彭雄凤等学者基于成果导向理论对高职“机械制图”课程进行了教学改革［5］，等等。

这些研究成果既为我们更好地应用成果导向理论提供了丰富的应用资料，也为我们进一步改进和完善成果导向理论提供了借鉴。

二、中职《UI设计》课程现状分析

（一）《UI设计》课程简介

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计，包含PC应用界面设计，WEB页面界面设计，移动端APP小程序设计以及各种智能设备的软件界面设计［4］。本课程定位为中职课程，根据1+X界面设计职业技能等级标准（初级）的要求，我们可以看出，《UI设计》课程是联系美术基础、设计构成、版式设计、字体设计、PS及AI图形处理的综合类设计课程之一，这门课程也是学生进入企业，能否创作出符合市场实际需求作品的关键课程之一。

（二）课程教学现状

为了解《UI设计》课程的教学现状，通过对任课教师和学生进行访谈及问卷调查，查阅相关考核资料及督导评价，了解了在教学过程中所存在的问题。

通过文献法、访谈法、调查问卷法的调研，课题组发现以往的设计教学主要采用以教师课堂传授理论知识为基础，以教材案例为主、课堂技能实训为辅的教学方法，这样虽然可以在较短的时间里系统地传授知识。但是，不利于调动学生学习的积极性、主动性及创造性，存在教学实践与市场需求脱节的现象。而很多学者已经利用成果导向法进行课堂教学研究，从研究成果看，将成果导向理念应用到中职UI界面设计课程课堂教学中是切实可行的。

对学生发放的问卷显示，大部分学生大部分时间能积极参与课堂，积极的思考，参与探究，而不能参与的原因很大一部分在于学生对于学习的知识不理解，参与不了。以前总以为学生不参与是因为懒于思考，现在看来，大部分的学生情况不是这样的，不是不想参与，而是对于需要参与的知识不熟悉、不了解，感到无所适从，不知道从哪里参与，怎么参与。所以，教师以后在教学过程中，知识铺垫要到位，问题的设置要适当，既要调动学生的积极性，让学生在课堂参与中提高能力，又要让学生在参与中体验成功，从而激发学生学习的热情。

与教师访谈发现，大部分此专业课教师选择的教学书籍为学校统一订购的书籍。在上课期间，学生的学习状态也有待提高，学生上课精力不集中，使用电脑的过程中，自控力不好，玩游戏、看小说、刷短视频时有发生，教学讲授内容不能提高学生的学习兴趣。学生上课对所讲授的案例知识，掌握不够熟练，部分学生不能独立完成任务。

UI界面设计课程课堂教学亟待改革，具体不足有以下几点：1.教学目标设计不清晰。在课程实施过程中，教师教授的知识多以课本为原型，没有对授课内容进行相应的思考，不主动接触企业寻找企业真实案例，无法设立合理的教学目标或教学目标不清晰，不能满足企业工作实践需求。2.教学模式过于单一。在传统教学模式下，《UI设计》课程一般以案例讲解为主，而每节课程与每节课程一般情况下是没有联系的，教师讲解案例，学生完成案例，采用的是以教师为中心的灌输式教学模式。3.教学内容学生兴趣度不高。以往的《UI设计》教学，以教师为中心，教什么、怎么教都由教师说了算，学生只是被动地接受教师的安排来完成学习。所以，导致学生学习兴趣不高。4.教学设计松散，不成体系。传统教育的课程基本都有统一的教学内容、时间、方式等，教学严格遵循规定的进程，不能有丝毫改变。将知识结构切割成了一个个知识单元。每节课与每节课之间都相对独立，不同知识单元之间练习很少，从而导致教学设计松散，不成体系。

三、基于OBE理念的中职《UI设计》课程教学改革研究

（一）清楚聚焦，确定课程成果，明确教学目标

从其工作岗位的描述中可以看出，UI设计对人才的要求即是能设计出完整的移动端UI作品。基于此，在UI设计课程的教学改革中的第一步就是确定设计成果，我们可以将完整的UI作品作为成果来进行教学设计，方便学生学习。为此，学校教师将企业实际项目，让学生“真题真做”，培养学生“专”与“精”的设计能力［5］。

如课程体系模块5《锄禾学堂劳动教育APP界面设计》中，教师将设计劳动教育APP的企业真实案例引入课堂，清晰的定位课程成果为设计该APP启动图标、首页、其他页并进行交付，明确教学目标为完成该企业实战案例。

（二）改善教学模式，扩大学生成功机会

改变教师讲授和示范设计案例，学生根据教师演示进行练习的课堂教学模式，尝试让学生主动去探索并进行任务汇报与讲解，最后主动完成企业真实案例的线上线下混合教学模式。同时，利用线上线下混合教学模式来不间断提升学生的设计技能。教师在教学过程中，主要起到引导作用。教师根据企业项目制定一个主题，学生们进课前预讨论并完成作业、课堂上进行小组讨论、师生互动等等。教师在选题设计上，要重点把企业真实项目与学生思想实际、课程思政等有机结合来增强学生的自我价值认同感。

如课程体系模块5项目3首页高保真设计中，学生课前利用线上平台完成课前作业，教师进行相应的点评。课上利用小组合作探究的方法，让学生去研究该如何进行首页的banner的文字、色彩、构图设计，同时确定好本组作品后，进行小组展示，给每个小组展示自己的平台，小组自评、互评后，教师和企业教师点评，增强学生的设计自信心，提高学生的成功机会。

（三）传统制图软件替换成ADOBEXD软件，提高学生兴趣，鼓励学生学习

传统的教学中，基本上UI设计都是平面设计，很少有可以进行动画播放的实际效果，很多学生也不能理解什么是交互设计。为此，在教学过程中，利用ADOBEXD软件代替ADOBE Photoshop、ADOBE Illustrator等平面软件引入交互展示，则能以更直观的方式调动学生学习的积极性。

在Adobe XD中，通过原型，我们能够添加各种事件，各个事件之间的联系也可以完全自定义，这也就实现了动画画面的编辑自由，而且可以随时修改。作为一款针对UI领域的后起之秀，XD的更新也一直很稳定，使用方面也是免费，这就方便了学生群体的练习，再也不用使用盗版也可以持续获得最新版本更新。在不断更新中，XD的原生功能覆盖了大多数轻量化应用从原型、界面到动画上的一条龙操作。尤其是针对Windows用户，在没有Flinto、Framer、Principle的情况下，也可以快速做出可以操作和演示的交互动画，无需使用AE实现。

Adobe XD是集用户体验与界面设计为一体的设计平台，在这个软件上，用户不仅可以进行移动界面设计和网页设计还能进行原型制作。更高效准确的框架图、效果图到交互原型的转变也是Adobe XD的一大特色。通过XD软件，学生可以将自己想要完成的动态效果实现并进行调试，这样就可以提高学生的学习兴趣。同时，与后期程序开发人员也可以更加直观地进行交流。

（四）反向设计课程体系，开展教学活动

教师采取项目驱动式、互动式的教学方法，从课程内容出发，让学生了解课程的实践知识，进行自主探究式的学习，以结果为导向反向设计课程体系，使学生了解知识结构，获得自主学习能力与知识应用能力。

笔者以成果导向理论为支撑，将课程以成果形式呈现，面向新行业、新业态对接UI设计师岗位需求，健全德技并修育人机制。依据人才培养方案、课程标准、行业标准，依托《1+X界面设计职业技能等级标准（初级）》，分析计算机应用专业学生学情，以任务为驱动、项目为引领，对课程内容进行创新性系统设计，将课程内容按照“知—会—熟—创”重构为五个模块，分别为UI设计职业认知，Android手机医疗类APP界面设计，iOS手机旅游类APP界面设计，私厨美食APP界面设计，锄禾学堂劳动教育APP界面设计。将UI岗位需要的技能要求融入项目的学习中去，真正提高学生的设计创新能力。

四、课程的成效及应用情况

在《UI设计》课程的递进教学与实践过程中，笔者团队完成了校级《UI设计》教学资源库的建设并顺利通过了上级领导的验收，结果显示合格。笔者团队利用《UI设计》课程企业实际项目“锄禾学堂劳动教育APP界面设计”参加的全国职业院校教师教学能力比赛也取得了非常不错的成绩，获得沧州市一等奖一项，河北省二等奖一项。所教授学生在河北省平面设计比赛中也取得了二等奖一项，三等奖一项的优异成绩，真正将“以赛促教”“以赛促学”“以赛促思”落到实处。

五、结语

《UI设计》课程教学改革较好地解决了课堂教学与工作实践相脱节的问题，体现了教学成果与课程特色。利用UI课程改革带来的经验，团队还将继续优化其他设计类综合课程，完善教学目标，教学模式，确定学习成果，提高学生学习兴趣，扩大学生成功机会，使课程的教学和项目的实践实现更好衔接，为培养基础性设计类应用型人才不断探索与创新。