在中职网页美工设计课程教学中提高学生设计美感的实践

作者简介：罗蓉，1989年生，广西南宁人，实验师，主要研究方向为计算机专业教育教学。

摘 要：培养中职生设计美感是网页美工设计课程的重要教学任务之一，也是教学难点之一。为解决中职网页美工课程教学存在的问题，不断提高中职生的设计美感，增强中职生就业竞争力，中职学校应通过加强基础训练、推进课程教学改革、优化课程设计、创新教学方法等措施，着力优化师资、深入挖掘学生潜能，从而不断提高计算机类专业学生的网页设计美感，提升学生的审美素养。

关键词：网页美工设计；设计美感；教学改革

中图分类号：G63 文献标识码：A 文章编号：0450-9889（2024）08-0110-04

如今，互联网与人们的生活、工作、学习等已密不可分，浏览网页是人们在日常生活中一种重要的休闲方式。人们在进行网页浏览时，网页设计是否具有美感，是影响人们选择浏览某一个网页的主要因素之一。通过对南宁市第六职业技术学校（以下简称我校）部分师生进行采访，有超过98.00%的受访人员表示在浏览网页时，设计美观、独特的网页架构更容易令人感兴趣。然而，目前中职计算机类专业学生的审美素养普遍不高，学生在进行网页设计时更注重“技术”，而忽略“美感”，导致所设计的网页平淡无奇、索然无味。网页美工设计课程是中职计算机类专业的基础课程，也是培养中职生设计美感的主要载体之一。笔者认为，中职学校应通过加强基础训练、推进课程教学改革、优化课程设计、创新教学方法等措施，切实提高学生的设计审美能力，将学生培养成具有较高审美素养的实用型网页设计人才。

一、分析中职网页美工设计课程教学存在的问题，明确提高学生设计美感的思路

教学改革的最终目的是解决教学问题，为学生提供更为准确的教学指导。基于这样的认知，笔者认为要想有效培养学生的设计美感，中职学校要用好网页美工设计课程，要清楚认知网页美工设计课程教学存在的问题，这样才能做到“对症下药”，而不是“头痛医头，脚痛医脚”。为此，笔者就我校网页美工设计课程进行深入分析，发现该课程教学存在重技术练习而轻美感培养、学生网页设计美感素养参差不齐、缺乏适用于培养学生设计美感的网页美工设计课程教材等问题。

（一）重技术练习，缺乏美感教育

随着互联网技术的日益普及，网页已经成为人们打开互联网世界的“大门”，与人们的日常生活密切相关。其实，就单纯的网页设计而言，其技术含量并不是很高，网页设计的关键在于做到布局合理、设计美观、风格鲜明。但要做到这一点并不容易，这要求网页设计人员既具有一定的技术，又具有较高的设计美感。因此，在培养网页设计人才时，中职学校除了要对学生加强技术训练，还要加大美感教育的力度。但目前中职计算机类专业还存在重技术练习、缺少美感教育的问题［1］28。导致这一问题的原因主要有两个方面：一方面是职业教育的特殊性，重技能训练的问题是职业教育的“通病”，无论是教师实施教学还是学生开展学习都更侧重技能，而往往忽略核心素养的培养。另一方面是中职网页美工设计课程的授课教师均为计算机专业出身，没有经过长期、系统的美学教育，自身的美学知识比较匮乏，所以在教学中通常关注技能教学，而忽略美感教育。

（二）学生的网页设计美学素养参差不齐

让学生具备良好的设计美感与网页色彩搭配能力，能够选择合适的色彩制订配色方案，从而让网页更加美观，提高用户体验感和网页感染力，为浏览者带来良好的视觉印象和浏览体验，是中职网页美工设计课程的主要教学目标，也是该课程的教学重难点所在。然而，由于中职生在进入学校前都没有系统地学习网页美工设计专业知识，加之很多中职学校缺乏专业的美学教师，没能进行美术教育和网页设计教学的有机融合，导致学生网页设计美学素养普遍较低。如我校计算机专业学生虽然能够较熟练地掌握各种软件进行网页设计，而且都能很好地完成网页设计，但是学生设计的网页作品美感均比较低，难以满足人们的审美需求。另外，我校计算机专业课程还存在教学方式比较单一的问题，学生创新思维和创新能力都有待进一步提高。

（三）缺乏适用于培养学生设计美感的网页美工设计课程教材

网页美工设计课程的教学目标之一是让学生通过学习相关设计理念，能够运用理论基础知识进行网页设计，制作出具有一定美感的网页作品。要想实现这一教学目标，就要有一套科学、适用的教材。但是目前中职学校所使用的教材，更多的是网页设计技术方面的内容，很少涉及培养学生设计美感的内容。教材是实施教学的主要载体，如果教材设计科学合理，教师就能够更好地开展专业教学；如果教材内容有所偏重，那么教师在开展教学时也会有所偏重。我校计算机专业教师在开展网页美工设计课程教学时，由于教材几乎没有设计美感方面的内容，加上教师本身也没有接受过系统的美学方面的教育，因此教师在教学中往往只开展技能教学，而没有对学生网页设计美感进行培养，这不利于学生的全面发展，也不利于学生今后就业。

二、深化网页美工設计课程教学改革，促进学生设计美感的提升

网页美工设计课程是一门以培养具备实践操作能力和设计美感的专业技能人才为目标的课程。在过去的网页美工设计课程教学中，教师通常采取课堂演示操作步骤的教学方法，学生很少有动手实操的机会。这样的教学方式会制约学生创新思维、创新能力和设计美感的发展。判断网页设计是否成功的标准，除了看其是否具有实用性，还要看其设计是否具有美感。在竞争日益激烈的当下，中职计算机专业毕业生要想在激烈的就业竞争中获得较好的工作岗位，就要具备更为全面的素质。因此，不断深化网页美工设计课程教学改革，不断提高学生的综合素质，培养复合型专业人才，是中职学校计算机专业深化“三教”改革的重要任务之一。为此，我校主要从创新教学内容和教学方法两个方面，着力推进网页美工设计课程教学改革。

（一）科学选择教学内容、设计课程教学目标

教学目标是教学的出发点，教学活动围绕教学目标展开。而教学内容是制订教学目标的核心，也是教师实施教学的基础，可以说教学内容的质量直接影响了教学质量。以网页美工设计课程为例，要科学设计课程教学目标和内容，就要做好以下两个方面的工作。

一是制订网页美工设计课程标准。在具体工作中，笔者在原有教材模块基础上对教学内容进行重构，改变“以制作页面成果为导向”的标准，形成了以“以提升设计美感为导向”为主的标准。在具体教学中，笔者引入广西少数民族传统文化的案例，重新制订这门课程的标准，把传统文化融入课堂教学，以传统美感润养学生心灵，让学生能够认识传统文化的内涵，从不同角度、不同层面提升学生的审美能力。

二是围绕教学目标合理选择课程内容。围绕教学目标，对课程内容进行重新设计和组织，使该课程目标明确，内容更清晰，是确保教学取得实效的关键。以“广西少数民族资源网”这一工作任务的教学为例，笔者将广西少数民族传统元素和美学设计相结合，指导学生设计出具有地域特色、创新性和美感的网页作品。笔者依据教学目标将课程内容细分为17个工作任务，每个任务既各自独立又相互联系，让学生能够在学习新知识的过程中不断巩固旧知识，从而提高学生的技术和美感。笔者在教学中加入实际案例，有效将课程的重要知識点融入案例，通过一个个特点鲜明、富有设计美感的网页作品的讲解将知识传授给学生，激发学生进行网页创作的灵感，让学生理解相关设计原理，提升学生的网页设计美感，从而让学生制作出更好的网页作品［2］。

以制作广西少数民族资源网logo和导航条为例，笔者在教学中引导学生以图形与文字组合的方式设计Logo。Logo中的文字是由汉语和壮语共同组成，图形以广西少数民族纹样为元素，在色彩上则运用红色、黄色等人们喜爱的颜色，这样的设计既展现传统与新潮流的融合，又体现广西少数民族文化生机盎然、欣欣向荣的态势，给人以无限活力的视觉感受。同时，红色是属于中国人民的浪漫颜色，是引领时尚设计之美的自信颜色。其次，导航条设计上采用了水平导航条，简单地将文字排列开，结合logo素材特点，确定导航条的主色调，并用虚线的点线将其分开，使静态的导航有了一丝自由与动感的美。

由上述可知，培养学生的设计美感不是教学简单的软件技能知识，而是要让每一名学生都能理解美学在网页设计上的重要作用。设计美感与网页设计就像绿叶与红花，有绿叶的衬托红花才会显得更加娇艳动人。面对当今社会、科技的快速发展，以及越来越高的岗位工作要求，中职生要成为一名合格的网页美工设计师，就要充分了解客户潜在需求，具备良好的网页美工设计能力，有良好的设计审美感，对网站的美工设计及色彩搭配有独特见解和体会，对网页布局有丰富的经验，能独立完成网页页面的美化，提高网页的实用性和美感。网页美工设计毕业生如果没有过硬的专业知识、专业技能，缺乏较高的设计美感，就难以在激烈的职业竞争中脱颖而出，难以在社会中找到合适的职业岗位。因此，中职学校要明确各专业的特色，以培养社会需求的实用型人才为育人目标。

（二）创新课程教学方法

近年来，我国职业教育飞速发展，培养适应社会需要的技能人才成为各中职学校当前最重要的任务之一。然而目前仍有不少中职学校专业教学采用较为落后的教学方法，专业教师的教学观念也比较落后。如，我校计算机专业网页美工设计课程教学就存在较为突出的“教有余而学不足，灌输有余而启发不足，复制有余而创新不足”的问题，教师在教学时往往只是照本宣科，讲解相关软件的使用方法和注意事项，然后让学生依样画葫芦去设计网页作品。这就容易导致学生创新能力不足，所设计的网页作品缺乏美感。因此，创新课程教学方法就显得迫在眉睫。教学实践证明，对中职网页美工设计课程教学方法进行创新，可以激发学生的网页设计兴趣，提升学生的设计审美能力，培养学生的创新思维和创新能力，使学生能够设计出具有实用性和美感的网页作品。

如，网页美工设计课程可采取线上线下混合式教学法。教学中，教师通过学习通平台发布课前、课后的学习内容，学生通过网络平台进行自学，在课前提前了解知识内容，在课后针对薄弱知识点查漏补缺。如在课前，笔者首先通过学习通平台发放广西少数民族资源网服饰栏目制作任务。这一任务是以字体为主的网页界面，让学生了解服饰栏目是以字体和简易图形作为呈现形式，色彩采取的是黑色和橙色相搭配的方式等知识，让学生提前感受文字设计的魅力，了解文字的主要功能是向浏览者传达各种信息和表述意图，明白阅读的舒适程度直接关系浏览者的心理感受。接着，笔者进行分组教学，将学生分成若干个6人小组，各小组按照笔者布置的网页设计项目完成项目学习，并对其他小组进行评价。教学中，笔者让每组学生设计一组广西少数民族资源网的子页面，写下设计思路、布局形式以及配色方案等。采取这种教学方式能让学生在交流中逐渐发展创新思维，激发学生的设计潜能，从而制作出美观实用的网页作品。最后，笔者对每组作品进行客观评价，再由各小组投票选出符合网页设计标准且具有美感的网页。通过“组内成员合作，组间成员竞争”学习模式，能够激发各小组学生的竞争意识，激发学生的学习兴趣，从而活跃学生的思维，提升学生的设计美感。

创新教法对职业教育高质量发展非常重要，通过不断创新和改进教学方法，让学生更加轻松地理解和掌握相关美学知识，最终完成创新设计，提高创造性思维和设计能力。这样既能够活跃课堂学习气氛，又能更好地发展学生的设计美感，培养学生的综合素质和创新能力。

三、优化师资培养，挖掘学生潜能，提高学生的设计美感

设计美感是中职计算机专业学生必备的一项艺术鉴赏能力，它能让学生认识美、感受美，从而设计出既具有实用性又兼具美感的网页作品。就中职学校实际情况而言，中职生的设计美感大多是通过后天培养形成的，由于学生在学习能力、感受能力等方面具有差异，所以学生的设计美感也会各有不同。网页美工设计课程教学的目的不是把每名学生都培养成软件技术能手或是艺术大师，而是要发掘学生的审美能力，培养学生的网页设计美感意识，从而不断提升学生的网页设计能力。要想实现这一目标，中职学校一方面要优化师资培养方式，加大对师资队伍美学素养的培养力度，提高计算机专业尤其是网页美工课程授课教师的美育能力；另一方面要不断挖掘学生潜能，通过有效实施教学、鼓励学生参加各级各类技能比赛等方式，不断发展学生的设计美感［1］30。为此，我校主要从以下三个方面着手相关工作。

一是教师作为知识的传授者，会直接影响学生的学习效果，专业知识和美育能力都很高的教师，可以最大限度地激发学生的设计美感潜能。因此，中职学校应该注重师资队伍的培养，建设高质量的教师团队。我校支持教师积极参加校外举办的美学课程培训，鼓励教师及时总结自己的教学经验，发现不足并进行改进，不断优化教师的专业素养，提升学生的设计美感。另外，教师作为知识的传播者，需要与时俱进，不断更新自身的理论知识和提升美育能力。因此，我校鼓励教师参加公益性设计比赛、美术展等艺术活动，或者关注一些與美学教学相关的微信公众号，用多种多样的方式提升自身的设计美感。

二是在网页美工设计课程教学中，教师要明确网页设计主题，让学生通过设计将主题思想在网页作品中表达出来，从而培养学生的创新思维，激发学生的设计美感潜能，提升学生的设计审美能力。以制作广西少数民族资源网美食页面banner图为例，笔者在学生制作前为其提供相关素材，并要求学生结合素材本身的特点和广西少数民族资源网的特征进行创新性设计。在具体设计中，不少学生采用简单明了、图文并茂的方式进行设计，以温暖、能给人带来愉悦的黄色系为页面的主色调，运用丰收和希望的色彩搭配营造出天然、健康的氛围。在设计边框时，学生也懂得运用广西壮族铜鼓图案纹样中的太阳纹样进行装饰，使图片和纹样融合，能够给浏览者以和谐美的视觉享受。

三是组织校内技能节网页设计比赛。近年来，我校积极为学生提供更多的提升设计美感的机会，让学生在不断比赛实践中发展自身的实践能力，从而培养出符合社会需求的实用型人才，促进学生就业。同时，我校加强校企合作，为学生提供更多实习机会，让学生参与实际项目，从而不断锻炼和提高学生的设计技能和美感。为了进一步开拓学生的视野，我校还鼓励和支持学生到校外参加相关的设计美感培训课程，尽量为学生搭建更为广阔的成长平台，让学生更好地掌握专业知识和技能，提升自身的审美能力。

网页美工设计课程是随着我国网络技术发展而发展起来的一门课程，对中职生而言是一门新课程，学习难度较大。但是随着我国民众精神生活需求的提高，人们在浏览网页时越来越重视网页浏览的视觉效果、网页设计的美感。在此背景下，市场对具备较强网页设计技术和较高网页设计美感的专业人员的需求量就越来越大。中职学校作为培养技术人才的阵地之一，与高职高专学校甚至是相关本科院校相比，其专业技术教学能力尚有不小差距；中职学校所培养的专业人才与这些院校培养的人才，在专业技能方面也有不小差距。面对这样的现实状况，中职学校要如何提高学生的就业竞争力、提高毕业生就业率？笔者认为，中职学校实现“破局”的关键在于深入推进“三教”改革，转变教育教学理念，尤其是在教学中摒弃过去重技能轻素养的理念，将技能教育和素养教育有机结合，培养出兼具技能和素养的复合型人才。

参考文献

［1］张丹.高职网页设计教学中版面视觉效果琐谈［J］.网友世界，2013（12）：28-30.

［2］翟莲秋.高职软件技术专业网页美工课程教学改革研究［J］.计算机产品与流通，2018（8）：178.

注：本文系2021年度广西职业教育教学改革研究重点项目“新一代信息技术背景下项目专递、证赛提升、中高衔接中职计算机web应用开发课程群开发与实践”（GXZZJG2021A060）的研究成果。

（责编 蒙秀溪）