基于混合式教学背景下高职电子商务人才培养模式创新与研究——以《UI 界面设计》课程为例

匡栩葭 杨江浩（益阳职业技术学院）

■整体教学设计

（一）教学模块剖析

《UI 界面设计》为移动商务专业的专业核心课程。通过本课程的学习，能够了解UI 设计理念、掌握UI 设计操作和强化移动商务能力，同时能够在一定程度上满足软件UI 设计师工作岗位需求。

针对本课程以往在教学过程中出现的体系混乱、无重点和重理论轻操作等缺陷，结合学院的相关要求和企业就业要求，对原有的内容进行了重组和提升，将《UI 界面设计》课程划分成了三大项目、六大模块，共计68 个课时。

三大项目：

（1）移动UI 界面设计（16 课时）。

（2）Web UI 界面设计（22 课时）。

（3）游戏UI 界面设计（30 课时）。

每个项目分别都包含六大模块：

（1）图标设计。

（2）色彩搭配。

（3）界面布局设计。

（4）界面设计。

（5）切片与标注。

（6）app 界面实践。

（二）学情和课程背景分析

本课程适用于大专二年级的学生，对移动商务的基础概念有了较为深刻的理解，同时，已经掌握了相关的PS 操作基础和AI设计能力，本课程便是以此为基础，进一步有针对性地提升其动手实践能力。

课程背景：UI 界面设计是移动商务人才必不可少的技能，同时也是当前企业招聘中的热门岗位，上升渠道通畅。当前，移动端、web 端和游戏端是UI 界面设计的三大重要领域，本课程也以此三大项目作为框架支撑。

（三）教学目标

依据学院发布的专业人才培养方案和课程标准，我们教研团队确立了知识目标、能力目标和情感目标。

知识目标：需要掌握移动端、web 端和游戏的界面设计理念、色彩搭配、布局设计、界面设计和切片与标注等基本的知识。

能力目标：能有效地处理和分析三大界面的UI 设计理念，并能通过小组协作的方式进行UI 界面设计。

情感目标：提升学生对专业的认可度和自信心，同时，将课程思政的内容融入到教学体系中，实现思政教育与课程的统一。

■教学实施过程设计

本课程围绕三大项目进行界面设计实践内容讲授，共计68学时。在课程设计中实现学生自学、教师助学和企业评学三位一体，并创新模块化“3 阶梯、6 模块，多任务”教学模式，取得了良好教学效果。

（一）三位一体，共创共赢

三位一体即学生自学、教师助学、企业评学三位一体。

学生自学，对于授课任务中，针对通过学生自学就能掌握的相关知识，采用翻转课堂的方式，让学生实现课前自学。本次的课程将采用云课堂-智慧职教APP 实现教学资源课前上传，教学资源包括微课堂、网络视频和课程自学讲义等资源。教师课前便安排学生进行自学。学生通过云课堂-智慧职教APP 自学的相关结果将全程反馈到教师的APP 手机端上。教师实时掌握课前学习情况。

教师助学，打破以往以教师为主导，学生为辅导传统教育模式。在本次的教学实施中，将实现以学生为主导，老师为辅的新的教育模式。教师主要扮演的角色为助学，促进学生的自我能动性，增强学生在课堂中的主体地位。对于相对较为复杂的设计理念、设计思路等内容，教师引导教育的方式，在课中实现教师助学。

企业评学，本系部属学院中的传统强势学科，经过多年的发展，已经积累了丰厚的企业资源。本次教学实施将对接系部优秀的企业资源，将企业导师纳入到教学体系中，将企业资源导入到课程学习中，实现企业评学。对学生的评价不再以传统的期末成绩等传统的评选体系，教学评价将企业标准纳入到教学实施过程中，让学生即使在校园中也能够以企业的标准严格要求自己。

（二）6 模块、3 阶梯和多任务

开创 “6 模块、3 阶梯、多任务”的模块制混合式教学模式。

6 模块即梳理教学内容，实现模块化教学。6 个模块分别为图标设计、色彩搭配、界面布局设计、界面设计、切片与标注、app 界面实践。《UI 界面设计》课程的内容十分广泛，体系也十分复杂，不仅是一个纯粹的操作实践课程，同样也需要学生具有一定的艺术基础。教研团队根据系部学生的情况和教学的特色，在众多的教材之中，提炼出了6 个模块。6 个模块摆脱了以往传统教学中从复杂的概念出发，教研团队选择了直奔主题，选择将图标设计作为教学的第1 个模块。6 个教学模块都十分注重实践动手能力，以设计能力作为6 个模块的基础，从图标、色彩、布局、切片与标注，最后到实践环节，层层相扣。

3 阶梯即每一模块包含3 个阶梯。三个阶梯是建立在每个模块细化基础之上，也是建立在传统理念教学里“学前”“学中”“学后”的基础之上。

第一阶梯为“学前”，体现为自我学习能力的提升。通过学前线上学生自学，激发学习兴趣，教师同时可以在线耐心指导，解疑答惑，促进学生专业的技能核心能力。通过学生自学实现自我跨越，掌握基础操作，实现课堂入门教学。

第二阶梯为“学中”，体现为自我实践能力的提升。以“线上线下结合”“课内课外交叉”教学理念进行教学设计，完成第二个阶梯的上升。线上平台采用云课堂-智慧职教APP，通过此APP 实现到勤打卡、课前自学、课中提问、头脑风暴和课后评学等多种信息化教学手段。线下则采用真实的园区环境，将教室搬到产业园，能够最大限度地贴近企业环境。“课内课外交叉”体现为任务式教学方式，不拘泥于课本知识，将课外企业的优秀案例导入到课程实施过程中。

第三阶梯为“学后”，体现为自我反思能力的提升。通过企业对接，完成企业评学，对作品进行评价反馈，经过修改，最终成为成熟的项目作品。学生从第一阶梯的自学，到第二阶梯中的实践能力的提升，到最后第三阶梯的结果呈现和反思，学生的能力实现了阶梯式的上升。采用阶梯式理论，其重点主要有两个。其一，强调随着教学进程的上升，学生的能力的上升，打破了以往将教学实施过程按照时间来进行划分的平行划分方式。其二，强调每一个阶梯都是对学生自身能力的一个定位。

多任务即每一个模块都将包含多个形式多样、手段创新的教学任务，将任务进行难易程度的划分，并在每堂课将做好任务清单。多任务是对每个模块下的内容进行细分，同时，模块式教学与任务式教学的配合，使整个教学实施贴近企业环境，模拟企业运行。任务的数量会根据模块内容的复杂性而不同。

六模块、三阶梯、多任务，三者相互交织，共同支撑整个《UI界面设计》的框架体系。从教学内容上，六模块保证了教学内容能实现有针对性的模块化教学；从教学目标上，三阶梯保证了从知识目标、能力目标和素质目标的完成。从教学方式上，多任务保证了多样化的教学方式。最终，学生实现了6 个模块的学习、3 个阶梯的跨越和多任务的完成。

（三）园区教学、企业项目

本着将专业办到园区的理念，让学生更加贴近真实的企业环境，教学团队利用系部资源的天然优势，将移动商务班移到了电商产业园区。楼上楼下都是企业，最大限度地模拟出真实的企业环境，实现园区教学。同时，对接企业真实的项目，同园区的各大企业都实现了紧密的合作。在园区进行教学，将最大限度地实现课内课外的有机结合。同时，本次的模块化教学并没有指定唯一的教材。教研团队根据模块的内容和特色，为每一个模块寻找最合适的教材和教学资源。同时，有效利用园区的企业的资源，走出课文，贴近实战，引入大量最新企业UI 设计案例，让学生体验到最新的UI 设计前沿设计理念。

（四）课程思政，润物无声

充分挖掘移动端的信息技术使用，通过学习强国等APP 作为案例，引导学生关注正能量作品；在课程资源中引入文明小标语等方式融入课程思政元素，隐形提升学生思想政治素质，潜移默化引导学生树立正确价值观。

■教学实施成效及反思

针对此次教学实施过程中采用的一些新的教学手段和方法，学生的认可程度高，接受能力强，特别是通过课内课外相结合，线上与线下相匹配等方法，使学生在知识目标和能力目标以及情感目标上都取得了很大的成效，整个教学环境更加贴近实践，贴近企业，学生也迅速适应了新的教学实施方法。但学生在企业评学中，发现其动手操作实践能力还距离企业的目标有一些差距。同时由于是模块化教学和任务式教学，非常易于进行量化统计，每个学生能否掌握相关知识点都能十分清晰地统计出来。在今后的教学实施过程中，要针对学生的个性化发展，进一步深化改革教学。