技校网页效果图设计课程教学改革的思考

陶慧燕

广州市工贸技师学院

技校网页效果图设计课程教学改革的思考

陶慧燕

广州市工贸技师学院

现今是网络信息时代，公司、政企都有自己的网站，不再局限于进行实体营销、推广和宣传。网络信息时代也对网站的设计，特别是在网站美观、实用性上提出了更高的要求。这都离不开在网站设计中充当着“化妆师”的网页效果图设计师。一个公司或单位的网站美观、实用水平，与网络效果图设计师的能力水平密切相关。而网页效果图设计课程是网页效果图设计师最重要的基石。要培养出好的“化妆师”，就要打好基石，因此对课程进行不断的教学思考和改革显得非常必要。文章阐述了网站效果图设计课程改革的要求，提出了网页效果图设计课程教学改革的建议。

网页效果图设计；教学；改革

现今社会的各个领域，都离不开网站和网页的应用，如国家机关、公司企业、银行、学校、家庭等都有自己的网站。而美观实用的网页效果和视觉体验使工作变得愉快方便。因此，催生了传统的网页效果图设计课程，但是从社会工作的必要性和学生的发展来看，传统的课程教学并不能满足日益丰富的网页效果和视觉体验带来的对技术的更高要求。有关网页效果图设计课程的改革也将被提上日程。

一、网页效果图设计课程教学改革的要求

网页效果图设计课程是网站开发维护的专业课。网页效果图设计课程培养出来的学生主要从事网页美工、淘宝美工、UI设计师等工作岗位，特别是现今非常热门的电商行业，都不能缺少这些岗位。而这些岗位，一般要求学生在毕业时，就能熟练操作PS等设计软件，有一定的审美能力和很强的工作实践能力，能尽快适应工作需要。大量实践表明，以课堂教学和案例实操为基础，教学一体化、工学结合的课程教学效果是符合社会工作的需求与发展的。技校一体化课程改革已经推动着教学体制的结构性改革，而网页效果图设计课程也必须进行相应的一体化教学改革，才能真正达到基础知识普及、工作实践实在和素质训练到位，才能真正培养出优秀的网页效果图设计师后备人才，才能真正做到以学生为中心，工学结合的教学效果，为各行各输送优秀的网页效果图设计师。网页效果图设计课程教学改革的要求主要有以下两点：

1.课程教学应该体现学生要熟练掌握现实工作中网页效果图设计师的基本技能

现实工作要求学生必须掌握网页效果图设计师的基本技能。所以课程教学中，必须培养学生对网页效果图设计有基本的了解和爱好，是学生能适应工学结合教学法的要求，为进一步学习和现实工作打下基础。现在网页效果图设计课程主要有网页效果图设计、WEB UI设计、网页美工、淘宝美工等一体化课程。所开设的课程教学必须重视网页效果图设计师基础知识与现实工作中操作技能的培养，提取典型工作任务，将工作任务应用到课堂上。而将工作任务应用课堂上的代表是，广州市工贸技师学院严建辉老师的工作页以及网页效果图设计课程，其主要从三大任务（个人博客效果图设计、艺术团网页效果图设计、淘金店网页效果图设计）出发，引出页面布局方法、配色、网页元素制作、网页效果图设计规范等切合现今示自评，80%的课堂时间是属于学生的。

网页效果图设计的课程教学一定要密切联系现实工作情景，以实操为基础、主要锻炼学生掌握网页效果图设计基础技能，使学习的内容能直接为工作服务。另外，工作页以及网页效果图设计课程教学中，对技校生技术和动手能力要求高，但并没有忽略理论知识的培养，而是注重理论知识与实践融合为一体。

2.引进校企合作活动作为一种定期的课程教学，为真正有兴趣的技校生提供更多学习网页效果图设计知识的平台。

为了更好地做到网页效果图设计基础理论知识与实践合二为一。广州工贸技师学院信息产业系一向重视工学结合教学和一体化教学，并为此提供良好的条件，邀请企业优秀人才过来指导和课程教学，建立了真人网页效果图设计师工作模拟场所、PS兴趣小组、公司网页效果图设计大赛、班微大赛、到企业顶岗实习等。这些校企合作活动，受到学生的欢迎和热捧，使学生很早就能接触并熟练掌握网页效果图设计相关技能。为了提高学生的动手能力，我系还将机房向有志学习网页效果图设计的老师与学生开放，招聘系务网站宣传设计师等职位，尽可能让多一些学生接触网页效果图设计相关事务，学习真实的技能。

二、网页效果图设计教学改革的建议

1.重视网页效果图设计课程改革

一般所讲的网页效果图设计，大约就是指目前网页美工、视觉设计、WEB UI设计等。需要的是一个整体的素质，比如审美，软件整合，人机交互能力，它是对整个软件、网站全局风格的一个设计，必须掌握PS和AI两个基本的软件，而且要精，有美术功底更好，但也不是一定要的。目前网页美工、UI设计师，特别是淘宝美工的需要量很大，线上销售离不开网站的鼎立协助。网页效果图设计的出现和发展，把电子商务的水平提高到一个新的高度，开创了新时代。正因为如此，在有网站开发与维护专业的学校，特别是技校，开设网页效果图设计是必要的。“技术在手，不怕走天下"，重视网页效果图设计课程改革也是顺势而下了，可以从以下几方面着手：

（1）知道网页在网站中扮演的重要角色

一个网站项目开发的过程一般分为网站策划、人员组织、页面设计制作、动态编程、测试发布、宣传与维护、项目总结。接到项目，要确立开发目标，然后进行关键页面的效果图设计，通过相关网站测试后，就能发布到网上，后面还要进行对网站的长期宣传及维护。如果网站严重落后于时代的发展，必须重新开发，整个网站项目的开发过程是不断循环的过程。

网页效果图设计是网站项目开发过程中至关重要的一步，它是通过PS等软件技术手段来对各个页面的效果图进行设计、配色和布局。效果图设计得如何，直接影响到整个网站的质量。网页效果图设计实际上是视觉的体现，网页设计师可以把对网站的理解通过图像的方式表现出来，然后让客户直观轻松地进行审核，客户也可以通过对效果图的审核，提出自己的意见和建议，让设计师进行修改。整个过程与客户是可以沟通交流的，减少返工，最终实现一个能够让双方都满意的设计效果。

（2）当今电子商务的发展和各行各业的网站已经离不开网页效果图设计师，必须充分认识到网页效果图设计教学的重要性。举个例淘宝美工也属于网页美工，淘宝美工这个关键词在“百度指数”中从2011年至今的“指数趋势”PC端变化过程，如下图：

图1 “淘宝美工”在百度指数中的“指数趋势”图

百度指数对指数趋势的解释是：互联网用户对键词搜索关注程度及持续变化情况，算法说明：以网民在百度的搜索量为数据基础，以关键词为统计对象，科学分析并计算出各个关键词在百度网页搜索中搜索频次的加权。根据数据来源的不同，搜索指数分为PC搜索指数和移动搜索指数。

从图上的指数趋势变化我们可以知道：淘宝美工从2012年开始便高速发展，电子商务行业对这一岗位的需要求是不断上升，可以看到，至2016年每年都是在稳定中上升。也就是这一岗位已是电子商务行业现今甚至未来的发展都是必不可少的。

课程教学应该以现今社会发展的趋势为动力，开发以及改革与社会生产力发展相适应的课程，重视网页效果图设计课程的改革是已经不可忽视的。

（3）对已有的机房加强管理，建立模拟网页设计师办公场所或工作室（站），健全相关设备的配置，如手写板、草图设计画板等，让同学们尽可能接触较为真实的实践过程。

（4）提高网页效果图设计课堂教学质量，狠抓工学结合以及一体化教学效果，教师和学生做出真正的设计成果，尽可能还原真实工作现场，能够出现真材实料的设计能手。

（5）保护和调动网页效果图设计课程教师的教学积极性，在考核、晋升、进修等方面与其他学科等同对待，在校企业合作方面也提供多点机会让教师和企业人才相互调动岗位的形式促进工学结合的教学效果。

2.传统教学形式必须改革，实现一体化教学

当前的教学中，传统“灌输式”教学形式根深蒂固，教师在讲台辛苦地不厌其烦地讲解，学生不断地听（相信大部分人都只听懂一部分或完全没听）。而网页效果图设计课程不仅要求学生动手能力强，还要求学生具体通用能力素质，包括交流沟通能力、团队合作能力、表达能力等。不实现一体化没法学，不实现一体化学了也白学，出来工作是百分一百无法立即适应的。网页效果图设计课程教学可以实现一体化教学，教师可以通过这样的形式实现：引出典型任务--安排典型任务--学生自行分工--学生自主完成工作任务--展示成果--教师点评成果--学生和教师小结。这样的课堂才能以学生为中心，学生在整个过程都是主人翁。也只有这样工作式的学习，才能激发学生学习的自信心，才能更快地发现工作中一些琐碎但是又很重要的问题。通过和队友的合作，还可以及时地解决问题，锻炼了多种能力。这才是有效的教学。

学生通过这样的课堂能自主地进行学习，并更好地完成教师布置的工作任务，自然也就达到了对学生的学习能力、实践能力、创造能力以及工作能力的培养。

3.重视教师队伍的成长

现今社会已步入信息时代，信息与技术日新月异。技校的技术，特别是计算机技术专业技术在不断地更新换代。因此教师队伍的成长是至关重要的，教师的业务水平直接影响到教学水平。所以更应为从事网页效果图设计教学的老师，定期举办相关的技术培训，或者定期到企业中去，与企业工作人员交流乃至顶岗实习。老师们要不断主动地去到新技术第一线，把最新的案例和工作方式方法引进课堂。这样我们课堂上教出来的学生才不会与社会脱轨。

4.教学方法必须是从现今工作的工作方法中提取出来的典型

网页效果图设计也好，网页美工、淘宝美工或UI设计也好，都是现今社会高速发展的“宠儿”，工作和生活的方方面面都离不开它的身影。有了它，我们的网页变得整洁大方；有了它，我们的购物有了艺术感；有了它，我们的移动设备界面更加人性化等。网页设计已经渗入到我们身边的每一处，它在各行各业中的使用，增加了美的感受和方便。特别是电子商务行业对它是万般宠爱。把它在工作和生活中的重要应用映射到网页效果图设计课程的教学中，将其转换成我们的教学方法，才足以适应新的形势，提高教学质量和效果。将真正的网页效果图设计的工作方法和感受，作为一体化的教学方法，是现在与未来课程发展和改革的趋势。我院对网页效果图设计课程的改革是大力支持的，而且在全国的课程改革发展中的影响力也是巨大的。学院花了大量的资金购置相关的自动化设备，建立了多媒体教学系统、校园网络系统、摄影棚；充分利用现代化一体化教学手段，健全学习工作站，让工作方法淋漓尽致地体现到教学上；让学生感到自已是在快乐真实地工作。

5.加强技校生网页效果图设计课程学习，有效进行学习自主化和自动化

为了加强技校生的网页效果图设计课程学习，还必须更好地利用校园网络系统、QQ、微信等平台。只有学生的硬件和软件自动化水平提高了，学生才能更主动接收并利用校园网络系统、QQ、微信等平台进行自我管理工作。我们学校在网页效果图设计课程教学中，不只是教会学生掌握几个设计软件的操作，还要使他们能主动有规划地利用学习到的技能和能力去获取更多的新知识。学校成立了PS兴趣小组和各种PS技能比赛。日常学习和生活也少不了兴趣小组的参与，比如系微、班微、各种活动宣传网页效果图和LOGO的制作，均由学生自主完成，从设计的理念到成果的产出，甚至学生自已安排社会上的业内人士进行专业点评。学校还建立了一支学生管理员队伍，这支队伍专门为不懂PS的领导、教师、学生提供日常的学习和生活帮助。举个例子：学生和教师的证件照的制作。队员不仅能真实地感受到了工作的乐趣，又学习到很多课堂上没有的案例，更贴近现实工作与生活。

三、结语

以上是对网站效果图设计课程教学与现实工作之间的关系的思考，对网页效果图设计课程教学改革的几点建议，希望网页效果图设计课程能真正实现工学结合一体化教学改革，与时俱进，能为各行各业输送更多优秀的高技能人才，能为国家和社会的发展再添新砖再加新瓦。

[1]崔英敏，李睿仙.Photo shop CS6实例教程[M].北京：人民邮电出版社，2014.8.

[2]刘心美，朱晓华.网站效果图设计[M].北京：机械工业出版社，2012.3.

[3]严建辉.网页效果图设计[M].北京：机械工业出版社，2013.7.