平面设计专业网页设计课程教学改革

平面设计专业网页设计课程教学改革

摘要:随着“互联网+”国家战略的大力推进,社会对网页设计专业人才的培养提出了新的要求。该文根据平面设计专业网页设计课程的特点,分析该课程教学存在的问题,并针对问题从教学内容、教学方法两个层面阐述具体改革措施,旨在提高平面设计专业网页设计人才的社会实践对接能力。

关键词:平面设计;网页设计;课程教学;改革

随着“互联网+”国家策略的大力推进,我国社会发展急需大量优秀的互联网人才,而网页设计人才是互联网人才的重要组成部分。为了配合国家战略实施,目前国内各大高校纷纷把网页设计设置为平面设计专业高年级学生的必修课程。然而,随着近年来平面设计高等教育的不断扩招,以往的课程体系和教学方法已无法满足当代和未来社会对网页设计人才的要求,而忽视市场需求的人才培养模式也会使人才培养与市场需求间的距离越来越大。所以,对平面设计专业网页设计课程教学的探讨十分重要。

一、教学现状分析

平面设计教育在我国起步虽晚,但发展迅速,其人才培养方法备受各方关注。网页设计是一种新兴的数字艺术,它的创意取决于企业的文化属性和互联网的特色,它是一种附属于互联网、融合艺术与技术的新型设计形式,它的界面设计从平面设计入手,内涵却远远超出了平面设计概念,既要注重界面中的平面构成元素,又要考虑用户体验,还要注重各页面链接的空间关系和视觉协调性,从而成为具有互联网特征、综合性的平面设计。目前,国内各大本科院校多依据所属专业确定网页设计课程的教学侧重点。计算机类的侧重代码编程,注重培养网站后台人才;艺术类的侧重界面规划和美化,致力于培养网站前台、网页美工。但各专业在网页设计课程教学上主要存在以下两种现象:一是“轻维护、重美观”,培养出的学生多注重静态页面的艺术性,不在乎是否有利于后台维护;另一种是“轻线下、重线上”,部分学生往往只在意屏幕的视觉效果,对线下互联网用户的需求了解不够。这导致他们设计的网页界面看起来很漂亮,链接也很流畅,但实用性不强,更不利于线下产品的开发。因此,对平面设计专业网页设计课程教学进行改革势在必行。

二、教学内容的调整

对于平面设计专业网页设计课程教学中出现的问题,首先要从教学内容上进行调整。新的教学内容调整为艺术理论课程和软件实践课程两大模块。

1.艺术理论课程模块

艺术理论课程模块的知识点分为三部分:网页设计的功能元素、网页交互设计、网站品牌形象的美学塑造。网页设计的功能元素是网页界面设计的基础元件,了解功能元素的特点、作用及各元素之间的相互关系,对网页设计工作起着至关重要的作用。网页设计的功能元素有背景与底纹、按钮与控件、页眉与页脚、导航器和目录、功能板块和广告位等,这些功能元素依靠文字、图片、色彩、多媒体和超级链接实现。这些功能元素的形式语言设计遵循传统平面设计的设计原则,又和传统平面设计有很大不同。如,传统平面设计多以印刷为最终呈现方式,作品尺寸是固定数值,而网页设计是以用户的显示器为最终呈现载体,所以作品的宽度不宜超过显示器宽度,高度可以任意,但只能显示一屏的高度,随着浏览者拖动滚动条,作品的显示高度随之变化。用于传统平面设计中的色彩在输出过程中是以印刷色CMYK形式出现的,而网页设计中的颜色是RGB模式,是标准的光色。因此,教师在此部分教学中不但要传授网页设计各功能元素的作用与特点,还应该指出它们与传统平面设计中相对应元素的异同,让学生在区别中学习。交互设计是网页设计最为重要的功能设计。交互设计源于工业设计的概念,原来的平面设计专业教学中没有交互设计的内容,为了更好地让教学内容与市场接轨,在调整后的教学内容中新增了这一知识点。此部分教学内容包括用户体验研究、层级结构设计、流程设计等,通过模拟用户上网实际操作进行分析,找出用户的关注点,确定网站特色和栏目,将站点ID、栏目、实用工具、搜索引擎等交互设计元素和平面设计知识结合,将功能设计教学落到实处。品牌化建设是企业视觉形象设计的延续和拓展。和大多数线下公司一样,优秀的网站也需要塑造品牌形象。从企业文化和性质入手,树立准确而独特的网站品牌形象,有利于企业在互联网上从同类公司中凸显出来,提高上网者对该企业网站的浏览兴趣,增强上网者的浏览记忆,促进该企业的宣传推广。在艺术理论课程模块教学内容中应渗透品牌形象概念,将此概念应用到网页设计的各个环节之中,无论是网页LOGO、网页色彩还是版式和导航等设计,都应该保持品牌形象的一致性。

2.软件实践课程模块

软件实践课程模块包含两部分:“新网页三剑客”和常用简单代码识别。Fireworks、Dreamweaver、Flash是传统意义上的“网页三剑客”,过去网页设计的教学基本是对它们的学习。这虽然具有普遍性,但对不同专业学习的针对性不强。结合平面设计专业学生现有软件掌握情况(Photoshop是平面设计专业学生必修基础软件,多数学生已掌握它的基本操作技巧),把此部分内容调整为“新网页三剑客(Photoshop+Dreamweaver+Flash)”的学习。简单地说,就是根据界面规划草图,用Photoshop制作出精美的静态界面效果图,并在此基础上再次利用Photoshop软件进行切片、优化和输出Html文档,用Dreamweaver进行版式美化处理和超级链接设计,最后用Flash做特效替换,最终做出具备跳转链接功能的动态网页设计效果图。平面设计专业最终制作的网页设计作品需要软件工程师根据动态效果图代码编程上传,这样才能更好地在互联网上呈现。为了更好地与后台工程师沟通,把动态效果图设计得更准确,网页美工师需要了解一些常规编程代码知识,但平面设计专业学生多是文科生,数学和英语的掌握水平普遍不高。对此,在代码教学内容上应选取一些常用的、简单的代码语言,并结合Dreamweaver的Html标签和CSS规则的使用方法,利用框架,对现有模板进行优化和美化,提高网页设计动态效果图的实用性。

三、以项目教学方法为载体,提高学生的实战能力

为了提高学生的实战能力,将社会项目、经典案例引入课堂教学,并分层次逐级深入。

1.第一级:精选案例、分解任务阶段

教师应该根据学生的特点和网页设计所需掌握的相关知识点,精选典型实际案例,引入教学环节。分解项目到每一个知识点,边教边练,将实践和理论有机结合,并逐一讲解。教师选择的案例要具有吸引力、综合性,能涵盖知识点,案例不需要多,两三个即可。教师在讲授案例时应强调学生的主体地位,对学生进行引导和解惑,遵循由浅入深、由易到难的原则,以具体分解任务作为驱动,进行教、学、练的课堂活动。此阶段应激发学生自主学习的兴趣,培养他们独立自主分析、解决问题的能力和实践能力。

2.第二级:项目分工合作阶段

此阶段将学生分成若干设计小组,几个小组共同承担一个项目,每组在项目中的任务各不相同,各小组分工协作,大家共同制订项目计划和实施方案,推举大组长为项目总负责人,负责最终方案的定稿和项目材料的整理。在项目设计的整个环节中,每个小组拥有充分的自主权,大大地调动了学生的积极性。各小组成员共同面对随时出现的问题,合作完成任务。这样的交流过程使每名学生都能参与项目设计活动,提升自主学习能力。在这种交流中,所有学生的思维碰撞出火花,产生新的创意,大大提高了学生的创造激情和探索冲动,加强培养了他们的团队协作能力,为他们以后步入社会打下了基础。教师在这个阶段应该全程监控,引导学生自主解决问题,表扬优点,发现不足,汇总各个组项目实施中的共性问题,对共性问题所涉及的理论知识与软件操作集中补充讲解。

3.第三级:对接社会、校企合作阶段

平面设计专业网页设计课程教学改革的最终目的是为社会输出合格的互联网网页设计人才,更好地服务社会。对此,平面设计专业网页设计课程教学对接社会、加强校企合作就显得尤为必要和重要。学校应该根据自身特点选择合适的企业建立教学实践基地,聘请企业网页设计骨干作为指导教师参与网页设计课程实践教学。学校也可以组织部分优秀学生组建设计团队,成立工作坊,工作坊可以按照企业模式管理、运营,承接校外的网页设计项目。此阶段教学培养学生的社会接轨能力,为学生对接社会提供条件,将企业文化和行业规范引入教学,实现校企无障碍对接,真正将理论教学与实践教学有机结合在一起。在计算机信息技术飞速发展的环境下,平面设计专业网页设计课程更要紧扣时代的脉搏,求实创新,不断地更新和丰富教学内容,结合市场发展趋势创新教学方法,及时将最新案例和相关知识点引入课堂,最终培养出满足“互联网+”国家战略实施需要、具有综合素养的网页设计高级应用人才。

参考文献:

[1](美)贾森•贝尔德.完美网页的视觉设计法则(第2版).石屹,译.电子工业出版社,2011.

[2]范双南,李希勇,万宏辉.现代设计基础——21世纪艺术设计专业规划教材Dreamweaver网页设计.北京工艺美术出版社,2009.

[3](美)RobertHoekman.Jr.瞬间之美:Web界面设计如何让用户心动.向怡宁,译.人民邮电出版社,2009.

作者:洪涛 单位:河南大学艺术学院