2024年4月8日发(作者：大富翁4中文版单机版)

腾讯云“1+X界面设计”课程教案设计

与研究

摘要：新媒体和虚拟现实的快速发展，“1+X界面设计”证书的推出，使原

有的课程内容进行了创新与改革，本文通过对于课程教案设计与研究，为学生综

合素养的提高与专业能力的提升开辟了新的通道。

随着新媒体技术的快速发展，界面设计课程应用范围越来越广泛，“1+X”

界面设计证书的推出，也为界面设计课程内容指明了方向。在设计课程标准与教

学方案的过程中，“1+X界面证书”考核内容要有针对性的结合，企业发展人才

需求与新规范要紧密融合，原有的课程设计内容要创新与改革，使得界面设计人

才的培养更有前瞻性，指导性。

一、腾讯云“”1+X“”界面设计考试内涵

腾讯云界面设计证书对应的工作岗位是互联网和软件企业界面设计师（UI设

计师），主要从事互联网网站、移动应用APP、微信小程序等软件的原型设计、

界面设计等工作。证书分为初、中、高三个级别，为了夯实界面设计课程培养能

力，在高职院校学生中进行界面设计技能的能力等级考试是学生入职互联网行业

的敲门砖，同时对于学生个人职业生涯发展所需要的综合能力明确指导方向，该

证书为高职院校开展产教融合，课程融通等方面的教学改革奠定了积极的意义。

对于“新媒体”、“融媒体”方向的人才培养内涵，对学生的理论知识、职业技

能水平和设计专业素养是一次全面的考核。

二、高职界面设计课程教学设计状况

高职界面设计课程，主要岗位是培养UI设计师应该具备的能力，能够根据

产品原型进行具体效果图设计，视觉设计（包括主次界面风格化，版面布局细节

处理等）的能力，能够熟悉品牌文化与产品特性，具备丰富的平面设计和广告创

意能力，具备良好的沟通协作及抗压等能力。现阶段，在界面设计课程内容的讲

解上更倾向基础内容的讲解，色彩的运用、文字、图标的使用，排版设计，缺乏

对于课程体系整体融合能力。由于教程的相对滞后性， UI新的规范与交互方式

的改变，学生毕业之后需要经过一段时间的适应期才能成为中坚力量，不利于学

生的职业发展，创新能力的培养。在学生的期末考核方式上也是比较片面，比较

注重最终效果的呈现，创新设计能力关注不多，更多的是培养学生的模仿能力，

抄袭是经常存在的的现象之一，这样就无法逐步培养学生设计能力与逻辑思维能

力。另外一方面教师的实践技能与专业素养的缺乏也是限制了学生UI设计的能

力的提升。UI设计师伴随着移动互联网络的发展而产生的，UI界面设计师教师

虽然具备一定的理论知识与教学能力，但由于缺乏企业的实践工作经验，对于UI

设计的规范流程，行业标准与实践操作能力欠缺，这种情况下也影响着学生的培

养水平。

三、“1+X”界面设计证书背景下，高职界面设计课程教学方案设计策略

借助“1+X界面设计证书”工作，企业合作方为 UI设计开展项目式教学提

供了充分的、真实的企业开发素材与案例库。案例都是当下UI领域的前沿技术

的体现,学生掌握UI的最新技术,使课堂教学真正与社会人才市场需求接轨,培养

出真正的专业型技术人才。课程采取项目化教学，教师根据学生学习特点及知识

储备情况，针对性的选择案例库中某一项目(例如一个APP、网站或软件设计)，

用项目将课程主要内容串联起来，以典型案例引领，提高学生学习兴趣，强调业

务流程，交互逻辑思维，原型设计。学生从一个个的小项目出发，最终形成一个

完整的UI设计项目。典型工作任务如下：1、绘制矢量图标2、交互式设计3、

PC端界面设计4、移动端界面设计5、APP设计。为了更好地将考试内容与考核

方法融入到常规教学，提升学生职业资格证书的通过率，我们以某一原型设计任

务为例来完成教学方案设计。

课程基本信息如下：

任务名称：登录页签切换效果

【知识目标】

1.掌握动态面板的含义与动态面板的使用方法；

2.掌握动态面板的常用功能；

3.学会利用动态面板制作淘宝登录页签的切换效果；

4.了解原型设计的思维；

【能力目标】

培养学生原型设计的能力与技巧；

【方法素质目标】培养学生善于观察、自主思考、独立分析问题的能力；

【思政目标】分析问题的能力，逻辑思维的能力，解决问题的能力；

【教学重难点及解决方法】

重点内容：

能够利用动态面板元件制作登录页签切换效果

掌握“1+X界面设计”原型设计理论知识

难点：了解原型设计的思维

解决方法：

1.教师通过网页中登录页签效果体验分享将理论知识融入课程中，让学生理

解设置动态面板交互的必要性；

2.结合案例，通过小组讨论，分析如何设计满意的交互效果；

3.老师补充讲解，明确相关规定与标准；

4.课堂上运用所学、所看、所知、所会，将新知识运用于实际项目中，实现

课内学习、消化、应用，解决教学重点、难点，达成教学目标。

教学活动

阶

段

教教师活动

动

学生活方法

手段

设计理念

学环节

1.推送课前预

习任务单：在网络

平台完成本次课程

的预习视频并完成

课

职

前

场探求

导

学

（

课外）

相关题目；

2.在线平台上

发布投票，了解学

生学情。

领取本

次课前任

务，通过平

台自主预

习。

以学

生为主

体，将学

习的决定

权从教师

转移给学

生；

利用

线上平台

进行数据

查询，以

及课前学

情分析。

1.从实际

生活应用网站

引入课程内

容，激发学生

学习兴趣。

2.通过课

前导学视频及

题目，探知学

生对本知识点

的认知程度与

实践能力。

通过投票情

况，分析学生对本

次课程知识点的认

课

温

知与实践能力，引

中

故知新

入课程内容。

探

任

究

务导入

通过讲解网页

中的用户体验内容

来了解如何设置用

认真听

讲，确定本

次课程内容

与目标；

情景

教学:

网页

设计项目

为载体，

身临其

总结课前

学习与思考；

学生具有

爱国情怀和自

豪感，追求幸

福乐观人生态

度；

认真听

讲，参与讨

境；启发

式教学

户体验界面以及用

户体验原则，从而

设计生动丰富的动

态效果

论与互动；

以淘宝登录页

案

面为例，引入课程

例引入

内容

引

发兴趣

演示运行效果

认真听

讲，思考网

页界面在执

行的时候有

哪些规律

利用

课程网络

平台在线

上测试、

监控学习

理论联系

实际，增加共

鸣，激发学习

兴趣，明确原

理、归纳其特

征与各自优缺

点；

启

按照课前资料抢答、

互动、记

录；

效果并实

现在线评

价。

投

屏：

解决教学

重点：动态效

果实现方法的

组成。

发提问

和浏览视频学习获

课

中

探

究

成

学生课前自学

得，描述动态效果

引

实现的基本原则

导互动

分享、

倾听、讨

论、补充回

答

实施

课上教学

互动，为

突破教学

难点提供

训练途

培养学生

善于观察、自

主思考、独立

分析问题的能

力。

果分享

成果分享：选3名

同学分享论坛问题

引

并互动补充成果

出重点

概

掌握网页中常记录、

理解、记忆

理论知识内

容

径。

采用关键

字总结法，加

深记忆，并符

合实际工作过

括提炼

用的动态效果实现

强化重

方法，并逐个解

点

读，配合实际案例

进行讲解。1+X考

试认证相关理论内

容

程。

对

结合这部分内课后通

过网络查询

及相互讨论

完成

让学生对

未来岗位职责

进行深刻思

考。

接岗位

容，UI设计师和

产品经理负有哪些

拓

展延伸

职责？

在

在线测试：发扫码做

题，如有问

题，举手提

问

边学习边

检验，学考交

替进行，强化

对规范的理

解。

线测试

布试题二维码，说

明题型及要求，解

检

答学生提出的问

验效果

题。

结语：综上所述，1+X证书为提升学生综合素养，专业能力提升开辟了新的

通道，课程教学内容、教学模式、考核评价体系方式也在不断丰富与完善，总之，

借助“1+X界面设计“认证培养高素质界面的设计人才是我们的总目标。

参考文献：

“湖北开放职业学院学报，”苏州工艺美术技术学院，庞钰平，“1+X”证

书背景下高职界面设计课程教学改革策略研究

课题编号：ZJB1421034