浅议高职网店美工课程项目式教学改革——以网店商品详情页教学设计为例

黄文州

引言：通过电商企业调研，明确美工岗位需求，制定电商美工人才培养方案，充分考虑学生未来岗位适应能力及发展前景，以岗位需求为目标，以网络营销理念为抓手，围绕“商”和“美”，通过项目化的课程来组织、实施和评价教学活动，达到提高学生网店美工综合实力的目标。

1. 成果导向教育理念及项目式教学

1.1 成果导向教育理念

成果导向教育（Outcome-based Education） 简称“OBE”，是指以预期学习成果为中心来组织、实施和评价教学的过程 。OBE 教育模式主要包括定义学习产出、实现学习产出、评估学习产出和使用学习产出四个环节。[1]OBE 强调4 个问题：我们想让学生取得的学习成果是什么？为什么要让学生取得这样的学习成果？如何有效地帮助学生取得这些学习成果？如何知道学生已经取得了这些学习成果？[2]成果导向教育理念的运用不但可以加强学生对知识点的了解、知道、感觉、记得和相信，不会让知识成为学习过程中短暂的记忆或表现，更重要的是能让学生将知识内化与心，在工作岗位中灵活运用，对职业教育改革与发展具有重要指导意义。

1.2 项目式教学

传统教学方法落后而且理论和实践相对脱节。[3]项目式教学是一种以“学生为中心”，根据课程目标进行教学项目设计，教学过程中按项目进行讲授、学习、实践的方法，通过层层递进的项目展开教学活动，提高学生学习的积极能动性和获得感，提升学习成效。在项目教学过程中，学生可以选择、计划、提出一个项目设想，通过查阅资料、学习项目课程，动手实践等途径来解决实际问题，提高专业素养与技能。项目式教学不是“灌输型”教学方式，比传统式教学方法能更有效提高学生主动思考、团结协作和解决问题的能力。

2.高职网店美工课程存在的问题

掌握网络营销思维及规律，熟悉客户的消费习惯，优秀的图片设计及制作能力是网店美工的核心竞争力。网店美工课程已经成为高职电子商务专业的核心课程，其操作性、专业性都非常强，其教学目的是提高学生的设计能力和创新能力。目前，多数职业院校都在积极推行课程改革，但由于同进具有营销及美术知识的师资人才短缺，教学硬件投入不足，教学软件资源未得到有效利用，课程改革成效不明显，教学方法也没有脱离传统教学法的影子，课堂教学仍以教师为主导，学生被动接受知识，养成学习惰性，主动学习能力、团队协作能力、营销思维能力、设计创新能力无法得到有效培养，导致学生理论知识缺乏、实践动手能力不足，[4]教师无法完成教学目标，学生也得不到电商企业的认可。因此，针对上述问题，引入成果导向教育理念，开展项目式教学，注重培养学生解决问题的能力，在教学过程中逐步提高学生的思维能力、实践能力、创新能力。

3.商品详情页的作用

商品详情页是展示商品详细信息的一个页面[5]。在这个页面中美工师通过缜密细致的构思，精彩浓缩的文案，精美细腻的设计，合理巧妙的布局，使用文字、图片、视频等元素将商品的功能、特征、优势等卖点展现给消费对象，通过文案宣传、色彩搭配，吸引消费者的眼球，让消费者产生共鸣并认可商品，同时通过消费心理学、市场营销学等手段激发消费者的购买欲望，从而达到“出单”的目的。由于消费者在浏览网店时，无法看到实物商品，商品详情页便成了客户了解商品的窗口，也是卖家与买家的桥梁，与网店的销售量息息相关，优秀的详情页往往能提高店铺的转化率。艺术化、营销化商品详情页不但能展示产品的“硬实力”，通常还能起到传播企业“软实力”的作用。

4.基于成果导向教育理念的网店商品详情页项目式教学设计

4.1 总体设计

4.1.1 学情分析

网店美工课程教学对象已具备电子商务基础知识，通常为电子商务专业二年级的学生，其学习积极性虽然比较高，但缺乏设计理念，习惯模仿案例，解决实际问题能力弱，基本没有创新能力，缺乏工匠精神。但通过前导课堂教学，同学们已经基本掌握Photoshop 软件基本操作，会利用软件进行网店元素的绘制、商品抠图、背景处理、文案排版、色彩搭配、导入视频等操作，初步形成视觉营销理念，为本教学项目的学习奠定了基础。

4.1.2 教学目标

学习成果是学生的一种能力结构，这种能力主要通过课程教学来实现。因此，如何设定课程目标？对学生达成学习成果至关重要。在成果导向教育理念的指导下，以专业人才培养方案为依据，以电商美工岗位需求为目标，设计本课程学习总体目标，再通过任务分解，形成教学项目，本项目的教学目标如表1 所示。

表1：商品详情页设计与制作项目教学目标

4.1.3 教学内容

以上述教学目标为导向，本教学项目的教学内容设计如下：

（1）网店商品详情页作用及相关设计理念，课前观看教学视频。

（2）网店商品详情页精美案例赏析，课中组织“头脑风暴”。

（3）网店商品详情页设计思路与制作方法讲解，课中实践。

（4）网店商品详情页制作，课中讨论，形成草图，课后使用Photoshop 软件制作。

（5）网店商品详情页修改，课中教师点评，学生讨论、修改、总结。

（6）其他电商平台，其他类目商品详情页设计与制作，课后拓展及巩固。

4.1.4 教学重点与难点

本项目的教学重点是商品详情页的版式设计、商品抠图、色彩搭配。通过3 年的教学实践，商品详情页文案提炼、整体配色方案设计、商品光影塑造是学生最难掌握的。

4.2 教学策略

为能有效实现教学目标，以成果导向教育理念为基础，创设以学生为导向的“一体二线三环四段”的教学模式。

（1）一体：理实一体，“以学习者为中心”有效开展教学，[6]安排学生在电商网店美工实训场上课，边教、边学、边做，提高学生学习兴趣及动手能力。

（2）二线：线上自学、线下教学相结合，通过线上美学通识课程提升学生艺术素养，线下教学及实践提高学生沟通协作、解决问题能力。

（3）三环：是指整个项目教学过程中包括课前线上自学环节、课中知识点强化环节、课后设计能力巩固及提升三个环节。

（4）四段：是指在教学过程中的优秀作品鉴赏阶段、临摹阶段、自主设计阶段、设计能力提升阶段。

4.3 教学实施

整个项目教学实施分为课前线上自学环节，课中知识点强化环节，课后设计能力巩固及提升三个环节。

（1）课前线上自学环节：通过“易智教云课堂”学习平台，教师发布项目教学任务清单、项目学习课程资源及商品详情页素材、优秀作品图片等资源，学生登录“易智教云课堂”学习平台后，可查看本项目教学任务清单，并先自主学习教学视频。本教学项目的课前学习任务清单包含：

◆ 学生学习本项目的教学课件、教学视频及优秀作品图库，了解商品详情页的作用、设计思路和设计理念，并完成相关设计理论知识点的课前测试；

◆ 学生自行登录“天猫”、“淘宝”、“京东”、“拼多多”等主流电商平台，浏览5 个类目的商品详情页，下载5 张优秀的作品并上传到“易智教云课堂”平台作品库中；

◆ 学生分组查看作品库中的优秀作品，并开展讨论优秀作品的文案、版式、配色问题。通过课前线上自学环节，学生审美能力、自主学习能力、沟通交流能力得到锻炼。

（2）课中知识点强化环节

课中知识点加强环节根据人们的认知习惯分为作品鉴赏、作品临摹、设计与制作、巩固与提升四个子项目。

第一，作品鉴赏。教师展示作品库中不同类目的优秀商品详情页图片，引导学生从设计风格、文案提炼、版式布局、配色方案等四个方面进行深入分析，并归纳总结商品详情页设计思路与要点。教师讲解后，可以换一幅新的详情页图片，让同学们欣赏并引导学生从上述的四个方面对该图进行点评。在这个子项目教学中，提高了学生的鉴赏能力、分析能力、归纳总结能力，明确了设计思路，激发了学生的创作思维。

第二，作品临摹。教师分析讲解一个商品详情页案例后，通过“红蜘蛛多媒体网络教学软件”将案例图片发布给学生。学生用Photoshop 打开案例图片，设置辅助线，新建图层，临摹练习。通过作品临摹，进一步提高使用Photoshop 制作商品详情页的能力，掌握商品详情页制作流程。除了软件临摹外，课堂中还安排了草图临摹环节，教师在计算机屏幕上展示一幅商品详情页图片，可以是局部也可以是整体，第一次展示时间通常为30 秒，时间结束后，关闭图片。学生根据自己30 秒的观察形成的记忆信息，用铅笔在素描纸上勾勒详情页的版式，写出详情页主要文案内容，标注出详情页每个区域的色彩信息，绘制出详情页中各类简单元素。20 分钟后，教师再次展示图片15 秒，此时同学们可以根据自己的记忆情况，修正记错和补充漏记的信息，并在素描纸上进行修改和补充。10分钟后，教师最后展示图片10 秒，在这宝贵的10 秒钟里，同学们往往能高度集中精力，教师展示图片的所有信息基本能在素描纸上被描绘出来。通过软件临摹和草图临摹两个子项目的练习，学生的观察力和作品制作的表达能力大大提高，还更加明确了商品详情页的设计思路和要点，为后续子项目教学活动开展打下良好的基础。

第三，设计与制作。在设计与制作前，预先将班级学生分成若干个学习团队，要求每个团队成员要有不同的性别、不同的爱好、来自不同的地区，不同的宿舍，由团队成员推选出队长，并给团队取一个队名。这样的团队思维更加活跃，创造力也更强。学习团队在作品库中筛选出某张商品详情页图片，根据详情页所展示的内容展开讨论，哪些文案、元素、布局、色彩可以参考并使用到本队的设计任务中。讨论结束后，队长根据队员的特长进行子项目分配，通常可以分为产品拍摄、扣图修图、文案写作、元素制作、版式设计、整体配色、光影塑造等7 个子项目。队员通过这种既有分工又有合作的方式，完成商品详情页制作，并提交至“易智教云课堂”平台。队员们在整个设计与制作过程中，取长补短、分工协作、在借鉴中创新，发现问题，解决问题的能力得到培养。

第四，巩固与提升。教师汇总制作成果后，挑出存在典型问题作品，针对作品中的瑕疵进行课堂点评，引导学生自己去发现问题，不同团队的成员均可参加点评，查找作品中的不足，提出改进思路，各团队分析总结老师及其他团队的修改建议，制定修改方案，课后有针对地进行修改，这样团队的作品都能得到改进。点评过程中，教师穿插讲授文案写作、版式设计、色彩搭配、光影塑造等知识点，并对有明显错误的商品详情页进行修改，提升学生的制作能力，这样学生精益求精、追求卓越的工匠精神得到培养。

（3）课后设计能力巩固及提升。课后教师可以针对这个教学项目，布置两项课后实践任务，实践一是再次选择某款商品制作详情页并上传“易智教云课堂”平台，制作过程中应重点规避第一次制作时所发生的错误；实践二是通过校友资源平台，联系电商企业校友，完成一款实际项目中的商品详情制作，制作过程中要不断与电商企业的工作人员沟通，甚至还会和客户沟通，在沟通过程中不断修改作品，直到上传到电商平台，这样每一位参与的学生都能进一步提升沟通能力和设计能力，为今后走上美工岗位树立信心。

4.4 考核评价

成果导向的教育理论考核评价更加关注学生的学习成果，不但强调学生达成学习成果的内涵，还关注每位学生的学习进步情况，采用多元和梯次的评价标准，根据每个学生能达到的教学目标情况，赋予不同的评价等级，本项目采用学习过程结合学习成果的“双元”考核方式，其教学考核评价如表2 所示。

表2：商品详情页设计与制作项目教学考核评价表

4.5 教学效果

本教学设计在2017 级、2018 级、2019 级电子商务专业中选取一个班级实践，通过个别访谈、集体问卷等方式进行教学效果调查，调查结果为：（1）能有效提高网店美工课程的学习兴趣；（2）能有效提高团队协作及沟通能力；（3）能有效提高学生自主学习能力；（4）审美能力、观察力、实战能力大幅提升，（5）发现问题、解决问题的能力大幅提升；（6）成就感、自信心及对自身技能水平的要求大幅提高。这种教学方式得到参与学生的充分认可，实践班的学生在参加校内电子商务美工设计技能大赛中，成绩总能名列前茅。2017 级的毕业生，从事电子商务美工岗位的，能迅速适应工作，得到电商企业的好评。

4.6 特色创新

通过3 年的教学实践，基于成果导向教育理念，采用项目式教学，过程与成果“双元”考核，以岗位需求为目标，与实际案例相结合，鼓励团队合作，注重沟通交流，追求卓越品质等已经成为本课程设计的特色。

5 结语

实践证明，基于成果导向教育理念项目式教学，能以学生为中心，以成果为导向，大大提高了教学质量，有效推动了电子商务网店美工课程的改革，有效提高了电商美工人质量，对解决电商企业高素质应用型人才短板问题有重要意义。随着第五代移动通信技术的普及，信息技术不断创新，电子商务应用领域不断扩大，电子商务业务类型不断增多，电子商务网店美工课程更要与时俱进，注重创新，重视新媒体技术的灵活应用，多视角、多途径去提升学生的营销能力和视觉设计能力。