艺术类高校网页设计教学课程模块研究

洪涛（河南大学艺术学院，河南 开封 475000）

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

一、网页设计美术人才培养现状分析

艺术设计教育在我国发展起步虽晚，但成长迅速，其人才培养方法备受各方关注。网页设计是一种新兴的数字艺术，它的创意取决于企业的文化属性和互联网的特色，它是一种附属于互联网之上的、艺术与技术合二为一的新型设计形式，它的界面设计既要注重界面中的构成元素，又要遵循用户体验，还要注重各页面链接的空间关系和视觉协调性，使之成为有着互联网特征的、综合性的数字设计艺术。

目前，国内各大本科院校多是依据所属专业来确定《网页设计》课程的教学侧重：计算机类的侧重代码编程，用于网站后台人才培养；艺术类的侧重界面规划和美化，适于网站前台网页美工的培养，但在网页设计课程的教学上存在主要以下两种现象：一是“轻维护、重美观”，培养出的学生多在意静态页面的艺术性，不在乎是否有利于后台维护；另一种是“轻线下、重线上”，培养的学生往往只在意屏幕的视觉效果，对线下互联网用户的需求了解不够，虽然网页界面看起来很漂亮，链接也很流畅，但实用性不强，更别说线下产品的开发了。因此，对艺术类高校网页设计课程的教学改革势在必行。

二、教学课程改革措施

对于艺术类高校网页设计课程教学中所出现的问题，有必要进行课程改革。首先要调整教学内容，新的教学内容将设置为网页设计艺术理论课程和软件实践课程两大模块。

1.网页设计艺术理论课程模块

网页设计艺术理论课程模块的知识点包含三部分，即网页设计的功能要素、网页交互设计、网站品牌形象的美学塑造。

网页设计的功能要素是网页界面设计的基础元件，了解其功能元素特点、作用及各元素之间的相互关系对网页的设计工作起着至关重要的作用。它的功能元素有背景与底纹、按钮与控件、页眉与页脚、导航器和目录、功能板块和广告位等，这些功能元素依靠文字、图片、色彩、多媒体和超级链接来实现。这些元素的形式语言遵循传统平面设计的设计原则，又和传统平面设计有很大不同。例如传统平面设计多是以印刷为目的，作品尺寸是固定数值，而网页设计是以连接互联网的显示器为最终呈现方式，它的宽度不宜超过显示器宽度，高度可以任意但只能显示一屏的高度，随着浏览者拖动下滑竿，显示高度随之变化；用于传统平面设计中的色彩在输出过程中是以印刷色CMYK形式出现的，而网页设计中颜色是的RGB模式，是标准的光色；传统平面设计中对于图像像素的设置往往是300像素，而屏幕显示的像素只有72像素…因此，教师在此部分教学中不但要传授网页设计各功能元素的作用与特点，还应该指出与平面设计中相对应元素的异同，让学生在区别中学习。

交互设计是网页设计最为重要的功能设计。交互设计源于工业设计的概念，原来平面设计专业教学内容没有交互设计的内容，为了更好的让教学内容与市场接轨，在调整后的教学内容中新增了这一知识点。此部分教学内容包括用户体验研究、层级结构设计、流程设计、低保真和高保真图等，通过模拟用户上网实际操作来进行分析，找出痛点，确定网站特色，确定栏目，将站点ID，栏目、实用工具、搜索引擎等交互设计元素和平面设计知识结合，将功能设计教学落到实处。

品牌化建设是企业视觉形象执行标准的延续和拓展。和大多线下公司一样，一家优秀的网站也需要品牌形象的塑造。从企业文化和性质入手，树立准确而独特的网站品牌形象，有利于公司在互联网上同类公司中凸显出来，提高上网者的浏览兴趣，增强浏览记忆，促进网站企业的宣传推广。

在教学内容中应渗透品牌形象概念，将此概念应用到网页设计的各个环节之中，无论是网页 LOGO、网页色彩、版式和导航设计等等都应该保持品牌形象的一致性。

2.软件实践课程模块

此课程模块包含两部分：新网页三剑客和常用简单代码识别

Fireworks、Dreamweaver、Flash是传统意义上的网页三剑客，过去网页设计的教学基本都依靠对它们的学习，虽然具有普遍性但对不同专业学习的针对性不强，结合平面设计专业现有软件掌握情况（Photoshop是艺术设计学生必修基础软件，多数学生都已掌握它的基本操作技巧），把此部分内容调整为“新网页三剑客（PS+Dreamweaver+Flash）”的学习。简单的说就是根据界面规划草图，用Photoshop制作出精美的静态界面效果图，并在此基础上再次利用PS软件进行切片、优化和输出HTML文档，用Dreamweaver版式、美化处理和超级链接，最后用Flash做特效替换，最终做出具备跳转链接功能的动态网页设计效果图。

网页设计美术人才最终所做出来的网页设计作品是网页效果图，需要软件工程师根据动态效果图代码编程上传才能更好的在互联网上呈现使用，为了更好后台工程师沟通，把动态效果图设计的共准确，网页美工师需要了解一些常规编程代码知识，但艺术设计专业学生多是文科生，数学和英语的掌握水平普遍不高，对此，在代码教学内容上选取一些常用的简单的代码语言，并结合Dreamweaver的Html标签和CSS规则的使用方法，利用框架，对现有模板优化和美化，提高网页设计动态效果图的实用性。

三、对接社会、校企合作，提高学生实战能力

艺术类高校网页设计课程教学改革的最终目的就是为社会输出合格的互联网网页设计人才，更好的服务社会。对此，在在校期间能够将课程教学活动中对接社会、加强校企合作就显得尤为必要和重要。学校根据自身特点选择合适企业建立教学实践基地，聘请企业网页设计骨干作为指导教师参与此课程实践教学。也可以组织部分优秀学生组建设计团队，成立工作坊，工作坊可以按照企业模式管理运营，承接校外的网页设计项目。此阶段教学针对学生社会接轨针能力培养，为学生对接社会提供条件，将企业文化和行业规范引入教学，实现校企无障碍对接，真正将理论与实践两种教学有机结合在一起。

在计算机信息技术飞速发展的大环境下，艺术类高校网页设计课程更要紧扣时代的脉搏，求实创新，不断地更新和丰富教学内容，结合市场创新教学方法，及时将最新案例和相关知识点引入课堂，最终培养出满足“互联网+”国家战略需要的，具有综合素养的，网页设计美术高级应用人才。