慕课在高职“UI 设计”课程中的应用

卢琳琳

0 引言

在教育改革背景下，广大教师纷纷开始探索新的教学模式，“慕课”作为一种特色教学方式应运而生，受到师生的一致喜爱。通过大规模开放在线课程为人们提供广阔的网络学习平台，将其应用到高职“UI 设计”教学中，可有效激发学生的学习欲望，促进优质资源共享，使教学效率和质量得到全面提升。

1 “U I 设计”课程现状

在当前高职计算机专业教学体系中，“UI 设计”属于基础性课程，具有较强的技术性与操作性特点，通常设置在大一下学期，它要求学生掌握PS 软件的基本用法，可利用该软件对用户界面、Web 页面与移动客户端进行设计，教学内容不但包括理论讲解，实践演练也十分重要，需要教师上机演示操作。在教学过程中应采取项目案例的方式，由整体到局部，将案例中的操作划分为多个部分进行分化学习。例如，怎样改变图像大小和方向、怎样创建不同区域、怎样选取色彩等等。在掌握基础PS 技术后，再对案例内容进行细化和深化，如图层样式叠加后改变效果、调整滤镜效果等等，这些实践又需要相应的理论作支撑。但是，该门课程主要面向大一学生，每个学生的计算机水平不尽相同，对软件的掌握程度也参差不齐。在以往的教学模式下，教师先对学生进行理论讲解，再开展实践演练，所需的课时大大超出教学计划规定，教师为了赶进度便会缩短实训时间，导致教学效果受到不良影响。对此，可将慕课引入其中，采用线上线下综合教学模式，有效弥补传统教学弊端，使教学效果得到显著提升[1]。

2 高职“U I 设计”课程中的慕课教学措施

2.1 慕课视频设计

在以往教学中教师常常会开门见山，但在慕课模式下教师可对课程内容进行重构，以小而精的视频形成优质的教学资源，以此提高“UI 设计”教学效果。在实际教学中，教师可结合教学内容引入典型案例，由表及里、循序渐进的将知识点渗透到案例项目中，使学生更易抓住重点，并亲身参与实践操作。在正式教学之前，教师可将重难点汇集成5—10 分钟的视频，要求学生课前预习。例如，在学习“按钮制作”知识时，教师便可将该课程的重点内容——图层样式、选区工具等纳入课件之中，制作视频范例，一边操作一边讲解工具的应用方法，如采用“套索”“魔棒”等创建不同选区。学生在观看视频的同时便会对即将要学的知识有所了解，还可根据自身掌握情况进行暂停、重播、快进等等，便于更加深入的理解知识，疑难之处可标记出来与教师在课上进行探讨。在教学完毕后，教师还可将课后训练上传到慕课平台，为学生课后复习和知识消化提供帮助。

2.2 网络资源应用

当前，慕课在“UI 设计”教学中的应用主要是将重难点以微视频的形式传递到线上，为学生课前预习和课后复习提供便利，克服以往只看不练、学过就忘的不良现象。在教学全过程中，视频内容选择和制作属于核心所在，如何制作出优质的教学课件、以小而精的视频模式展示教学重点值得深思。对此，在慕课平台选择时可结合学生的行为习惯。当前学生们经常使用手机，微信已经成为人际交往的重要工具，教师可采用微信平台开展慕课教学，这样便可打破时间与地域上的限制，学生可随时随地拿出手机进行学习。值得一提的是，学生无需额外下载其他APP 便可获取知识，受到广大学生的一致欢迎。首先，教师可在腾讯网上申请注册UI 设计的相关公众号，然后将录制好的视频传递到微信平台上。待准备工作完成后，便可将该平台推广给学生，要求学生关注微信号后学习相关内容，还可设置一些积分奖励等，学生通过自主练习、回答问题、参与讨论等方式获得积分。教师通过查看学生积分数量检查其平台使用情况，还可借助大数据获取学生资料下载率等等，进而得出哪些内容最受学生喜爱，哪些内容无人问津，学生学习普遍的重难点在何处等等，并以此为依据对教学进度、教学内容进行调整优化[2]。

2.3 非视频资源设计

在慕课教学中，资源普遍通过视频的形式展示出来并推广，但一些非视频资源也不应受到轻视，如课堂练习、小组讨论等等。在“UI 设计”教学中，虽然更侧重于实践操作，但理论知识同样不容小觑，例如，在抠图操作中可选的工具较多，不但可用“选区”，也可用“蒙版”，还可用“钢笔”来完成，应结合实际情况选择最为方便的工具。对此，可组织学生针对案例进行讨论，选出最为便捷高效的工具，以此加深对各项工具功能的理解。在“UI 设计”中，页面布局模式众多，可通过浏览优秀APP 页面的方式，掌握界面设计与制作的精妙之处。由此可见，教师应重视非视频资源设计与应用，充分发挥理论资源的作用与优势，对视频资源做好补充和完善。

3 慕课背景下高职“U I 设计”课程教学案例

3.1 教学目标

本文以智能手机用户界面设计为例，将教学总目标细分后，包括三项子目标，一是知识目标，掌握界面设计技巧、框架特性以及新界面设计方法；了解移动手机操作系统界面设计的相关规范；二是技能目标，掌握并熟练应用PS 等软件进行界面设计；三是素质目标，通过参与教学活动不但提高学生技能水平，还使其团队意识、合作能力、创新能力得到培养，引导其树立严谨的工作态度，提高审美水平。

3.2 教学内容

在APP 产品设计之前应对界面设计有充分的了解，并灵活运用相关技术进行设计。为了满足当前用户的使用需求，用户界面还应具备样式美观大方、功能全面清晰、简约实用等特点。因此，在教学内容设置方面，主要分为界面设计基础、结构、图标设计等内容，由浅入深的进行教学。

3.3 教学过程

该门课程一般在第二至第四学期开设，学生通过先前学习已经掌握一定的平台设计知识与软件应用能力。在教学中将慕课引入其中，分为课前、课中与课后三个阶段进行教学，具体过程如下：

（1）课前预习

教师将教学重难点知识制作成微视频，借助微信平台开展慕课教学，将微视频课件上传到微信号中，由学生自行下载学习，可帮助其精准掌握重点知识，课前预习也能够有的放矢的开展。

（2）课中教学

在正式上课后，教师通过多媒体大屏幕为学生播放5—10分钟的慕课视频，引导学生突破重难点，通过学习发现疑点。同时，教师还可将案例分析法引入其中，通过慕课平台进行实际演练，提高学生的学习热情与实践动手能力。在案例选择方面，可引入当前热门的手机投屏技术，如当前流行的抖音短视频APP，教师可将手机页面投屏到大屏幕，对手机中的热门应用进行直观的讲解，起到示范、借鉴与引导的作用。再如，在绘制图形时，如何才能在保障尺寸的同时提高绘图速度；如何在保留样式图层轮廓的基础上，使图标内容镂空等等，还可将学生划分多个小组，通过合作学习、交流讨论等方式探寻问题的解决方法，并每组派出一名组长汇报本组的探究结构，开展竞赛PK等，以此激发学生的参与热情[3]。

（3）课后训练与考核

教师根据教学内容精心制作课后练习题，并传送到慕课平台上，学生可在课下自行下载练习。为了提高慕课教学效果，在慕课教学完毕后还应进行评价考核。其中，在线学习占35%，慕课网站根据事先制定的学习目标与内容，对学生的每项学习过程进行记录，以在线学习与答题、参与讨论频率、讨论区发言质量等对学生的态度和积极性进行评定。以慕课平台为基础构建相关模型，自动产生该项分支，督促学生认真高效的完成课前预习与课后练习；课堂表现占25%，包括课后训练参与度、案例任务完成进度等等，检验学生线上学习成果，并以此为依据调整线下学习活动安排；项目实战占40%。以项目组为单位，对学生团队精神、主观能动性、创新意识等进行考核，注重学生协作能力与实践技能的培养。通过多角度的考核评估，使学生获得全面发展。

3.4 教学效果

在“UI 设计”教学中采用慕课教学法，与传统教学模式相比效果更加理想。学生课前通过观看微视频可对教学内容有基本的了解，在课堂练习与提问中可使知识点领悟更加透彻，学习欲望也得到激发；在课后练习时，通过慕课平台可提高复习效率，促进学生之间、师生之间的交流，使所学知识及时得到练习与巩固。教师在课前做好微视频与练习作业的制作，课中减少操作演示、理论讲解等时间，可将更多时间投入到重难点突破、答疑解惑方面，使教与学效率得到全面提升。在课后借助慕课平台进行练习，有助于增进师生间的交流，教师可针对学生的疑惑之处进行重点讲解与指导[4]。

4 结论

综上所述，针对当前“UI 设计”教学中存在的不足，将慕课教学模式引入其中可得到有效弥补和完善。对此，在实际教学中教师应积极转变思维与方法，充分发挥网络资源与非视频资源的作用，结合教学内容与学生特点，精心制作教学微视频，以学生喜闻乐见的方式激发其学习兴趣，以此提高整体教学质量，促进教育改革目标的高效落实。