1+X界面设计证书背景下版式设计项目化教学课证融通初探

葛筠

2019年教育部、国家发展改革委、财政部、市场监管总局联合印发了《关于在院校实施“学历证书+若干职业技能等级证书”制度试点方案》，部署启动“学历证书+若干职业技能等级证书”（简称1+X证书）制度试点工作。对于职业院校而言，1+X证书制度的推进有助于深化复合型技术技能人才的培养培训模式和評价模式的改革，有助于提高人才培养质量，畅通技术技能人才的成长通道，拓展就业创业能力。

我校数字媒体艺术设计专业已于2020年成为1+X（界面设计）试点，但尚未开设相关课程。目前，仍需要借助调整现有课程内容，以期更好地与1+X界面设计证书考核相融合。在此背景下，笔者选择“版式设计”课程作为课证融通如何借助项目化教学实践的探索，尝试找到具体的方式与策略，找出一些规律和经验。

1 引言

2019年7月，人力资源社会保障部联合教育部关于印发《职业技能等级证书监督管理办法（试行）》，其根本目的是“为了建设全社会终身教育、继续教育、职业教育培训制度体系，构建国家资历框架，提高国民素质，建立推广国家职业标准，提升职业院校（含技工院校）学生和全社会劳动者就业技能，促进国家先进制造业和现代服务业水平提升，解决目前国家经济社会发展部分重点领域技能人才十分短缺的问题”，把学历证书与职业技能等级证书结合起来，探索实施1+X证书制度，是职教20条的重要改革部署和重大创新。

基于国家政策的指引，如何真正实现我校数媒专业现有课程与证书考核的课证融通，做到坚持以学生为中心，深化复合型技术技能人才培养培训模式和评价模式改革，提高人才培养质量，畅通技术技能人才成长通道，拓展就业创业本领，是当前的重要任务。

2 教学实践项目构建

通过对1+X界面设计证书考核内容与要点的研究，笔者借由“版式设计”课程进行模块化、项目化的重新整合，优化课程设置、调整教学内容，将大运河文化与“非遗”传统手工艺作为明线贯穿于课程的项目五“锦帆·大运河文旅APP界面设计”之中，以项目任务为引，用工作流程指导教学，在项目实践过程中，融入与1+X界面设计证书相关的知识点与技能点，践行课证融通。

在该项目的第三个任务环节APP界面视觉设计的第二个内容界面视觉层次中，将创建符合视觉习惯、界面设计规范和审美要求的视觉秩序作为重要内容，将界面设计知识点与版式设计课程做到融会贯通。通过该任务环节的实践，使学生掌握界面原型图设计富有层次感、美感，同时符合受众的使用习惯的方法和技巧。

3 教学分析

3.1 学情分析

授课对象为高职学校三年级学生，专业软件的操作技能较为熟练，同时具有较好的绘画基础。通过课程的前四个项目的实践，已经掌握了版式设计的基本原理、法则与技巧。学生通过需求分析、原型设计以及视觉设计中网格排布内容的学习，利用自主学习、分组合作、合力探究、实践体验，激发了学生的学习兴趣，提升了学生良好的团队沟通与协作能力，也提高了学生分析解决问题的能力。在本环节前，已经完成了项目任务书中APP界面原型图的网格排布工作，并在此过程中逐步掌握了一定的设计规范。在课程前期也已经掌握了一般版式编排中文字、图片及色彩的编排方法，但对于界面设计中的一些具体应用和尺寸规范还不够了解，仍需要老师和行业专家的引导和指导。

3.2 教材分析

目前，多数版式设计课程的教材都没有专门针对界面设计的相关讲解与练习，更没有完全针对1+X界面设计证书考试相关的内容。我校所使用的教材也存在相同的问题。这就促使笔者结合1+X界面设计证书考试（初级）中所涉及的相关知识点对版式设计相关知识点进行重新梳理，找出两者相同的部分，并根据实践需要，重新整合版式设计课程的内容，引入与界面设计更为契合的项目任务，帮助学生在学习版式设计课程的同时，能够完成对1+X界面设计证书考核相关知识点的学习。

在梳理的过程中，笔者发现界面设计中的一致性原则、字体应用、对齐方式、准确性原则、可读性原则、文字长度、空间和对比度、布局合理化原则等许多设计规范，都与版式设计中的原理与规范不谋而合，这也帮助笔者在项目任务的设立过程中更准确地、有的放矢地将知识点进行融合，在实践过程中潜移默化地实现课证融通。

3.3 目标设定

通过对学生、教材、证书考核要点、课程知识点等的分析与梳理，确定了以下的教学目标，包括素养目标、知识目标和能力目标三个方面。

首先是素养目标，包括：虚心听取意见、合理表达观点的团队合作精神；创意思维与辨证思维的专业素养；文化传承、爱国情怀的综合素养。其次是知识目标，包括：理解图文编排的本质；识记视觉秩序的基本原则。最后是能力目标，包括：掌握创建视觉秩序之美的具体方法；能够运用视觉层次设计的进阶方法细化设计方案。

3.4 教学重难点及解决举措

（1）教学重点分别是视觉秩序的基本原则和创建视觉秩序的方法，为了帮助学生更好地理解这两个教学重点内容，将通过案例分析、组内自查、组间讨论等形式从不同的角度让学生去体验和体会，从实际体验中强化认知，直观、生动地获得知识与经验。

（2）教学难点是运用视觉层次设计的进阶方法细化设计方案，为了能够解决这一教学难点，在教学过程中会通过分析讨论、小组活动等多种方式让学生多维度地不断加深相关知识与技能的训练，获得从量变到质变的提升。

4 教学设计

4.1 设计思路

为了贯彻课证融通，笔者力求将《1+X界面设计职业技能等级初级考试》的要求融入课堂教学，同时以工作流程指导教学，将教学内容与职业岗位要求紧密结合，通过实际项目让学生在“做中学、学中做”，确立以学生为主导，切实体验设计流程与规范；在此基础上还重视文化育人的重要性，注重大运河文化的深刻内涵与课程的内在联系，结合课程具体主题、模块、单元等，融入相应的非遗文化内容，在保护中传承，传承中发展，发展中创新，充分发挥大运河精神的育人功能，筑牢民族文化自信。

在这样的教学理念指引下，本项目结合大运河千年文脉与非遗技艺的项目背景，制订教学策略，展开项目任务。

4.2 教学实施环节

教学实施环节分为课前、课中、课后三部分。

（1）课前

笔者在学习通平台布置任务：完善上节课中生成的一套相对完整的带有网格的界面布局方案，并请各小组收集APP其他层级界面所需文字、图片与配色方案的素材资料。

充分利用课前环节让学生为课上内容做好充分准备，请学生先行完善方案，可以提前了解学生对文字、图片、色彩在使用规则方面的了解和掌握情况，便于上课针对学生的不足安排教学内容；同时也考查了学生的团队合作能力以及自主学习的积极性。

（2）课中

①导入环节（5分钟）

在这一环节，笔者通过学习通平台展示各小组课前完善的设计方案，并进行点评，以此考查学生对文字、图片及色彩基本知识的掌握情况和审美水平；同时也通过作品方案，了解学生对大运河文化带非遗传统手工艺的了解情况，一举两得。

②任务初探（5分钟）

笔者结合软件讲解点文字设计的规范，学生观摩笔者操作进行学习，通过笔者的示范获得直观经验，是一种行之有效的学习方式。学生从中获得印象、经验和启发，学会举一反三。

在习得规范之后，再结合各组的原型图初稿进行组内自查，找出并记录界面上点文字存在的问题。这一过程，帮助学生利用规范去重新审视自己的作品，是查漏补缺的重要步骤，同时也是运用“理论联系实际”的切实体现。

③设计细化（40分钟）

在学习了点文字设计规范的基础上，笔者进一步示范段落文字规范的设计方法以及需要重点关注及调整的细节；学生通过仔细观摩笔者的示范从而获得直观经验，同时能够更加完整地把握操作步骤及细节，提升学习效率和学习效果。

在规范学习的基础上，笔者向学生展示优秀APP范例，请学生展开讨论，找出案例中文字的书写特点，并由此引出各小组界面中文字的排布是否符合书写规范的问题，学生则在笔者的引导下，通过分析和讨论，进行自查，进而学会举一反三。

笔者在学生自查的基础上，再请学生进行组间互评，找出各组界面在色彩运用方面存在的问题，结合优秀传统文化类APP中的色彩运用，引发学生的思考，并请学生对界面色彩进行调整；并结合学生调整的方案，从图文比例、间距和对齐上检查界面的图文关系，请学生进行讨论并尝试修改，针对学生的修改情况进行点评与指导，帮助学生理解界面中图文关系的规范和要求。

在此过程中，笔者利用投屏的方式更加直观地向全体学生展示各小组方案图稿中存在的问题，既是让学生们从更全面的角度去发现问题、正视问题，也是集思广益、头脑风暴的最佳方式。让学生在集体环境下，接受点评、交流意见，学会在团队中沟通，体会团队协作精神；此外，学生的讨论与自查，也是锻炼学生自学能力，同时让学生切实体验在“做中学，学中做”的一种手段。

④设计提升（25分钟）

笔者带领学生参观小微博物馆，请学生介绍自己的作品，谈一谈对大运河传统文化的理解，由此引出同学们在前面环节中形成的原型图初稿，并尝试从中找出仍然存在的问题，进而引导学生从剪纸组界面开始依次探究解决字体选择、元素视错觉、元素之间过于紧凑等问题的办法。最后介绍视觉亮点的创建方法，请学生尝试融入大运河传统文化的相关内容，进行创意设计，提升视觉效果。

学生在参观小微博物馆、展示自己在项目过程中所取得的成果的过程中，收获了满满的成就感，这不失为一种正向的激励，同时也从一个方面考查了学生对项目任务的理解。在从参观到解决问题的过程中，笔者充分利用讨论、实践操作、场景体验等形式，促进学生积极思考、开拓思维，培养学生对形式美、传统文化之美的感知和表现能力。同时，在这一过程中，笔者始终注重强调传统文化与元素的融合，以此培养学生的文化自信和文化传承的意识，激发学生的爱国情怀。

⑤布置任务（5分钟）

在“界面视觉层次”教学内容结束时，笔者请各小组根据课上所学，进一步调整和修改原型图，并用同样的方法深化其他层级的界面原型图，旨在提升一定的任务难度，帮助学生切实体验真实的设计状态，体会工作的艰辛，锻炼学生不畏难、不怕苦的吃苦耐劳、坚忍不拔的精神。

（3）课后

课后，笔者并没有停止参与项目任务，而是利用各种通讯工具，将课堂拓展与延伸，继续辅导各小组对设计方案进行细化及提升。这种密切的参与度，能够帮助笔者更好地了解学生课外学习的状态以及工作进度，同时也加强了与学生的交流沟通，促进师生间紧密协作的良好状态。

4.3 教学反思

通过方案展示、方案评选、案例学习、组内讨论、方法讲授等多种形式让学生更好地展开自主探究学习与合作学习，多样的教学形式激发了学生的学习兴趣，小组合作培养了学生团队合作的意识，提高了学生学习的积极性，不断地调整与修改，增强了学生专业软件的操作技能训练，提升了专业水平，对行业规范以及设计方法的强调则在一定程度上强化了职业意识。

但“教学实践项目符合当前行业的实际需求，基于工作过程引进真实项目，然后经过校企教师精心设计、整合，或者通过移植改造。不能主观臆造脱离实际进行设计，否则会与现实脱节，失去了项目的实用性”。对于三年级的学生，专业日趋成熟，但对工作流程的了解仍需深入，对工作岗位与行业标准的各类规范的认识还需加强，需要笔者及专业人员的大力帮助。同时，对大运河文化带非遗传统手工艺相关内容了解的不够深入，需要借助博物馆、非遗传承人的专业指导。

因此，项目任务的可操作性是能否调动学生学习积极性、激发学生学习兴趣的重要因素，把握恰当的难易程度，是笔者在今后教学过程中需要不断注意的问题。

5 总结

1+X（界面设计）职业技能等級证书的考核培训目前由腾讯课堂进行承办，知识点涵盖平面设计、交互设计等交叉学科，但并没有相对规范的教材以及相对严谨的考纲。

我校数媒专业的现有课程并未实现界面、交互、动效、网页知识点的全覆盖，部分知识点与本专业平面设计的教学内容有一定的关联性。界面设计与平面设计属于两个学科，其前序、后继课程在我校传统平面设计教学中的衔接性较差。针对界面设计体系中文字、色彩、图形、排版设计的基础讲解，并没有相对比较完善、系统、规范的项目化类型的国家规划教材。另外界面设计的教学内容多数仍为对经典案例的临摹，缺乏交互设计和用户体验设计内容，课程实践性较弱，与之相应的证书考核并不能真正实现促进学生进行知识的内化和延展。

笔者结合版式设计课程的项目化教学研究，希望形成系统的课程融通体系。在遵循设计软件与设计行业快速更新换代特点的基础上，力求教学内容的时效性，在未来的教学过程中，将活页式教材的开发提上日程，实时更新教学案例。同时，不断强化重点知识和技能技巧与项目任务的深度融合，切实将理论与实践相结合，践行课证融通。

此外，设计专业的评价体系一直未有十分科学、完善的建构，在笔者今后的研究中，也将针对课证融通效果的评价做一定的尝试，不能让项目化教学变成仅仅存在于课堂中的自嗨式学习，评价维度应在学生自评、互评和教师点评的基础上向宽度和深度进行拓展，这也符合界面设计的设计流程，这也是传统设计教学与项目化教学的差异体现，项目化的教学模式更多地是形成具体的产品并接受受众等多方评价，这也必将能更好地使学生的专业学习走出校园，走向社会，走近岗位，真正实现职业教育之初衷。

（作者单位：南京财经高等职业技术学校）