UI界面设计混合式课程建设实践

【摘 要】本文以UI界面设计课程为研究对象，探讨线上线下混合式课程的建设路径。针对产品设计专业学生的技能特点，区分线上线下的教学内容，更新和开发混合式教学内容，完善课程考核方式，提升教学效果，打造一门能给学生带来良好学习体验、提升学生自主学习动力的专业课程。

【关键词】界面设计;混合式教学;课程设计

【中图分类号】G642 【文献标识码】A  【文章编号】1671-8437（2021）16-0015-02

“UI界面设计”课程面向产品设计专业开设，是大三的专业方向课之一，课程内容较为丰富，主要介绍界面设计领域的发展现状、应用领域和趋势，意在让学生逐渐建立一个较为完整的知识框架，从视觉设计、用户研究和交互设计三个模块入手，循序渐进地学会简单的GUI设计、原型设计，体验一个完整的设计过程[1]。在线上线下结合的教学模式改革背景下，笔者对本课进行全新的课程设计，利用信息化手段和网络教学平台，构建线上学习内容和资源，更新线下教学内容，打造一门能够提升学生学习体验，培养学生主动学习意识与自主学习能力，激发学生学习兴趣的线上线下结合的“UI界面设计”课程。

1   “UI界面设计”混合式课程建设的基本思路与目标

1.1  完善教学内容，提升界面设计技能的教学效果

产品设计专业的“UI界面设计”课程涉及的教学内容较多，但该课程在现有培养方案下的课时不够，软件教学在本课程中所占的比例较大，依靠混合式课程中的线上教学、课程作业等环节，结合线下教学，能够保障软件操作类的单元完整、可重复性地传递给学生[2]。

1.2  教学手段多样化，提升学生学习动力

本课程的教学目标是让学生掌握整体界面设计的流程和技能，为用户提供良好的使用体验。课程的性质不是单纯的理论课或实践课，而是在课堂面授中纳入在线课程作业、微课、话题讨论、设计资源的分享等线上手段，丰富教学活动，营造互动顺畅的教学渠道。

1.3  培养学生主动学习的习惯和能力

设计类学科一直在更新、变化，设计师需要不断地学习、创新，才能与前沿科技、风格以及多样的用户需求相契合，主动学习、终身学习是设计师至关重要的品质。混合式线上线下的学习，能拓展课堂教学的空间和时间，而且能支持学生运用资源进行自主学习和个性化学习，课时不足的问题迎刃而解，学生能够利用其熟悉的网络资源和线上资源进行预习、复习，并详细记录学习

过程[3]。

2   “UI界面设计”的整体教学设计

2.1  针对不同类型的课程区分线上线下的教学内容

本课程主要有三种类型：设计理论课、软件操作课、项目教学课。这三种类型在线上线下的教学中，所要开展的教学活动和要使用的学习资源都是不同的（见表1）。以设计理论课为例，这部分包括UI设计概念、UI设计流程、设计规范等知识讲解，在课前主要通过线上进行相关材料的阅读，在课中，也就是线下，进行知识讲授和启发，课后，教师在线上引导学生进行话题讨论和答疑。

2.2  单元设计与知识点梳理

知识点的学习大部分通过课前在网络平台预习、课堂线下讲解、课后网络平台拓展等方式完成，少部分由学生线上自主学习完成。线上自主学习的部分包括第3单元“GUI设计”中的“写实图形图标设计”“OS X风格控制面板设计”和“界面元素2：图标设计”三部分（如图1）。由于大三学生已经在前两年的课程中学习了基本平面设计软件的操作，加上“界面元素1：插件设计制作”和“Web：网站登录界面设计”的线上线下教学，不同学习进度和接受程度的学生都能够很好地掌握软件操作。

2.3  考核评价

在本校的考核要求下，本课程的考核标准是：总成绩=形成性评价（线上线下学习情况）20%+总结性评价80%。形成性评价中，线上部分占到一半，即总成绩的10%，其中包括线上浏览教学资源次数20%，浏览教学材料时长50%，课程话题讨论30%。总结性评价主要包括阶段考核（作品类大作业）50%，期末考核（作品类大作业）50%。

3   组织实施情况及成效

本课程在课前和课后分别进行了“UI设计认知自测”和“线上线下混合式教学课程改革效果问卷”，通过前后数据对比了解学生的学习情况。在课前的调研中，“你是否浏览过UI设计相关网站？”这一问题的结果表明，本校受调研学生利用网络自主学习的习惯较差。“是否有志从事UI设计师等相关互联网工作？”这道题的结果表明，大部分学生在职业选择、学习动力上没有非常明确的目标，只有20%的学生明确自己有志从事设计类的工作。如表2所示。

在課程结课后，笔者邀请学生参与“线上线下混合式教学课程改革效果问卷”，由问题“你对网络平台教学是如何看待的”可以看出，大部分学生将线上部分作为课堂部分的补充，大多数情况是用来“检索课程内自己感兴趣的内容”，有28%的学生对参与线上学习较为积极主动。超过60%的学生认为网络教学相较于传统教学模式，拓展了教学的时间和空间。

在问题“混合式教学模式，是否提升自主学习的动力？”中，有60%的学生是正向的反馈，认为“动力提升较为明显”“能激发一点效果，作用不明显”。有31%的学生认为效果很难评估，整体上学生的评价结果较为乐观（如表3）。

4   反思与改进

4.1  课程课时少、内容多，学习难度较大

在目前压缩课时的改革方向下，课堂教学任务较重，再加上艺术设计类的课程作业以项目作品类的大作业为主，工作量不小，课后延长了学生线上学习的时间，在某种程度上增加了课业量。如何在现有课时量下释放学生线上学习的压力和缓解学生的畏难情绪，让学生更好地参与课堂是下一阶段的研究重点。

4.2  线上资源有限，应提供多通道、多角度的专业学习资源

针对问卷中“为何很少使用网络平台？”这一问题，有28.57%的学生选择“课程网站资源不够丰富，不如其他专业网站”，28.57%的学生选择“课程网站中学习活动不够丰富”。艺术设计尤其需要广泛的调研和查阅最前沿的设计案例和图片资料，因此，教师应以网络教学平台为入口，与互联网设计资源连接、打通，为学生提供适合设计学科的学习资源。

【参考文献】

[1]谭维，贡琰.“互联网+”背景下UI界面设计教学探索与课程实践[J].装饰，2020（2）.

[2]许琛.UI界面设计在视觉传达设计专业教学中的应用研究[J].科教导刊（上旬刊），2016（34）.

[3]申剑飞.浅谈UI界面设计课程教学中的中国元素应用[J].艺术品鉴，2016（11）.

【作者简介】

孙小凡（1988～），女，汉族，山东淄博人，硕士研究生，讲师。研究方向：产品设计。