高职院校精品在线开放课程的建设与应用——以《UI界面设计》课程为例

吴银婷，张倩文

（惠州经济职业技术学院，广东 惠州 516057）

0 引言

近几年来教育部印发了《教育部关于加强高等学校在线开发课程建设应用与管理的意见》和《教育部办公厅关于开展2017年国家精品在线开放课程认定工作的通知》等一系列关于精品课程的通知，推进了各高校精品开放课程的建设。尤其2020年疫情的特殊性，线上学习和混合教学等互联网式教育成为了学校乃至大众的首要选择，其必要性也将精品课程的建设推动向前，重要性可见一斑。《UI界面设计》课程是本校软件专业核心专业课，以学生为本，行业为范，本教师团队开展了本课程的精品在线开发，并成为学院立项的精品在线开放课程之一，目前已经完成课程建设并运用于实际教学中。依托精品课程采用的线上线下的混合模式教学，从教学效果、考评结果及思政建设来看，比往届更优异，学生反馈教学内容充实、有趣实用、拓展丰富。本文将以《UI界面设计》课程的建设实践为例，对高职院校在线开发课程的实践应用进行探究与思考。

1 《UI界面设计》精品在线开放课程的建设目标和平台

本课程的建设目标是结合行业发展，以软件专业学生就业为导向，学习软件设计与美学设计相结合的专业知识，作为UI设计师服务于科技公司的技术岗位。学生时刻具有严谨认真的工作态度，应具有良好职业道德和敬业精神、团队协作精神，牢记为人民服务的使命。

目前课程建设使用学校购买的得实网络教学平台，构建课程师资水平较高，教学材料完整，包括教材、教案、课件、微课、习题、拓展资料等，基本已经放在平台供学生老师使用，每隔一段时间会在教学知识点中添加新的或替换合适的教学资源以供日新月异的设计变化。学生通过平台中交流、协作、作业、总结、评价等多元活动多方面了解就业岗位中所需所想所问，构建自身知识结构，提高自身综合素质。

2 《UI界面设计》精品在线开放课程的内容建设

本课程的内容以UI移动应用APP项目案例为主线，融合行业岗位职业要求讲授原型设计、各种组件及图标等设计方法，并灵活运用设计方法理念来设计相关APP界面；以主流网站界面项目案例为辅线，设计符合不同类型的网站界面[1-2]。课程中主要通过工作项目为导向，设计符合行业及主流发展的项目作品。

2.1 基本建设内容

资源内容包括课程标准、教学进度、教案、课件、实训、微课、习题、任务、评价、拓展资源等教学活动资源[3]。

该门课程理论实操相统一，结合UI界面的工作开发流程，并根据项目划分五个大模块进行任务分发，任务类型多样，涉及面广，学生完成各阶段任务后习得相应技术技能。

（1）UI产品需求。从UI产品需求出发，撰写APP产品需求文档（PRD），学习使用思维导图绘制软件功能结构图、信息结构图。

（2）UI原型设计。根据需求，进行UI原型设计，学习使用Axure或Mockplus等原型软件设计UI原型作品，使客户能明确APP的具体功能及构图。

（3）UI图标设计。根据主题及配色方案，使用Adobe illustrator或Photoshop软件设计界面中所需的各种类型的图标，包括应用图标和功能图标（工具栏、标签栏、金刚区、栏目及模块等不同系列图标）。

（4）UI界面设计。通过UI界面的分类及组件构成，使用图标和相应图片等元素集合成完整的UI界面（闪屏页、引导页、注册登录页、主页、菜单、各个标签页等不同类型界面）。

（5）UI输出规范。最终使用Pxcook等切图标注软件对界面进行输出，为开发人员输出需要的各倍率的切图和界面标注图。

理论教学以PPT课件+微课视频形式传授知识，课件图文并茂、内容详略得当，微课控制在10分钟以内，学生能根据自身学习状态反复或跳跃学习。实操教学以实训指导书+实训微课视频形式为主，拓展资源为辅，将学生置身于真实的操作环境中，通过引导身份转换，使之全程参与到课程教学的每一个环节[4-5]。课程中还添加多个互动交流板块，如在线答疑、交流论坛、班级讨论、课程评价等，大大增加了教学互动及评价效率，提升学生自主学习能力。

2.2 具体教学实施

以功能图标的设计为例进行具体的教学实施。绘制界面中各种功能图标是作为UI设计师的必备能力，通过实训，使学生能根据主题及配色方案设计不同类型的图标，符合软件需求，还能在实践中注入工匠精神、敬业精神和团队协作精神。

课前，学生学习平台的导入课内容，对多个真实案例中的标签栏图标案例观看、分析，查看相应的图标含义说明及制作步骤后，团队协作完成手绘标签栏图标并提交。课中，教师通过PPT辅助精炼讲述功能图标的类型及图形表达，通过用户体验及美学设计案例提升学生对图标的表达，并提出绘制图标的重点难点及小组课前任务的优缺；学生根据教师评价反馈，对课前任务进行修改并进行对比评价活动环节。课后，学生继续修改并尝试通过软件进行绘制图标，如有疑问还可以在平台上本节课的交流活动板块上提出。

2.3 拓展资源建设

UI界面设计师是近年来热门的就业岗位，课堂中应让学生了解更多相关的行业知识以应对就业。得实教学平台添加了MOOC中国大学慕课、网易云课堂等网络学习平台UI相关课程列表，让学生学习不同教师及具有丰富行业经验的UI专业人员的业务知识，能根据行业的需求修正职业方向；参考学习优秀的UI案例如站酷网、UI中国、优设网等专业的UI网站案例，激励学习并提高学习兴趣。

课程组还将大力建设网络资源库、在线试题库等内容，通过制作微课、场景视频、短视频等拓展资源为更多学习者提供线上服务。

3 高职精品在线开放课程建设和应用的思考

3.1 精品在线开放课程的建设要重视碎片化自主学习

碎片化学习是在线开放课程教学的重要特点。碎片化学习给学习者提供了个性化学习的便利，但大量的碎片化堆积的信息是无法称之为知识，作为知识本身而言，它必须是结构化的信息，更需关注内在的关联。我们在课程中需要通过构建完善的内容导航来进行整体化的关联，所以，精品开放课程需要建立完善的学习导航系统，加强知识之间的联系，从而完整地呈现课程内容。UI界面设计属于“软件+设计”相融合的课程，从软件需求到界面最终设计的多个知识模块是可以相互独立，如何让学生能高质量从层次化的知识结构复原到完整的知识体系是本课程建设的重点。为此，我们团队以学生为中心建立多维导航的教学设计过程，引导学生自主学习。其中将每个知识模块按照“必需、够用”原则提炼碎片化的教学内容；设立导学微课，强调模块之间的联系；根据上模块发布下模块的任务，保证任务之间有关联，而多任务组合成一个完整项目；通过同步习题训练，尽可能使学生回忆联系过往学习内容，与新知识形成关联。

3.2 精品在线开放课程的建设要关注不同层次学生的需求

在课程建设中，由于高职院校不同层次学生的学习注意力及自主学习能力不同，所以对重点内容和拓展内容的选择上要合理挑选，对基础不稳的学生加强重点内容的授课，为想要继续提高的学生提供更丰富的拓展内容，以满足不同学生不同目的的学习需求。此外，专业群中不同专业下同一门课程会有一定的专业偏向，故需要团队授课教师明确本课程面向的专业对象、课程定位、教学目标，关联本专业的课程知识，不脱离专业范围，加强专业课程之间的联系，扩大专业知识面。因此，要注意差异化发展，深入挖掘课程的特色及与其他专业课程之间的关联，突出特色，满足不同专业学生的实际需求。

3.3 精品在线开放课程的建设要注重课程思政的建设

思想政治工作是学习各项工作的生命线，我们教师要将立德树人深植于课堂，把思想政治教育元素融入到各门课程中去，潜移默化地对学生的思想意识、行为举止产生影响。

在《UI界面设计》课程中可以从知识点中发掘思政元素，如分析国产APP软件需求时，激发学生的爱国主义热情、民族自豪感和使命感；引入节能智能家居产品APP界面设计任务时，提倡勤俭节约节能、反对铺张浪费。还可以从项目整体任务中发掘思政元素，如团队共同完成任务时，强调团队协作精神和具有严谨认真的工作态度及工匠精神；如在评价任务时，教育学生不抄袭不拖延建立良好职业道德。还发布各类优秀的设计作品和文献，将创新精神渗透到专业教学中。通过润物无声地将育人元素融入专业课堂教学，不仅能提高学生专业能力，还能切实提升立德树人的成效。

4 结语

通过建设《UI界面设计》精品在线开放课程，有效推进专业群建设及资源共享，是提高教学质量的有效手段，因此，高职院校要积极探索本校精品在线开放课程的建设方法与实践应用，助力提升学校教学质量及学生质量。