用户界面设计课课程思政教学改革与实践

欧阳文昱

（华南农业大学 艺术学院，广州 510642）

全面推进高校课程思政建设是深入贯彻落实习近平总书记关于教育的重要论述和全国教育大会精神的重要举措。2020 年5 月28 日，教育部印发了《高等学校课程思政建设指导纲要》（以下简称《纲要》），《纲要》结合学科专业特点分类推进高校课程思政建设，对艺术学类专业课程提出了明确要求：要在课程教学中教育引导学生立足时代、扎根人民、深入生活，树立正确的艺术观和创作观。要坚持以美育人、以美化人，积极弘扬中华美育精神，引导学生自觉传承和弘扬中华优秀传统文化，全面提高学生的审美和人文素养，增强文化自信[1]。《纲要》为用户界面设计课程改革和思政建设提供了坚实的理论指导。

一、用户界面设计课程改革和融入课程思政的意义

（一）用户界面设计课程概述

用户界面设计，即User Interface Design（以下简称“UI 设计”）是视觉传达设计专业一门综合性、实践性较强的专业拓展课程，侧重于网络信息媒体的视觉设计，重在理论理解和项目实战训练。其内容主要是为了满足不同用户界面的多样化功能设计需要而对软件的人机交互、操作逻辑、界面美观和界面功能等方面进行的整体设计，具体包括基于以用户为中心的用户需求研究、交互逻辑、原型设计等，在互联网中涉及的虚拟界面是用户界面设计的主要部分。

通过课程教学改革，不仅要使学生掌握UI 设计的基本概念、设计流程及应用领域，掌握信息媒体的版式设计、我彩设计、交互设计等基础理论，能熟练运用相关软件进行Web 端和移动端的界面设计与交互实现、H5游戏设计与制作的知识和能力，同时，也要注重学生求真务实、积极进取的基本素质的提高，引导学生树立专业自信、文化自信、社会责任感的精神素质。

（二）用户界面设计课程融入思政的意义

大学本科学生正处在形塑世界观、人生观、价值观的关键时期，落实立德树人根本任务，必须将价值塑造、知识传授和能力培养三者融为一体，以社会主义核心价值观为核心内容，构建全方位、全过程、全员育人的高校大学生思想政治教育体系[2]。对于视觉传达设计类学生来讲，思维活跃、新潮的他们不仅对于新媒体的设计理念和使用方法颇为敏感，而且对于探索和开发新媒体的兴趣也颇为浓厚，因此，如何以课程的知识点为基础，融入核心价值观为引导，达到知识传授与价值引领的统一，是当下专业教师必须面对的问题。在用户界面设计课程教学改革中，从优化教学内容入手，通过深入挖掘和提练课程中蕴含的思政教育元素，并将思政元素有机地融入课程内容与教学设计的各个环节中，这不仅能够为学生的设计作品注入灵魂，增强其吸引力和文化魅力，也对引领学生坚定理想信念、厚植爱国情怀、树立奋斗精神、增强综合素养、培育他们的社会主义核心价值观等具有重要的意义。

二、用户界面设计课程思政教学改革与实践

课程团队主要从思政目标确定、思政资源的挖掘与整合、思政资源与教学内容、专业知识的衔接、课程考核等几个方面实施UI 设计课程思政改革方案。UI 设计课程改革后的32 课时分为理论授课和项目实践，其中理论授课（16 课时）包括：用户体验的基本原则和用户需求分析（6 课时）、IDEO 的创新方法论（2 课时）、产品的创意思维与案例介绍（4 课时）、UI 交互设计思维与流程（4 课时）；项目实践（16 课时）包括：产品市场分析和明确设计需求（2 课时）、总结产品功能规格与内容需求（2课时）、产品体验交互框架和交互流程设计（2 课时）、产品信息架构设计（2 课时）、产品的高保真原型设计（4 课时）、产品可用性评估与测试（4 课时）。

（一）确定课程思政教学目标

明确教学目标是各项教学活动开展的重要前提，传统的课程教学目标过于侧重学生的专业技能培养，忽视了思政育人的地位，课程教育立德树人的核心目标是让学生树立社会主义核心价值观。因此，UI 设计课程思政教学目标主要立足在专业教学目标与要求的基础上，将思政元素贯穿于课程内容与教学设计的各个环节，既要注重知识与技能导向，更注重素质与创新能力导向，在教学过程中引导学生正确做人做事做学问，把培育和践行社会主义核心价值观融入课程教学全过程，弘扬主旋律，传播正能量，在知识传授和技能培养中，以润物细无声的方式实现价值引领，在潜移默化中激发学生热爱祖国，展现爱国情怀，培养学生成为能够肩负民族复兴、时代重任的视觉传达设计技术人才，实现“知识传授与价值引领的有机结合”[3]，课程改革后形成的思政教学目标具体见表1。

表1 UI 设计课程思政教学目标

（二）挖掘与整合课程思政元素

课程思政，首要的任务是对传统的教学内容进行优化，而教学内容优化的核心是必须以专业知识和技能为载体，挖掘课程中所蕴含的思政教育元素，并且准确找出思政内容和专业知识教育的契合点[4]。将思政资源与教学内容、专业知识点有效衔接，使课程教授与思政课程同向同行，有效地将专业知识传授、能力培养与社会责任感及价值观教育等有机结合起来，使教有引导而学有领悟，进而形成协同育人的效应[5]。

基于UI 设计的课程特点，本课程的教学案例以移动端的应用软件App、移动端的H5 游戏、PC 端的网站等注重用户体验的用户界面设计和交互设计为主，因此，团队从教学素材和教学内容入手，围绕课程知识点，展开了对其历史、文化、社会等背景信息的收集，结合思政目标进行提炼整合，选取了涉及家国情怀、触及传统历史文化，尤其是基于新媒体技术的传统文化活化创新和通过设计加科技解决社会热点问题的设计向善等方面的思政素材，这些思政素材与课程的专业知识高度关联，都是利用用户体验的基本原理和用户界面设计进行的产品开发，团队依据课程专业知识点和思政育人导向进行优化选择与凝练，选择了如表2 所示的案例作为课程思政内容。

表2 UI 设计课程部分典型思政案例

（三）思政教学内容与专业知识的衔接

以往的UI 设计课程重在理论灌输和项目实战，侧重学生的专业知识和技能培养，通过教学改革，以隐性的形式把思政内容贯穿于课程内容与教学设计的各个环节，包括教学素材、教学内容、教学环节和教学考核等方面融入价值引领内容，开展了UI 设计课程教学改革与实践。

1.思政资源专题嵌入教学素材与案例

在教学素材与案例的选择上，团队采用了蕴含深刻思想政治意识的界面交互设计作品，更新、补充、替换过去部分单一强调技能讲授的案例素材，课程案例在专业教学的具体过程中，起到思想引领与示范导向的作用。如在用户体验与前期调研的课程内容中，以故宫系列App 为例作为传统文化创新专题，既有丰富的专业知识，同时还蕴含深刻的爱国主义情感，激发学生对文化传承与文化创新传播的使命感，弘扬和培育学生的民族精神、文化自信、大国工匠精神。

2.思政内容融入专业知识教学过程

在教学过程中，为了加强对知识点思政内涵的能动性挖掘与主观认识，使思政内容以自然的、轻松的、隐性的、潜移默化的方式融入专业教学活动，团队在课程信息架构的学习章节中，特别注重培养学生的国际视野和对该领域前沿信息和前沿技术的敏锐洞察力和获取信息的能力，以App 移动应用产品领域的全球设计大奖——Apple Design Awards 苹果年度设计大奖的获奖App 进行信息架构的分析，并有重点选取了有思政内涵的App，如为帮助视力障碍人士设计的Be My Eyes App 等，这类App 体现的设计向善是全球关注的热点问题，设计的初衷是为了解决人民大众的需求，从而激发学生对设计向善主题的创作热情，同时培养学生的仁爱之心和社会责任感。

3.思政主题渗透课程考核

在课程考核过程中，一是平时成绩侧重于体现学生思想道德表现；二是在专业技能考核的内容上进行思政主题的渗透，即依据课程思政教学目标，在基于现有知识技能考核的基础上，增加了对知识技能点的思政融入，重视课程素质目标考核的同时，注重对作业考核内容的价值观审视与植入，如在课堂表现考核中从德育育人出发对学生出勤与学习态度进行客观评价；同时结合专业教学内容，增加课程思政专项考核，注重思政意义的平时作业和课程项目大作业的考核，以翻转课堂的形式要求学生围绕文化创新和设计向善的主题进行案例分享；将思政主题融入专业知识与技能考核的具体项目，并在项目汇报展示环节考核项目的完整度能否达到H5 线上传播的要求，以期培养学生文化传承的使命感。具体考核的思路和方法如图1 所示。

图1 课程考核思路

三、课程改革后学生优秀作品展示

UI 设计课程的项目实战训练是考察学生对本课程知识、能力、价值等综合素质的重要环节。学生可以选择制作Web 端的网站、移动互联的App 或H5 交互游戏等，教师主要从如下几个方面引导学生分组选取不同主题性思政资源融入课程训练的选题，从而促进课程思政的教学实施效果：第一，学生面对选题时，灌输家国情怀、文化创新、设计向善的思政主题；第二，学生执行设计实操时，需要通过各自的选题将收集大量的相关资料，融入思政主题；第三，项目实际操作过程中，学生之间分组进行用户体验测试，强化了思政主题；第四，课程项目完成后，将作品以H5 的形式进行线上传播，此时不单是学生潜移默化的感受思政，而且是思政主题对公众的传播。

经过UI 设计课程的教学改革，取得了良好的教学效果，与往年相比，学生课程项目作品都具有一定的思想高度和社会价值，图2《建党百年手机H5 交互设计》，该H5以生动的插画风格，以用户与手机交互的形式，介绍了自1949 年新中国成立到2021 年中国经历的大事件，展现了建党百年的不易和祖国一步步走向强大的民族自豪感，反馈出学生对于家国情怀思想的思考。

图2 课程项目实践教学成果——《建党百年手机H5 交互设计》

图3《西汉南越王墓博物馆网站交互设计》，该作品对原来的西汉南越王墓博物馆的网站进行了重新设计，将传统的博物馆网站进行了大胆的创新设计，注重用户体验的沉浸式体验效果和界面设计的现代审美。在网站的整体设计中以开启古墓的钥匙和锁孔的平面图形作为主视觉进行了创新的排版，展现出文物的神秘感，是网站交互设计中现代设计版式与文物展现的完美结合，反馈了学生对文化传承与创新的努力尝试。

图3 课程项目实践教学成果——《西汉南越王墓博物馆网站交互设计》

图4《抗击疫情人人有责手机H5 交互设计》，该H5 用轻松的视觉语言和用户进行人机交互，通过设计的力量告诉人们抗击疫情是每位公民的责任，以及作为社会公民应该如何配合前线的抗疫英雄积极地做好自我管理。例如，通过帮一家人带口罩的交互小游戏强化带口罩出行的意识；通过7 个洗手步骤的交互设计强化人们要注意双手卫生；通过视觉效果强化大众对新型冠状病毒症状的了解，提醒人们要及时就医。这些作品具有较强的交互体验感和视觉审美性，同时也反馈出学生的社会责任感。

图4 课程项目实践教学成果——《抗击疫情人人有责手机H5 交互设计》

四、结束语

UI 设计课程改革后的思政教学紧紧围绕课程知识传授与价值引领有效结合的课程目标，从课程教学素材出发，精选思政资源案例，在课程知识点教学方面，对接思政个案；课程考核方面，注重对考核内容的价值观审视与植入，最终使课程达到教学案例蕴含思政背景，教学过程贯穿思政内容，课程考核植入思政主题的全方位课程思政目的，把培育和践行社会主义核心价值观融入课程教学全过程，取得了很好的效果，学生提交的课程实践项目作品充分显示了课程改革的教学效果，其改革方案具有推广和供相关专业课程教学借鉴的价值。