交互设计在《网页设计》课程中的作用研究

花 晶

（安徽工程大学 艺术学院，安徽 芜湖 241000）

交互设计在《网页设计》课程中的作用研究

花 晶

（安徽工程大学 艺术学院，安徽 芜湖 241000）

现在互联网的发展冲击着人们生活的个个角落，近几年我国也在大力倡导“互联网+”的思维方式，在此背景下作为高等艺术院校的专业课程《网页设计》课程就显得尤为重要.由于时代及技术的更新，现在互联网也从非移动端转向为移动端，网络信息传递操作模式也从早期的B2B转向了C2O，人们从早期的互联网信息的直接索取，到现在的与互联网信息平台的交互，互联网思维已经发生了翻天覆地的变化.而作为研究互联网平台与用户体验之间关系的交互设计，应该是作为《网页设计》课程中的重要一部分.本论文就是从教学对象、教学目标、教学方法等角度论证如今交互设计在《网页设计》课程中的重要作用.

网页设计课程；交互设计；移动端互联网平台

随着“互联网+”的思想提出，互联网的发展、计算机技术、多媒体技术的有着更加迅猛的发展，人们对于网站有着越来越强的认识，人们也越来越依赖于互联网世界，那么社会对于网页设计的人才也有着越来越多的需求.因此高校教育过程中加强网页设计的课程教学，对于网页设计的人才培养具有十分重要的意义.在高等艺术院校中，《网页设计》的课程设计中，我们对于培养目的有着明确定位，主要是为社会输送合格的网页设计人才.网页设计课程的教学目标是使学生掌握网站的构建以及网页的页面设计，熟练应用DREAMWAVE、PHOTSHOP等软件完成网站的开发与设计.而本人在艺术学院里从事多年的专业教学工作，主要教授方向是视觉传达专业的网页设计课程，面对的授课对象为视觉传达专业大二、大三的学生.所以本文所阐述有关课程的观点主要是针对这部分人群.而随着互联网对于我们生活的逐步影响，无论是针对移动端还是非移动端的互联网，人们对于互联网界面的功能及视觉的质量要求也越来越高.现在移动端互联网在大力发展，特别是“互联网+”思想的提出，结合云计算、大数据、物联网等融合.人与界面之间的互动性、人与界面的交互体验等都成为判断好的网站的标准.所以，在《网页设计》课程中应对交互设计这一部分内容有所体现.

1 交互设计的概念

交互设计作为研究方向是源于20世纪60年代，是以人机交互的形式出现.主要研究的对象是人与界面之间的关系.当上个世纪80年代计算机应用技术的盛行，也使人们更加关注于人与计算机界面之间的关系.唐纳德·诺曼更多地从心理学角度关注了交互设计的标准语汇.他提出，设计一个有效的界面，必须始于分析一个人想要做什么，而不是始于屏幕应该显示什么的一个隐喻或者一种观念[1].那么，交互设计实质上就是直接把人类的行为作为设计对象.交互设计作为一门学科，发展自己的语汇是必不可少的.从人机交互的技术层面看，交互设计侧重于人与计算机的交互方式如何用软硬件技术来实现，那么交互过程是一个输入和输出的过程，人通过人机界面向计算机输入指令，计算机经过处理后把输出的结果呈现给用户[2].人类行为作为交互性内涵的最基本层次，决定了交互性的本质是人的动作，这种动作行为包含人和人之间的、人和交互物之间的互动.[3]目前，互联网是处于一个快速发展时期，互联网也将不同的专业领域融合在一起，就网页设计来说已经不仅仅是页面中的色彩、文字、排版、链接等元素组合而成的.而是要将设计心理、设计方法、交互设计等不同的领域相互融会贯通.特别是现在，从人与互联网客户端的偶尔关联，到如今人与互联网移动客户端的时时关注，人与界面之间的行为关系已经成为一种非常重要的行为关系.所以我们在研究并学习网页设计的时候应该加强对这方面的认识.

2 《网页设计》课程的介绍

本文《网页设计》课程主要指高等艺术院校内的专业课程.那么《网页设计》课程是一门以网络为媒介的，结合平面设计、版面设计、动画设计、交互设计等多方面基本要素的艺术学院专业课程.《网页设计》课程培养目标是为了培养学生的能够适合互联网的发展和多媒体技术的迅猛发展，通过网站的站点平台设计出优秀的网页页面，从而能够传递出正确的设计意图.但现在对于从互联网端到移动互联网端革命性的发展，《网页设计》课程应对技术的发展、社会的发展有所调整.我们对于《网页设计》课程的安排主要从教学策略、教学目标、以及考核标准等几个方面考虑.首先，教学策略主要就是指对于教学目标以及整个教学过程中的程序、方法、形式和媒介等因素的总体性的考虑.也就是说在整个教学过程中考虑到学生的情况、考虑到教学硬件环境，从而采用最适合的教学手段以及方法.在高等院校中的《网页设计》课程，所面对的是大二、大三的学生有一定的专业基础，完全被动式的教学方式是不适合的.我们要采用的是主动教学与被动教学相结合的方式.网页设计课程的知识体系相对来讲比较复杂，在教学过程中需帮助学生建立有效的知识框架，然后用引导的方式使学生能够通过自主学习达成学习目标.同时，也可以很好地培养学生的个人的想象力和创造力.再者，我们需要建立相应的教学目标，而作为网页设计课程的教学目标就是培养学生成为具有较高的思想理论素养和艺术类网页设计创作研究能力的高素质艺术设计人才.通过启迪学生的审美意识，提高学生敏锐的观察力与感受力、延伸和发展学生的设计创作个性；通过培养学生的想象能力，激发学生的设计灵感.围绕基本目标，以勇于探索，不断创新的精神.最后，针对网页设计课程我们需要建立相应的考核标准，即：通过本门课程的学习与制作，使学生在网页设计领域具备自学钻研能力，能够运用制作网页，独立完成静态网页艺术设计作品.该作品要达到：（1）整体设计风格统一、主题突出，页面效果具有较强的视觉冲击力，整个设计具有亲和力.（2）网页功能明确，栏目设计合理.（3）层次清晰，网站结构明确.

3 交互设计在网页设计课程中的作用与课程设置

作为艺术设计相关专业的一门主干专业必修课，网页设计课程一般的总学时为64学时.一门课程的课程设置包括这门课的内容设置和课堂环节设置两个方面.作为高校艺术学院的专业课程，在课程环节设置中首先要考虑课程目的以及培养对象特征.本课程作为高等院校艺术学院的专业课程，其课程目的是以培养学生网站建立与欣赏的基础上能与现有的就业市场需求之间解决供求问题.所以本课程应时刻与市场的变化保持紧密联系，在内容设置方面更应随着外部环境的变化而变化，与社会、科技的发展保持一致.

作为高等院校的艺术专业所教授的网页设计课程，主要是以创意、构思、构成元素、版面设计、色彩取向、设计风格等统一表现在一起的页面设计.主要培养对于网页的视觉界面设计，突出网页的审美性能以及页面信息传递的准确性.我们对这类网页类型称之为“静态网页”.“静态网页”，就是在网站设计中，纯粹HTML格式的网页，那么早期的网站也主要是以静态网页制作为主的.静态网页相对于动态网页而言，是没有后台数据库、不含程序和不可交互的网页.一般看来，是编写什么页面就显示什么页面，不会有改变.通常的这种“静态网页”着重点是信息的传递，和页面的视觉表现.但由于互联网视觉的发展，人们在浏览无论移动端网页还是非移动端网页，更趋于对于页面的交互感、以及页面的用户体验对之的反馈.所以我们在教学内容上也要体现其发展的特点，我们在制定教学内容时要精密的和市场的变化相结合，以市场指导教学内容的更新，并能够使教学促进市场发展.作为艺术学院的专业课程《网页设计》课程的内容设置主要为：（1）网页的基本概念.（2）网页视觉元素分析（网页色彩分析、网页文本分析、网页布局分析、网页对媒体元素分析）.（3）站点制作概述.（4）网页页面制作.（5）实践指导.网页的基本概念教学环节主要通过基本概念的讲述，让学生能理解网页及网站之间的联系与区别，并通过大量市场上已有的网站的案例，让学生能全面理解网页、网站、市场、人类需要等整体大框架.在网页视觉元素分析教学环节，主要是通过对色彩、文本、布局、多媒体这四种元素分别讲述，让学生能够从视觉语言的角度来理解网页页面的视觉信息传达.在站点制作概述教学环节，主要通过“WWW”万维网的基本概念来让学生理解互联网工作的基本原理，并通过实例演示讲述站点的建立.网页页面制作教学环节，主要的内容为（1）HTML语言的讲解.（2）PHOTOSHOP前期效果处理的讲解.（3）DREAMWEAVER页面建立软件的讲解等组成本章节内容.实践环节教学内容主要通过一个课题，来引导学生建立一组静态页面，通过实践环节教学内容使学生能更好地、更完整地理解网页设计这门课.

《网页设计》课程的教学任务是为了实现教学目标而设定的，我们在制定教学任务时，是需要根据教学对象的学习能力及特征来确定范围和深度的.笔者对于教学任务采取了层次设计的方式，可以使不同的教学对象根据自身能力来接受相应的学习内容，从而达到最终的教学目标.教学任务（1）：具有一定的网站鉴赏能力以及网页页面的鉴赏能力.教学任务（2）：掌握网页页面设计的基本要素：文字、图像、表格等并能利用PS软件做出页面草图.教学任务（3）：了解基本的HTML语言，并熟悉HTML页面.教学任务（4）：能够建立站点，并完成10个页面的超级链接，能够建立网站的树状模型图.教学任务（5）：利用DIV+CSS，构建页面框架，丰富页面内容.教学任务（6）：根据不同主题网站的要求，独立完成企业网站设计制作.

这样的课程内容设置是比较成熟的，相比较而言也是完整的.但作为高等院校的专业课程，应该是紧随时代及市场的发展.网页设计课程亦是如此.互联网事业的发展在短短几十年间从未停止变革的脚步.近几年互联网事业的发展从非移动端到如今移动端互联网的如火如荼，交互设计的出现更是为现在的网站建立和App建立添加了人机之间的互动性.也可以说交互设计是现如今互联网事业中不可缺失的一部分，交互设计也影响着互联网的发展.而网页设计课程对于交互设计这部分内容的融入，在一些高等艺术院校中的网页设计课程有体现，但并不充分，而有些院校的网页设计课程中完全没有体现交互设计，也有些院校是将交互设计作为一门单独的课程，这样并不能很好地与网页设计课程做衔接.

笔者认为现在对于网页设计课程的课程设计中应把交互设计纳入网页设计课程中作为课程中一个章节，并通过相应的教学设计及教学手段分别从概念、案例、内容、实践等方面在网页设计的课程中系统的、完整的体现.

〔1〕黄奋鸣.新媒体与西方数码艺术理论[M].上海：学林出版社，2009．

〔2〕黄本亮.交互设计的语义层面[J].包装工程，2013（01）：38.

〔3〕王峰.数字化城市公共艺术交互性内涵研究[J].包装工程，2010，31（24）：124.

G434

A

1673-260X（2017）12-0033-02

2017-09-04

2016年度安徽省高等教育提升计划科学研究一般项目（TSSK2016B12）