首页 > 文章中心 > 正文

网站设计课程教学内容研究

网站设计课程教学内容研究

[内容摘要]艺术设计专业的网站设计课程应该包含界面设计与网站建设技术两方面的内容,学生应该通过该课程学会如何设计、制作网站,理解网站建设中艺术与技术的关系。本文结合当前艺术院校网站设计课程的现状对艺术院校网站设计课程的教学内容提出一些建议。

[关键词]艺术设计网站设计教学内容

一、国内艺术院校网站设计课程现状

国内部分艺术院校开设网站设计课程已经有15年以上的历史。随着网络技术的发展与普及化,现代生活中已经很难离开这种媒体形式。网站作为互联网的“窗口”,向人们展示了精彩的世界,拉近了人与人之间的距离,也让人们在办公、娱乐、学习等领域越来越多元化。近几年电子商务带来的巨大利益,让更多的企业和个人把大笔资金投入网络市场,大量的网站相关的设计人员缺口和相对较高的待遇,导致很多在传统设计领域工作的设计师纷纷转入这个行业,很多学生也逐渐对这个领域感兴趣。网站设计课程也因为互联网经济发展导致市场需求大增。网站建设技术包括互联网基础知识、前台程序、后台程序、显示设备的一些基础知识等。网站建设技术是网站界面设计过程中非常重要的依据,单纯运用艺术设计原理进行网站设计有可能会给后期技术开发造成麻烦。例如,很容易在程序开发过程中实现不了,或者实现起来增加开发成本等。网站的界面建立在屏幕显示的基础上,因此,设计师必须了解像素等相关基础知识才能在设计开始阶段合理创建文档,从而进一步深入设计。网站是展示与交互的结合,网站建设不是单纯地把界面设计美观就可以了,了解相应的开发知识、交互技术特点,才能够有效地设计出美观、实用的界面。当前,很多院校对网站设计课程从教学方法、教学内容等方面进行了探索和改革。个别院校从师资配备上具有专业的技术教师,例如国内某美术学院在网站设计课程教学中分为网站设计和网站技术两方面教学内容,前四周为设计专业教师授课,然后是三周计算机专业教师授课。这种教育方式相比早期的网站设计教育有着本质的不同,让学生对网站相关知识了解深刻并且更具有专业性。还有些院校能够和企业合作,由企业派出技术人员参与教学任务的完成。由此可见,很多院校对网站设计的技术教学给予了足够的重视。

二、当今艺术院校网站设计课程教学内容

一个完整的网站建设往往都是由一个团队合作完成,包括策划、界面设计、交互设计、程序设计、运营维护等。很多专业都开设有网站相关课程,从授课内容来说区别比较大。例如,计算机专业网站课程主要从网站前、后台的程序方面进行讲解,而艺术院校则主要讲解界面设计原理与方法。但是近些年随着教学改革的进行,一些有条件的艺术院校增加了前台开发程序的学习。当今艺术院校网站设计课程大部分还是以设计为主,但一些有条件开设相关技术内容的院校教学内容主要分为两个部分。一部分是传统的设计方面的内容,包括网站策划、版式设计、色彩、图标、字体、图片等方面,有些内容在前导课程中有所学习,但是网站课程会针对网站的特点进行专门的版式、色彩等方面的训练。另一部分是技术方面的内容,主要讲解的是前台程序,包括HTML、CSS、JavaScript等浏览器端语言,使用的软件主要是Photoshop,AI,Dreamweawer等。如果条件允许,也会介绍一些后台程序的实现原理等方面的基础知识进行扩展学习。不是所有的艺术院校都会开设前台程序课程,有些只是讲解一下Dreamweawer软件的操作方式。网站设计作为一门应用性强、专业跨度大的课程,非常注重行业能力的训练,学生的实践过程非常重要。网站设计的实践能力不仅仅体现在设计、制作网站上,还包括团队合作、语言表达等方面的能力。教师一言堂的课程能起到基础的了解目的,但如果能让学生参与整个网站的制作过程,对于学生的理解和动手实践能力会有更大的帮助。

三、网站设计课程技术内容授课难点

艺术专业的学生掌握网站界面设计同时了解网络相关技术知识,对他的学习和今后的工作有非常大的帮助。但是,在实际的教学过程中,技术知识的讲解存在很多难点。1.错误认识网站技术课程学习对于一个成熟的网站设计师而言,他对于设计有了较深的理解,需要程序开发等技术知识来进一步提高他的专业能力。但是,很多艺术院校的学生设计基础非常薄弱,如果过多强调技术内容而削弱设计训练,让学生误认为学会了几个软件,掌握一些基础的前台开发语言就是网站设计,这样就本末倒置了。而有些院校对网站技术内容的理解不全面,把教学精力放在了软件和单纯的实验性的设计训练上,这样的教学不够完整,结果很可能就是纸上谈兵。所以,对网站技术的理解要系统化、专业化,并且能够主次清晰地指导学生技术和设计的关系才是正确的途径。2.艺术院校技术教师配置不完善有些院校对于网站设计技术学习有足够的认识,学生也愿意学习相关的技术知识,但是师资却成为了这类学校很大的障碍。现在,个别艺术院校配备的网站程序人员都是计算机专业出身,并且有些教师没有多少实践经验,也没有设计基础,如果他们只是单纯地讲解程序,设计与技术教学工作很难完美地衔接。而大部分艺术院校的设计教师对技术理解不够深刻,那么讲解给学生的内容更多的是实验性的训练,并没有太多的市场价值。3.教学内容时间分配不合理程序的学习是一个逻辑性非常强的过程,对于新接触这个领域的学生来讲,需要学习的知识过于繁杂。大部分艺术院校网站课程的课时设置都在40课时、48课时、64课时左右,而网站界面设计方面内容讲解也需要大量的时间,两者在时间分配上就得进行取舍。是平均分配还是哪方面内容占用更多的时间,这些问题都难以处理,导致不合理的时间分配。4.Dreamweaver误区艺术院校网站教学中,很多艺术专业教师本身对网站技术的理解并不专业,仅仅讲解Dreamweaver软件。客观来讲,这个软件对于设计师还是比较重要的,它能快速实现网站的前台效果。但是,学生如果不了解HTML等程序,只知道操作Dreamweaver软件的话,既不利于网站优化,也不能与后台程序员进行专业衔接。

四、从教学目的和市场需求方面调整课程内容的一些建议

1.树立网站设计课程界面设计与技术内容的正确关系

从艺术与技术的关系角度分析,拥有技术支持的艺术才能更加具有说服力,纯粹从设计内容出发进行教学对学生的实践能力提高并不大,而过于强调技术内容的重要性对学生的设计能力也没有什么帮助。因此,网站设计课程应该明确设计与技术的关系。设计能力的提高是艺术院校教学的基本目的,而技术内容则是提高设计能力的辅助内容。从市场需求来讲,很多公司在进行招聘网站设计师的时候,在需求中都有类似“熟悉HTML,CSS优先聘用”等信息,但是公司招聘的还是以设计为主的设计师而不是程序开发人员。因此,当艺术院校有条件进行技术授课的时候,应该让学生意识到技术的原理和对设计的关系,有能力的学生可以多学习一些技术知识,多参与到前台程序开发中,甚至了解一些后台程序的运行原理,以后和真正的程序人员进行合作也会游刃有余。网站设计教育中加入技术层面的教育能让学生从基础原理上理解一个网站的实现与特点,也为本科生今后专业水平的提高打下良好基础。下面简单分析一下主要的界面设计元素与开发技术的联系。第一,版式设计。网站界面设计中版式设计和技术的关系最为直接。最早的网站还不能加载图片,全是由文字构成,因此这时的网站就像一个Word文件,版式设计的局限性非常大。前几年,Flash网站盛行,当时使用Flash进行整站设计可以像PS软件操作一样,设计师可以直接操作软件工具进行各种自由的版式、动画、交互设计。现在,HTML5成为主流的“前台”语言,版式设计布局更加严谨、规整。随着技术的变化,版式设计的方式和特点都有着巨大的变化。当前主流的网站布局都能适应各种尺寸的显示器和不同的移动设备,主要原理是利用程序判断浏览者使用设备的分辨率来调取相应的CSS文件,使用最有效的栅格系统排版方式来调整版式排列,通过规范的矩形区块进行内容的组合。这种网站版式风格去掉了浮华的效果和随意的结构,也是现代市场上出现的网站大部分都很规矩的原因。技术的进步与变化,对设计的影响非常直接。第二,色彩。网站的色彩是基于显示设备进行展示,因此,设计文件一定是RGB的色彩模式。显示设备呈现的颜色比印刷色彩要明亮很多,因此,在网站色彩搭配时不适合使用大面积纯度过高的色彩。所以,学生在进行网站色彩学习的时候,不能仅仅依据之前课程的设计原理进行设计,也要考虑技术特点与设备特点等综合因素。第三,字体设计。字体的正确使用有利于程序开发,也有利于界面设计的效果展示。例如,正文字体一般不会使用特殊字体,而是普遍使用系统自带字体。如果要使用特殊字体,那么就需要做成图片或者在程序端进行相应的设置。所以为了更高效的开发,设计人员需要了解怎么使用特殊字体,什么情况下尽量不使用特殊字体。第四,交互方式。早期的复杂交互都是通过Flash动画等方式进行,如今使用HTML5的动画功能结合CSS,JavaScript进行复杂的动画、效果表现,交互制作的人员已经从设计人员变为前台开发人员。设计师虽然不需要直接制作交互动画,但是也需要对交互动画和网站动态展示技术进行了解,才能更好地配合程序人员完美、高效地呈现动态效果。例如,原来的分页功能现在普遍都展示为“瀑布流”的展示方式,因此在设计上就需要进行微调。

2.艺术专业网站设计课程教学内容的一些建议

第一,教师个人能力是影响教学质量的一个重要因素。

从事网站设计教学的教师最好是熟悉网络技术知识的设计专业教师,纯粹的计算机专业教师在技术授课中很难有效讲解技术对设计的影响。在联合教学中,除非有相关合作经验的技术人员,否则单纯讲解技术并不能解决为设计服务的教学目的。相对来讲,从艺术学院自身的教师队伍中,挑选个别有天赋的教师强化相关的技术培训是比较容易实现的方式之一。不过,从学习时间和针对艺术生培养方向考虑,设计教师的技术培训一定要选好培训的技术范围和深度,建议以浏览器等前台基础语言为主进行学习,并深入理解网站建设的各个环节及原理,最好使教师有完成完整项目的经验。

第二,一定要明确艺术专业网站设计课程的教学目的。

对于艺术院校来讲,网站设计课程中技术的讲解最终还是为设计服务,艺术专业培养的学生最终应该是一个设计能力出色、懂技术、能跟团队配合的人才,而不是培养一个前台程序员或者一个只会纸上谈兵的设计师。因此,艺术院校的学生要掌握技术原理与基础方法,并能够为设计服务。第三,在教学时间有限的情况下,合理分配设计教学时间与技术教学时间。建议可以先进行技术教学,然后在学生对网站建设过程有一定了解的基础上,指导学生如何运用设计原理,在讲解技术的过程中也可以时刻渗透设计内容。具体在一门课程中按什么比例进行时间分配得依据学生的基础和对于两种知识的掌握速度。第四,技术授课内容要有取舍。网站建设技术范围非常广,前后台程序、网站优化、后期维护等方面涉及范围和语言非常繁杂。所以,教师授课内容不建议面面俱到,或者过于深入讲解,应该把重点放到与界面设计联系更加直接、相对简单的前台程序语言上。例如,讲解HTML、CSS,让学生理解设计对前台程序的影响,也让学生动手编写前台程序以加深认识设计过程中的注意事项。这样针对数学和计算机基础薄弱的艺术类学生,只要讲解清晰,也能让学生比较快速地掌握。如果授课时间充裕或者学生接受能力较强,可以根据教师能力和学生兴趣进行适当深入讲解。学习Dreamweaver软件时不要把全部重点放在软件本身的讲解上,可以把该软件作为前台程序的操作平台。第五,学生应该理解网站从设计到实现的整个流程。除了前台程序,尽量要让学生理解网站从策划到最终上线的过程与方法和所涉及的基础知识。如果有条件,最好让学生亲自进行一下网站建设过程中非设计的一些操作。在教学方法上,可以结合项目教学方法,作为教师一言堂的补充,并且让学生动手操作一些基础的网络设置,理解平时常接触的网站一般是如何实现的。让学生不但知道怎么进行设计,还要知道设计前与设计后的步骤,这样在今后的过程中才能更好地参与网站建设的过程。结语网站设计既离不开传统平面设计的基础,又与程序开发技术、显示设备等有重要的关联。想要学好网站设计必须要学习很多方向的内容,从设备、网络技术、设计原理、交互方式等方面深入理解、学习才能成为一个优秀的网站设计师。现阶段很多学生都是在进入社会工作之后才逐渐真正地理解网站的相关知识,这时再想学习一些深入的技术,由于时间、精力等多方面原因导致更加困难。所以,作为艺术类本科教育应该重视学生设计能力的培养,也要让学生掌握技术原理,在学生步入工作之前培养学生的综合能力。“知其所以然”才能让学生更专业地放手设计。在理解技术原理的同时,对设计有更深刻的认识,才应该是艺术专业网站设计课程的教学目的。通过对艺术与技术教学内容的合理分配,让学生成为一个精通设计、理解技术,能进行合作开发的专业人才。

参考文献:

1.李涛,王伊蕾.《网页设计与制作》课程教学改革初探.时代教育,2015.9

2.郭恒川,李方方.网站设计课程教学方法改革创新.黑龙江教育(高教研究与评估),2014.5

3.魏容.高等院校网络媒体专业网页设计课程模块化教学探索.美术教育研究,2016.15

4.陈燚,王水花,张煜东.网站设计课程内容优化探讨.电脑知识与技术,2016

5.罗春燕.一个翻转课堂案例:来自加拿大某艺术设计学院.高教探索,2016.6

作者: 丛林 单位: 哈尔滨理工大学