时间：2023-01-09 02:55:03
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页艺术设计，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
创新是一个民族进步的灵魂，是我们不懈发展的动力。网页设计中的艺术元素要求设计师们进行创造性思维活动。网页设计中的艺术设计细胞包含三个方面的内容。首先是视听上的艺术细胞。在视听上有如文本、图像、背景音乐、导航工具等视听元素。其中文本是其主导地位的一个元素，因为一个网站最终是要表达一个思想或传递些信息，而文字的好坏直接关系到网页的整体质量。能够直接吸引观众注意力的当属音频、视频和动画元素的设计上，为了突出重点，往往采取把动画设计在弹出广告中，或用在导航条中，视频的出现使得网络的内容更加丰富多彩。
简单地说，网页的版式设计就是在有限的空间上如何将大容量的信息进行排列组合，而不同的组合模式所产生的效果也大不相同。每种版式各有千秋，使用不同的网站设计主题，有满版型的、对称型的、分割型的等。[2]网络设计者应当首先进行定性分析，分析如何使整个网页总体美观、整洁和有条理，同时还要进行定量分析，小小的设计空间上进行布局。再次是色彩上的艺术细胞。一个网站必须要有一两个主题色彩来象征网站的内涵，这是进行市场竞争的重要步骤，我们应当注意到色彩对人视觉效果的冲击。色彩的搭配和运用既是一门技术活，也是一门艺术。往往不同的色彩所折射出来的概念是不一样的。例如，绿白组合可以使人感觉优雅舒适，红色可以凸显喜庆的氛围，蓝白混合能给人清新淡雅的印象。在设计规划中，强调整体性和一致性，杂乱无章的界面只会增加网络用户的厌恶感。
网页艺术设计应当注意的问题值得注意的是，艺术设计包含较多的主观因素，因此对网页设计者有一定的技术要求，要求熟练掌握各种软硬件技术，把技术和艺术交融在一起，发挥技术的支持性作用和艺术的想象空间。注意形式美和实质效果的统一。如果为了追求独特风格设计而缺乏网页内容的真实性，又或者只重视内容的充实而忽视了艺术表现，那么结果都是使网页设计显得空洞苍白。只有将两者有效统一起来，在和谐的外表下使用户的视、听觉领会到主题内容的精髓，才能使网页设计具有价值。注意网页设计的持续性和交换性问题。[3]网页设计是在网络环境下完成的，不同于传统媒介方式，因此要求网页设计者的观点与时俱进，进行改变。现代信息变化莫测，人们接受信息的方式也发生根本的转变，人们不再是吸纳信息的被动接受者，而是有个人的偏好和倾向，及时反馈用户的信息是网页设计取得进步的经验和宝贵财富，也是企业螺旋式上升的必然结果。
总而言之，网络的出现使人们的宣传和交流方式发生了翻天覆地的变化。网页设计是计算机科学和美学相结合的综合性工作，它有自身的发展演变规律，需要后人遵循基本的艺术法则和美学规律。它对设计工作者提出了较高的要求，是内容与形式的统一，是整体与局部的统一，是艺术和技术的统一，是主观和客观的统一。随着技术的继续前进和人们追求美的标准的不断变化，网页艺术设计永远是一门学不完的学问。虽然不同网站的网页设计模式各不相同，但是共同点是网页艺术设计都能充分利用网页的功能，提高网页的内在美和外在美。
作者：华冰丁宁单位：石家庄学院美术系
在网页设计课程的教学过程中，学生在课程学习中用到另一类课程知识时往往不能得心应手，教学效果不理想。为此，通过重新调整教学安排，增加艺术设计基础知识，转变教学模式，激发学生的学习兴趣，提高教师素质，将艺术设计课程与网页设计课程进行整合，以提高整体教学质量。
关键词：
网页设计；艺术设计；整合
随着互联网技术的迅速发展，网页设计、网站开发等职业应运而生。伴随着网站设计与开发技术的发展，相应的工作流程也在不断变化和完善。网页设计与开发已经成为一项综合性、技术性都很强的专业工作，要求学生对网络基础知识、网页制作及编辑技术、平面设计以及动画设计制作等相关内容都要有一定的基础，是技术与艺术的结合。信息时代的网页应具有良好的界面设计与视觉效果。因此，学生在网页设计的课程学习中，适当增加平面设计类的相关知识和技能，才能满足职业岗位需求，顺应时代的发展。
1课程认识不足
通常，网站开发有以下几个流程：需求分析，包括项目立项和客户的需求说明书；系统设计，包括网站总体设计和网站详细设计；素材的收集和整理；网页版式设计；网站制作；申请域名和申请空间；网站测试和网站；网站维护和网站推广。网页设计课程的教材种类比较多，但内容集中在介绍网页制作工具软件的学习上，比如：Dreamweaver、FrontPage等网页制作工具软件。对网页中的基本布局方法、图片处理，页面配色，文字排版等方面的知识较少。同时，学生对待本课程的学习在认识上也有偏差，希望一开始就能学会制作网页。
2教学内容有待调整
经过几年的教学实践，网页设计课程的教学内容应增加艺术设计的一些基本理论与知识,以及艺术设计类软件的学习。理论知识具体包括：网页版式和色彩理论。艺术设计类软件主要包括两大类：图形图像处理类软件，常用的有Photoshop、Fireworks、Coreldraw等；二维动画设计类软件，如Flash等，在教学安排中，可以考虑只讲授Photoshop、Flash。教学内容按模块进行设计，对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，从实际需要出发，需要哪些内容就重点讲解哪些内容，而不是大而全地讲授所有相关理论知识。在教学设计中采用项目教学法方式进行授课，通过在项目和任务中将艺术设计与网页设计有效地结合在一起，融会贯通，学以致用，达到最佳的教学效果。
2.1网页版式设计
网页版面是指在浏览器上看到的一个完整页面，不同种类、不同版本的浏览器浏览同一个网页，效果有可能不同。因此，应定好网页版式尺寸。网页版式的构成要素主要有：网页标志、网页标题、导航条、图片、多媒体、色彩、文字等。如何将各种网页元素进行合理组织在有限的版面中，达到设计出赏心悦目的网页作品，非常重要。一个优秀的网页，是从网页版式设计开始的。采取何种版式结构布局页面并不是一件随意的事，首先要明确建立网站的目的，网站要表现的主题，网站所面对的受众的特点，客户的需求等等，通过前期的了解调查和分析，才能确定网页版式结构，将网页主题内容与设计者的设计思想结合在一起，找到一个较完美的表现方式，才能真正突出网站别具风格的特点。
2.2色彩的基本理论及视觉效果
网页设计离不开色彩。网页中的基本元素比如背景、文字、Logo、导航、图片等应该采用什么样的标准色彩，如何将色彩组织搭配才能更好地表达出网站的设计思想，体现网站主题与风格，是网页设计者所关注的问题。色彩的基本理论，色彩的心理感觉，色彩的冷暖，色彩的软硬，色彩的进退，色彩的大小等等都知识都必须涉及到。比如在网页中通过填充不同的色彩背景来区分网页中的不同区域；通过色彩的明暗及面积大小的不同，让浏览者浏览页面时主次分明，条理清晰。在教学中，让学生学习了解网页配色原理：色彩的适合性、鲜明性和独特性，掌握网页配色技巧：比如使用一种色彩配色，使用邻近色配色，使用对比色配色和非彩色搭配（黑白搭配）。通过欣赏与总结不同主题网站的版式设计及配色,掌握网页风格确定方法，熟悉网站色彩搭配技巧。
2.3网页图片的处理
网页中离不开图片处理。Photoshoop是一个功能强大的图像处理软件。了解常用图像文件类型，比如PSD、BMP、TIFF、GIF、PNG、JPEG、PDF等格式，掌握不同类型文件的特征，在网页设计中灵活运用。在学习Photoshoop软件中重点教授网页Logo标志的制作、导航栏、按钮的制作、网页素材图片的处理、网页页面的规划与制作、图片切割导出成网页格式。
2.4网页动画的制作
在网页的制作上，Flash发挥了重要的作用。通过动态的显示文字和图片，丰富了页面。Flash软件中重点学习掌握广告条动画的制作，联系地图动画的制作，公告栏动画的制作，商品宣传广告动画的制作，这些都是网页页面中经常使用的表现形式。对于以上增加的艺术设计类理论和软件类的教学内容并不是孤立地放在某一个教学期间。教师在进行教学设计中，通过项目和任务作为载体，掌握够用的原则，以项目带动学习，进行实践操作。
3转变教学模式，激发学生学习兴趣
无论是网页设计软件还是艺术设计类软件，此类课程的应用性和实践性非常强，它强调学生的操作能力。因此在教学中，教师应以学生为主体充分发挥学生的主观能动性，教师主导任务的实施，激发学生的参与热情，在“做”的过程中融入“学”和“教”。目前我们学院的教学环境得到了改善，网页设计课程的教学场所都安排在实训机房，教师可以采取边授课边操作的方式，学生同步操作，非常直观。学生既可以模仿，也可以思考多做一些调试和修改，在遇到问题时，可以立即咨询教师，得到及时解决，以加深对知识点的掌握程度，从而提高了教学效果。这种教学方式改变了理论课和实训课相互独立的局面，将课程的“教、学、做”融于一体，学生在完成具体项目任务的过程中学习新的知识和技能，具有成就感，充分发挥学生的学习主动性和积极性，提高了学生处理和解决实际问题的能力。同时，教师要精心设计教学内容，挑选典型项目案例。例如，从制作网页标志开始、导航条制作、网页素材处理、网页页面规划与制作、图片切割、广告条动画制作，到网页站点规划、网页布局与实现、网页美化、网页交互制作，让学生对网页制作的流程和各软件的结合使用有一个完整的了解，从而提高学生的学习兴趣，保持持久的学习动力。
4提高教师素质
网页设计课程的教学通常是由计算机相关专业的教师授课，这些教师对艺术设计的基本理论知识比较缺乏。因此对于授课教师来说，不仅要熟练掌握网页设计与制作的专业技术，对艺术设计以及网页美工的理论基础也要有一定的学习和研究，具有较好的审美素养，努力丰富和拓展平面设计方面的经验，提高网页设计综合能力，在教学活动中引导学生能灵活掌握、应用这些艺术设计类软件，运用一些平面设计中的美的基本形式到网页中去，制作出赏心悦目的网页页面。
5结语
通过网页设计与艺术设计这两类课程的整合，采用“教、学、做”一体化的课程教学模式，学生在项目及任务中学习美工的基础理论知识，掌握网页设计技术，将两类课程的知识融会贯通，灵活运用。同时，加强技能培训，学会举一反三，增强学生探究和创新意识，提升学生自主学习能力，学习科学探究的方法，发展综合运用知识的能力，增进学校与社会的密切联系，培养学生的职业素养。
作者：吕玉梅 单位：江西环境工程职业学院
参考文献
[1]赵爱涛,刘迎春,张明虎.艺术设计软件课程与网页设计课程的整合[J].石家庄职业技术学院学报,2010(8).
【关键词】 艺术设计;网页设计;艺术与技术;结合
信息时代,计算机、网络无时不在影响着人们的工作、学习、生活。利用计算机、网络等信息技术提高工作和学习效率、提升生活品质也越来越成为普通人的需要。互连网作为一种全新的大众媒体,占据了人们日常生活中的重要位置。
一、现状分析及发展方向
近几年随着网络的普及和人们对网络的依赖,同时人们对网页的质量也有了很高的要求,如人性化的页面设计、版面设计的美感、色彩的搭配等。网页设计平台也趋于多元化,诸如Flash、Fireworks等软件的出现,极大地将网页设计推向了一个新的高度,因而近些年各大高校为了进一步满足人们的视觉、审美、情趣等方面的要求,纷纷在艺术类专业领域开设了网页设计课程。如何针对艺术类专业学生学好这门课程,如何利用艺术设计专业这个设计平台,将创意、构思、构成元素、版式设计、色彩取向、设计风格等系统地糅合在一起,将是学习此课程的重要目的和内容。作为艺术类专业学生如何更好地发挥其专业优势和特长,这与我们把所学专业课程的学以致用有重大关系。
二、艺术类专业网页设计课程的学习模式
网页设计课程的学习是一个循序渐进的过程,整个学习环节都是节节相扣、紧密联系的,每一个环节都有其重要性,只有这样按步骤进行,才能做出一个较完整的网页,才能够体现出艺术设计者的创作思维。在网页设计这个领域,没有网页技术的产生和迅猛发展,根本无从谈起“网页设计”。技术为设计创造了表现的基石,设计又根据需要不断地向技术提出新的要求,促进技术的进步。艺术设计专业的学生学习网页艺术设计的课程必须要总结了一套特别适合艺术类学生学习的网页设计技术,以此帮助艺术类学生越过网页设计的技术瓶颈。
1.从视觉美感入手
(1)设计风格。个人网站的创作,既可张扬个性,又可成熟稳重,企业网站的创作根据企业的性质、消费人群的不同,既可传统又可现代。要根据自己的审美情趣和对网页设计的诠释来确定设计风格。
(2)设计内容。A、版式设计。网页中的版式设计同书籍、报刊、招贴等版式设计有相同之处,它在网页的艺术设计中占据着重要地位。所谓网页版式设计,是在有限的屏幕空间上,将多媒体元素进行有机地排列组合,将理性思维个性化地表现出来,是一种具有个人风格和艺术特色的传达方式。在网页版式设计中,要考虑构图及创意等种种要素,每个页面可以当做静态的版面设计来对待,其中每个静止的页面都是一幅完整的艺术创作,在此基础上将动态设计纳入其中,使静态设计和动态设计完美地结合,取长补短,不能因其动态性而忽略了设计要素和设计程序。B、文字编排设计。文字是网页中必不可少的元素之一,也是网页中的主要信息要素,所以网页中的文字将占据相当大的面积,文字表现的好坏将影响整个网页的质量,要从字体的大小、字距、行距、色彩 等方面考虑其重要性。C、色彩的设计。在快速浏览网页的过程中,色彩是给人的第一视觉印象,色彩的选择,直接影响观者的兴趣。在进行色彩选择时,应把握好以下因素:先确定主色调,有利于体现网站主题,再确定辅助色,达到一种视觉均衡美。
总之,网页设计中的视觉美感的表现,体现在主题要鲜明,网页设计的形式与内容要统一,网页设计的整体关系要处理好。在学习过程中要着重强调网页设计中的视觉美感的表现,要清醒的知道自己是一个艺术设计者在进行网页设计,我们要充分发挥自己的专业优势和特长。
2.注重创造力和设计品位的培养。近年来我国的网络技术发展非常快,网站数量急剧增长。目前,所培养的艺术设计师已经落后于迅速发展的时代。美术科班出身的平面设计师,也许发现数月啃下的网页设计软件秘笈,用于制作交互性较强的网页时就如杯水车薪。电脑专业出身的编程员,由于缺乏艺术创造力和设计技能,往往机械式地罗列内容,设计出的界面毫无美感。网页设计因其高技术含量而比平面设计更难。软件和编程技能的掌握可能需要几个月,创造力和设计品位的提高却需要潜移默化,非一日之寒。网络对艺术设计行业造成了威胁和机遇。真正有魅力的设计是设计者的思想、素养、对艺术的理解及表现技术的综台体现。设计者只有不断增强交叉应用设计的能力,才能适应不断变化的时代。任何设计最终都是为人所用,特别是网页设计的艺术表现,它即是传播信息的载体,又是传递美感的使者,这就要求我们艺术类学生学习网页设计课程时能够融会贯通,并可以根据实例举一反三,多行实践,将思想和物质的信息打包,通过互联网与全世界的人分享我们的艺术设计成果。
3.艺术与技术的结合。网页设计涉及平面构成、色彩构成、CI等方面的知识,还涉及到Java、JavaScript、HTML、CSS等编程语言方面的知识。技术为设计创造了表现的基石,设计又根据需要不断地向技术提出新的要求,促进技术的进步。网页设计涉及的内容要比单纯的图像设计多得多,因而网页设计师既是平面设计师又不同于平面设计师。网络对平面设计行业同时造成了威胁与机遇,而且这种趋势将越来越显著,人们将把注意力更多地集中在如何整合各种不同的媒体上。真正有魅力的设计是设计者的思想、素养、对设计的理解及表现技术的综合体现。
关键词：网页设计，内容，原则
网页艺术设计是艺术与技术的高度统一，指出网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则。在明确了网页艺术设计与网站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达网站主题这一观点。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。
一、网页艺术设计的内容
设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。
1.视听元素
这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。 以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。论文格式。论文格式。比如，大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画和多媒体文件。另外，在浏览器使用插件（Plug-in）也可以播放更多格式的多媒体文件。还有微软推出的ActiveX已经成为热门技术。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。论文格式。
2.版式设计
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。
二、网页艺术设计的原则
网页作为传播网络信息文化的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。虽然网页设计艺术，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则，才能把网页的设计做得更加完美：
1.主题鲜明
视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。
优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。
要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
2.形式与内容统一
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。
另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。
综上所述，时代在不断发展，网页设计的风格也在不断演变，要想设计出更为优秀的网页，研究各类网页艺术的设计规律将是一门长期的任务。
【参考文献】
《网页艺术设计》汤晓山 清华大学出版社
《多媒体技术与应用》张爱华 清华大学出版社
《多媒体技术与应用》李竺 清华大学出版社
但是，即便掌握了网页语言的使用，在高职院校网页设计课程的教学体系中，也很少涉及网站易用性、无障碍网页设计、面向用户的网页设计、网站安全等计算机科学及信息技术领域的相关知识．这往往使得网页设计脱离实际，过于追求美观与新功能而忽视用户体验，华而不实．面对如此众多的计算机科学及信息技术领域的相关知识，在选择教学内容时并不能完全覆盖，如何取舍已经成为一个影响课程教学质量的关键问题．为了使教学更适合每位学生的知识结构，必须有针对性、侧重性．本文就是在这样的背景下，提出了一种基于学生先前知识的教学内容选择方法．
1研究概述
本文针对高职院校艺术设计专业网页设计课程的教学内容及实施过程进行研究．首先介绍了测试学生网页设计先前知识的过程，然后对获得的数据进行统计分析，最后呈现基于分析结果的教学内容选择及教学实施过程．由于网页设计总是同其他学科联系在一起，所以当我们尝试创建一个功能性强、吸引力高的网站时，经常会遇到很多问题．这使得网页设计人员既要学习艺术方面的课程，如平面设计、样式和风格、绘画、色彩，又要掌握网页设计方面的课程，如网页设计工具的使用、网页界面设计及网页编程语言，与此同时还要了解像网站易用性、无障碍网页设计、面向用户的网页设计、隐私及安全等其他学科方面的扩展内容．然而，目前大多数高职院校艺术设计专业的教学计划还主要集中在网页艺术设计、网页视觉及版式设计、网页设计软件、网页语言的学习，忽视上面提到的易用性、无障碍设计等问题．这主要由于艺术设计专业课程结构所致，并不能对计算机科学及信息技术领域的相关知识做详细讲解．那么如何在有限的教学时间内，根据学生的先前知识状态，有针对性地扩展其他领域的相关教学内容便成为本文的研究重点．本文的研究基于北海艺术设计职业学院于2010年开设的一门全新的网页设计选修课程———网页客户端表现技术．课程开始前，首先要求选修该课程的学生对网页设计有初步的了解，同时喜欢设计网页，然后再进行网页设计先前知识的测试．测试包含十个相关科目的50个不同的网页设计问题．测试的结果可以帮助我们更有针对性地选择教学内容，灵活地实施教学．
1．1学生网页设计先前知识的测试过程在开设网页设计课程之前，本了一系列调研及相关文献的查阅［3，4］，并对收集到的信息进行分析，总结出高职院校艺术设计专业在网页设计教学中经常忽视的十个科目．根据每个科目的相关知识，制作了一份50道题目的测试试卷，然后对选修该门课程的55个学生进行测试．他们的年龄在20～22岁之间，涉及专业包括视觉传达、多媒体技术、动漫设计、环境艺术设计，男女比例为30:25．测试结果如表1所示．下面是多数学生都回答错误的几个问题．首先是网站易用性问题．设计网站时运用一些约定成俗的设计规范(如将超链接标记成蓝色，可以使访问者快速的找到链接)，这个非常重要的网站易用性问题，很多学生都不知道它的作用，如图1所示．测试结果显示:网站易用性、面向用户的网页设计、无障碍网页设计、网站安全，这四个科目的问题回答正确率相对较低，全部低于30%．由于这些内容是保证网页设计质量的关键，同时也是选修该门课程的学生最缺乏的知识，所以“网页客户端表现技术”课程需要扩展上述内容．
2基于先前知识的教学内容选择及实施过程
2．1基于先前知识的教学内容选择
根据学生的先前知识状态，有针对性地扩展计算机科学及信息技术领域内的4个相关科目内容．
(1)网站易用性:伴随着对网站用户体验的关注度普遍上升，网站易用性建设已经受到广泛的重视．一个好的网站首先要平衡目的、网页内容、虚拟因素、技术这四项基本准则．但是，由于学生缺乏易用性方面的知识，很多学生设计的网站都无法平衡网站功能和表现形式．因此，网站易用性教学就显得尤为重要．教学内容及教学重点如表2所示．
(2)面向用户的网页设计:学生在制作网页时很少分析用户需求，总是认为自己的设计很有吸引力，但是对于访问者来说，他们的设计经常过于复杂或者内容冗余无用．所以，学生应该明确他们是在为用户做开发，而非展示自己的网页技术知识．因此，有必要引入面向用户的网页设计教学．教学内容及教学重点如表3所示．
(3)无障碍网页设计:无障碍网页设计可以帮助残障人士使用网页．更确切地说，无障碍网页设计可以帮助残障人士感知、理解、浏览网页．近些年，欧美的网站已经开始系统的研究无障碍网页设计思想，而国内也开始对这方面进行研究．下面通过实例介绍无障碍网页设计特点．例如购物网站可以为商品添加颜色的冗余文字信息，以支持色盲在线购物．对于读写困难的人来说，网页中过多的动画及滚动文字会增加他们的阅读难度等．教学内容及教学重点如表4所示．
(4)网站安全:由于一个网站设计者更多地考虑满足用户应用，如何优化界面，实现业务，但很少考虑网站应用开发过程中所存在的隐患．大多数网站设计者、网站维护人员对网站安全技术了解甚少，所以有必要介绍一些网站安全技术．教学内容及教学重点如表5所示．
2．2基于先前知识的教学实施过程
(1)课程背景和目的《网页客户端表现技术》是艺术设计专业二年级学生的一门选修课．根据对企业调研的结果，发现企业承接的网站项目较多，并且企业、客户都很看重网站客户端页面的表现效果，即是否能够吸引客户挑剔的眼球．本课程就是在这样的背景下建立的．艺术设计专业学生具有良好的平面设计、样式和风格、绘画、色彩基础，这也正是网页客户端表现的基础．通过对网页设计工具、网页界面设计及网页编程语言的学习，学生可以制作出美观、大方的客户端页面．但是由于缺乏计算机科学或信息技术领域的相关知识，使得学生制作的网页脱离实际，过于追求美观而忽视用户体验．通过在教学中引入其他学科的网页设计相关知识，使学生得到全面的培养，最终满足企业对于网页客户端的设计要求．
(2)课程的教学实施过程下面是“网页客户端表现技术”课程的教学内容及实施过程，如表6所示．
[关键词] 电子商务多媒体技术艺术设计
计算机多媒体技术指计算机交互综合处理文本、图形、图像、声音、视频等多种媒体信息，使多种信息建立逻辑联系，集成为一个具体有交互性的系统。企业通过建立电子商务网站，实现“企业――个人”、“企业――企业”、“企业――政府”的快速信息交流，达到宣传企业、树立企业良好形象的目的。中国网民人数量近亿，企业为了争夺这个潜力巨大的市场，为了吸引网民的眼球，在商务网站中运用了大量多媒体技术。利用多媒体技术可以制作生动、有趣的网页，使得Internet 上的浏览者会一再光临您的网站而留连忘返。到目前为止，在Internet 上所能使用的多媒体可以说越来越广泛，从简单的GIF 动画，3DVRML 动画，广播站到电影文件几乎都可搬上Internet。网页设计的趋势越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计是艺术与技术的高度统一，正日益被网站建设者所注重。
1.视觉媒体。视觉媒体包括文字、图形、图片等，它是构成网页的基本元素。由于受到计算机屏幕尺寸的限制，文字与图片的布局要做到清晰明确、有主次。通过相应的编辑与制作软件可以使这些元素有机的结合，在多媒体中使用文本信息，其表述要精确、简洁、有力，过长的文字会使人失去阅读兴趣；对于简单图像，尽可能用矢量图形，其占用空间小。主要用于线型的图画、美术字、统计表的制作。对于色彩丰富包含复杂细节的绘画则使用位图文件。
2.听觉媒体。与网站主题相呼应的清新、悦耳的音乐，可心提高浏览者的观看兴趣，延长其在网站的停留时间，从而使更多的网站信息输送给网民。目前网上流行的音频文件主有MID、WAV、RM、MP3等格式。以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流（stream）技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐增强了页面传播信息的表现力和感染力。
3.视听媒体。数字化的视频信息有利于存储、重放、特殊处理及高速传输，在多媒体信息中，它是最新和最有魅力的一种。网上流行的视频文件主有FLASH、VMW、ASF、RM、AVI、MPG等格式。
4.交互媒体。在Web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和之中。利用ActiveXControl、VBScript、JAVA、FLSH等技术，网页设计人员根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。
二、运用多媒体技术提高网页艺术性
网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；多媒体具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性五个特点。由于多媒体自身的互动性、娱乐性，有创意的设计，自然会吸引浏览者的眼球。
1.网页艺术设计与网站主题的关系。视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。设计是为主题服务的，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”。在商务网站设计中，完成“功能”是艺术设计的最终目的，“美”是为“功能”服务的。如果在设计时只有“美”而没有“功能”，则失去了商务网站存在的意义。
2.多媒体技术与艺术设计的结合。任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。商务网站在建设时，要明确企业网站的内容，确定采用什么样的形式，从而明确主题，利用多媒体技术围绕它们展开设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。它的主题只有一个，就是美。而将音频、视觉完美融合的多媒体动画和影片能体现主题，清晰地传达出来这个站点的信息，表现了网站的艺术风格和别出心裁。一个好的多媒体网站设计不仅能吸引顾客的注意，而且能表达出这个产品或者服务的实质。为了能留住顾客，应该确定要有“跳跃信息”的连接。可以这样说，融合多媒体的网站设计就是网站信息加上图形、动画和声音等的一个集合。对于商务网站，要利用多媒体技术的优势，形象、具体、全方位地展现自己的商品与服务，这是传统、单一媒体无法实现的。
网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正的虚拟世界。
随着多媒体技术的不断发展，网络传输速度的不断提高，艺术性受技术的限制不断减低。艺术与技术会更好的结合，商务网站因多媒体技术的大量应用而独具魅力和眩目，但它的首要功能是作为交流的一个工具，一个平台；更确切地说它是一个用户与网站一个交互的界面。多媒体技术与艺术的紧密结合在网页艺术设计中的优势非常明显，而它们的发展将推动网站提升到更高的层次和高度，会给公司企业的文化宣传、产品介绍、销售渠道带来更多的好处。而多媒体技术在网站上的应用也必将成为未来的发展方向，有着很广阔的前景。
参考文献:
[1]刘光然:多媒体技术与应用.人民邮电出版社，2005.09
[2]游泽清:多媒体画面艺术基础.高等教育出版社，2002.12
2.听觉媒体。与网站主题相呼应的清新、悦耳的音乐，可心提高浏览者的观看兴趣，延长其在网站的停留时间，从而使更多的网站信息输送给网民。目前网上流行的音频文件主有MID、WAV、RM、MP3等格式。以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流（stream）技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐增强了页面传播信息的表现力和感染力。
3.视听媒体。数字化的视频信息有利于存储、重放、特殊处理及高速传输，在多媒体信息中，它是最新和最有魅力的一种。网上流行的视频文件主有FLASH、VMW、ASF、RM、AVI、MPG等格式。
4.交互媒体。在Web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和之中。利用ActiveXControl、VBScript、JAVA、FLSH等技术，网页设计人员根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。
二、运用多媒体技术提高网页艺术性
网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；多媒体具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性五个特点。由于多媒体自身的互动性、娱乐性，有创意的设计，自然会吸引浏览者的眼球。1.网页艺术设计与网站主题的关系。视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。设计是为主题服务的，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”。在商务网站设计中，完成“功能”是艺术设计的最终目的，“美”是为“功能”服务的。如果在设计时只有“美”而没有“功能”，则失去了商务网站存在的意义。
2.多媒体技术与艺术设计的结合。任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。商务网站在建设时，要明确企业网站的内容，确定采用什么样的形式，从而明确主题，利用多媒体技术围绕它们展开设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。它的主题只有一个，就是美。而将音频、视觉完美融合的多媒体动画和影片能体现主题，清晰地传达出来这个站点的信息，表现了网站的艺术风格和别出心裁。一个好的多媒体网站设计不仅能吸引顾客的注意，而且能表达出这个产品或者服务的实质。为了能留住顾客，应该确定要有“跳跃信息”的连接。可以这样说，融合多媒体的网站设计就是网站信息加上图形、动画和声音等的一个集合。对于商务网站，要利用多媒体技术的优势，形象、具体、全方位地展现自己的商品与服务，这是传统、单一媒体无法实现的。
网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正的虚拟世界。
随着多媒体技术的不断发展，网络传输速度的不断提高，艺术性受技术的限制不断减低。艺术与技术会更好的结合，商务网站因多媒体技术的大量应用而独具魅力和眩目，但它的首要功能是作为交流的一个工具，一个平台；更确切地说它是一个用户与网站一个交互的界面。多媒体技术与艺术的紧密结合在网页艺术设计中的优势非常明显，而它们的发展将推动网站提升到更高的层次和高度，会给公司企业的文化宣传、产品介绍、销售渠道带来更多的好处。而多媒体技术在网站上的应用也必将成为未来的发展方向，有着很广阔的前景。
参考文献:
[1]刘光然:多媒体技术与应用.人民邮电出版社，2005.09
[2]游泽清:多媒体画面艺术基础.高等教育出版社，2002.12
[3]丁龙:现代教育技术基础.哈尔滨地图出版社，2004.12
1.慎用较“重”的图形元素
这里图形元素的轻重不是色调的轻重，是形式的轻和重，形式的轻重和内容相呼应，网页设计的一大趋势就是越来越“轻”。除了对圆角效果和高光效果等效果的审美疲劳之外，网页设计师开始意识到好的网页设计更注重的是将网页内容与网页形式结合起来，而非形式的堆砌。所以设计师在应用那些较“重”的图形设计时，一定要慎重思考，考虑到该图形的应用是否有必要以及该设计是否与受众的气质相契合。
2.内容和形式的分离
对于一些比较强调视觉效果的特殊产品，也可以利用图片格式和一些前端知识对网页设计进行优化，比如内容和形式的分离。一些国外比较流行的设计风格都是通过大幅的背景图进行气氛的渲染和意境的传达。这样做的一个好处就是能把需要用到图片的视觉元素进行集中的压缩优化，同时因为前端实现时一般会用相近的背景色先进行填充，然后在逐步显示背景图，就不会因为加载太慢而拖慢用户的访问速度。
3.通过较小的视觉牺牲换取较大的性能提升
有时候为了提升页面的加载速度达到更好的用户体验，不得不对设计进行优化，这个时候就需要牺牲一部分视觉效果利用网页设计师掌握的图片格式知识更有目的性的优化设计网页。例如著名的淘宝“双十一”大促销活动的宣传网页网页，由于双十一期间，该网页的访问量非常大并且为了配合商家的宣传活动需要在网页上加载非常多的商品图片，这时候就需要网页设计师对双十一的促销活动网页的图形进行优化以达到提升网页性能的目的。网页设计师可以去掉一些不太重要的高光、渐变和阴影效果，从而降低图片文件的大小，提高图片文件的加载速度。
4.图形艺术的界面处理
新颖的网页图形艺术设计可以牢牢地吸引住浏览者的注意力，设计具有创意、布局合理、设计规范的网页也是提高网页浏览量的的重中之重。一个图形运用恰当、设计人性化的网页可以让浏览者对网站心生好感，极大地提高浏览者浏览该网页的欲望。所以，网页设计者要注重运用一切科学技术手段来设计图形艺术，保证页面效果给人以眼前一亮或是舒适的感觉，让图形首先在视觉上给予客户一种冲击，给客户一个良好的第一印象。
二、结语
【关键词】 三环双向 网页设计与制作 教学改革
【中图分类号】 G434 【文献标识码】 A 【文章编号】 1006-5962（2012）08（b）-0184-02
1 引言
网页设计与制作是一门综合性很强课程，涉及文字排版、图形图像处理、动画制作等多方面内容，它不仅对技术有较高要求，也是艺术的体现，因此要求学生具备一定的创新精神和综合实践能力。传统的网页课程教学，重知识、轻能力，重技术、轻艺术，忽略情感教育，学生处于一种被动接受知识的情境下，势必导致学习兴趣下降，创新精神受压抑，综合实践能力得不到明显提高。本文提出了一种三环双向的教学模式，并将这一教学模式运用于网页设计与制作课程中，使该课程的技术和艺术在教学中能很好结合。
2 三环双向教学模式的理论依据与功能目标
2.1 三环双向教学模式的理论依据
罗杰斯（C.R.Rgers）的人本主义学习理论中，学习的基本观点可以概括为以下两点：个人具有学习的潜能；意义学习是学习的本质[1]。这种意义既理解和记忆的过程，又包含价值、情绪的色彩。布鲁纳认为只有有结构、有系统的存储知识，才有助于提取知识，有助于增进学习中的迁移，激发学习动机或学习兴趣。而培养能力就是要提高知识与知识之间的联系的能力、生成的能力。为了提高能力，应积极主动地、有意识地增加知识之间的联系，让知识之间的联系多样化、深入化、全面化，并主动在知识联系的交叉点上生成新的知识。
2.2 三环双向教学模式的功能目标
该模式的功能目标是指运用三环双向教学模式所能产生的实际教学效能及其标准。以学生可直接观察的行为和其身心变化为依据，它具体反映了模式设计者对按该模式进行教学能在学生身心上造成何种变化的一种期望或要求，在一门课程完成之后，学生的专业知识、专业能力、专业情意全面提升，有较强的团队协作能力、综合实践能力和创新精神，实现知识、能力、素质目标的三位一体。
3 三环双向教学模式涵义
三环双向教学模式中的“三环”指情感态度、知识、能力，“双向”指这三者之间的相互关系和作用影响。情感态度是指兴趣、动机、自信、意志和合作精神等影响学习过程和学习效果的相关因素。知识，是人改造自然过程中所获得的认识和经验的积淀，分显性和隐性，前者具有可整理、编辑和传播的特点；后者只能通过内心感悟的过程中来认识。在学习过程中，记忆是对知识材料的输入和重组，使其与其他知识材料建立联系，形成主体的思想、方法和精神内容的创造性活动。一个人不能再现所学知识，便无法建构知识应用、操作能力。能力，指主体可胜任某种操作的本领，设计操作活动所须具备的主观条件和实施方式。能力虽为知识的前提，但获得知识并不自动等于拥有能力，因为知识只有外化为可产生某种效率效度的操作力，才被视为能力。三环双向教学模式如（图1）所示。
（图1）中情感态度是获取知识和培养能力的动力，反之又将升华情感。掌握知识是发展能力的基础，学生对知识理解掌握得越深刻，越有利于能力的发展。能力发展是掌握知识的重要前提，掌握知识快慢、难易、巩固的程度依赖于能力，没有一定的认知能力（如感知能力、记忆能力、思维能力等）就不能掌握知识。传授知识与培养能力是对立统一的，它们相互联系，相辅相成，两者都是教学的基本任务，都很重要；应是同时进行的，不能有先后之分。
4 三环双向教学模式在网页设计与制作课程中的运用
在网页设计和制作的课程教学中，应努力去处理好知识、能力与情感态度三者的关系，找准一个平衡点，既关注知识的传授，同时在这过程中又培养学生的能力和发展学生良好的情感和态度。
4.1 网页设计与制作课程教学模式
网页设计和制作课程是技术和艺术的结合，在学习该课程前，学生一般都已具备一定的文字排版、图形图像处理、动画制作等多方面能力，并且也浏览了为数不少的网页。情感是人对客观事物是否符合自己需要的态度的体验，事实表明，情感因素是影响教学质量的一个重要的因素。首先引导学生欣赏网页，包括网页的版式、色彩、文字、图形以及多媒体等网页特有视觉元素的鉴赏，使学生能够更好更有效的接受信息并产生对美的网页的愉悦心情。积极丰富的情感能调动学生的积极性和主动性，在此基础上，教师可根据学生的知识结构和认识水平对网页设计和制作课程教学内容进行的加工，使所传授的内容同学生原有的认知结构建立实质性的联系，激发学生积极主动的从自己原有的知识结构中提取有联系的旧知识来作为掌握新知识的基础。在教学过程中注意学科理论与实践的结合，掌握知识与培养能力的结合。通过教师的启发与总结，使学生实现科学知识和道德情感的内化，在设计和开发网页过程中陶冶情操。根据图1三环双向教学模式，对网页设计与制作课程教学模式具体情况描述如下（见图2）：
4.2 教学案例运用
现以网页的色彩为例，描述三环双向教学模式具体运用。
（表1）通常学生已具备一定的色彩知识和审美能力，基于此让他们描述对色彩的喜好。在教学中，通过对多项网页作品的欣赏和点评，引导学生进行网页色彩搭配设计，并且对一个网页搭配出多种风格的色彩组合，然后利用代码书写应用于网页制作中，一个网页的多种色彩搭配设计有利于提高学生的设计、创新等综合能力。作品设计完成，让学生对彼此作品色彩传达的心理作用描绘出作品表达的观念。这一案例的三环双向教学模式运用，实现了艺术和技术的结合，首先利用学生的审美等艺术素养调动他们的积极性，对作品进行艺术设计，接着以技术实现艺术设计作品，最后由完成的作品提升艺术素养陶冶情操。
5 结束语
网页设计的出现本身就是跨学科的结果，这种特性在未来的发展中会表现得更加明显，单纯的学习技术或者艺术，都无法满足网页设计开发。我们尝试采用三环双向教学模式进行教学，将技术和艺术很好结合在一起，学生的创新精神和综合实践能力都得到明显提高。
参考文献
[1] 向海英.罗杰斯人本主义学习论及对当前我国教育改革的启示[J].山东教育科研，2000：69-71.
[2] 朱峰.布鲁纳“发现学习论”对我国教育改革的启示[J].重庆科技学院学报（社会科学版），2008（6）：188-189.
[3] 李亦菲，朱小蔓.新课程三维目标整合的KAPO模型[J].天津师范大学学报（基础教育版），2010（1）：1-10.
1.1网站建设技术的先进性
艺术设计类精品课程网站作为展示优质教学理念和先进教学技术的平台，对其承载的网络硬件环境有着较高的要求。首先，网站的建造技术要先进，利用动态建站语言来构建站点，使得后期的更新维护工作更加简便。其次，智能手机、平板电脑以及各种移动互联网终端设备的使用在校园中相当普及，这就意味着网站的架构还需遵循网页标准化设计的要求，最好能完美支持和表现新一代互联网标准Html5，采用能够适应所有分辨率的响应式网页设计，使访问者在不同的终端和浏览器上都能获得良好的浏览体验。
1.2完备的教学资源与学习资源
除了技术层面，课程网站的内容设置可根据教育部《国家精品课程评审指标体系》的要求进行组织。网站的栏目划分通常包括课程特色、课程描述、课程建设规划、教师队伍、电子教案、多媒体课件、教学录像、实践教学、教学参考资源、教学效果反馈等；互动教学包括实验模拟、在线考试、在线答疑、习题提交、留言反馈、交流论坛等。艺术设计专业的学科特色，还要求精品课程网站的教学内容和学习资源具有先进性、时效性，能及时反映本学科领域的最新研究成果。基于网络资源平台建设，相关的教学视频、教学大纲、教案、习题、参考文献等都可以在网络上免费开放，实现教学资源多层次、立体化的共享模式。学生可以通过多媒体课件和教学录像进行补充学习，通过在线测试进行自我评估；通过在线答疑系统，主讲教师可以及时回复学生提出的课程相关问题；通过案例作品的实时更新与展示，让学生接触到最前沿的艺术设计资讯从而拓宽视野。紧密结合艺术设计类课程教学的特色，充分有效利用多媒体教学设备和网络教学资源，有助于激发学生的学习兴趣，提高教学效果。
1.3交互设计与体验的创新
现代教育的发展方向已经呈现出多学科交叉融合的趋势，基于现代信息技术与教育思想建立起来的精品课程网站，给用户创建了一个自主学习的体验平台。针对艺术设计专业教学的研究性、展示性、创作性、时效性、个性化等特点，精品课程网站的建设也应该体现其专业特色。为了使课程网站拥有更佳的用户体验，可以引入具有交互性的虚拟现实建模语言Web3D技术，使网页界面体现出具有真实感和临场感的学习氛围，同时还能进行实时交互操作，获得身临其境的感官体验。优秀的精品课程网站不仅能提供学习信息和内容，更是能为用户创造出一种愉悦的视觉氛围与浏览体验。艺术设计类精品课程的网站设计，更要从用户实际需求的角度对网页界面的视觉设计进行研究，以视觉审美来彰显学习体验的独特性与创新性。
2网站界面设计的独特性
艺术设计类课程具有“以视觉审美与艺术创造为主导”的特点，其精品课程网站的制作要避免同质化现象，加强美观度和艺术性，以良好的界面设计和完善的功能主导学习过程。除考虑技术性与功能性外，还要以新颖独特的界面设计发挥出其独特的艺术魅力。不仅要强化精品课程网站的可用性和易用性，还要营造出轻松愉悦的学习氛围。
2.1功能设计的易用性
为了追求内容的丰富性，大多数精品课程网站设计只注重教学资源的展示，栏目规划与功能设置缺乏科学性与条理性，导致信息传达的有效性不够。要提高在线学习的积极性和主动性，必须提高网站浏览的易用度。栏目规划上要建立起简洁清晰的导航系统，摆脱网络课程单向式的阅览流程，提高信息传递的效率。在影像媒体功能设计上，要注重用户的视觉因素和心理因素，遵循视觉流程的导向规律把交互式多媒体技术、影像技术完美地结合起来，使教学方式变得更加形象生动。通过对网页界面状态可视性的分析，网站的结构设计需要从栏目信息导航、课程内容结构、图形指示符号、颜色搭配及文本属性等方面进行考虑。依据学生自主学习过程中所表现出来的心理效应、视觉习惯、认知规律等，对网站的功能设计方案进行推敲。不仅要强调网站整体结构的逻辑性和严密性，还要立足于人性化设计的原则，根据艺术设计类课程教学的特点营造出个性化的学习环境。
2.2网页界面风格的审美性
增强网页界面设计的艺术性是提升用户体验的重要手段，艺术设计类精品课程网站应根据学科内容及课程特色来设计相应的界面风格，不仅要注重交互性和可用性，还要重视艺术审美性。影响界面风格体现的因素主要包括版面布局、主体色调、站点标识、装饰图形、色彩搭配、文本内容、浏览方式等诸多方面，为了将精品课程网站的界面设计得有深度和精巧，需要从下几个方面综合考虑：首先，网页界面的布局要整体一致，信息量的分配要达到结构上的平衡感，内容模块之间的逻辑关系要清晰明确，界面的装饰元素要简洁并具有指示性的语义特征，网站各专题页面结构模式、展示形式、版式格调等要协调统一。其次，通过视觉设计上的创意表达让用户在浏览学习的过程中保持兴趣盎然的愉悦感，同时还能使艺术设计类精品课程网站给人以独特而美好的高品质印象，实现与其他网站的差异化。再次，强化网页界面设计与情感体验之间的相互联系，以新颖性来刺激用户在学习过程中创造性的思考问题，同时能够深切体会到获取知识所产生的满足感。最后，及时改进和优化界面设计，不断完善视觉元素和信息内容的构成，以临场感的在线教学模式给用户创造沉浸式的美好学习体验。
2.3界面呈现信息的直观性
网络课程学习的直观性，是指将现实中的教学流程及学习环境直接展示在精品课程网站当中，集成化教学去掉了多余的干扰因素，减少了知识获取过程中的认识负担。网站界面设计需要符合用户习惯，提高界面呈现信息的易学性和灵活性，无需过多的操作经验就可以轻松掌握其共性规律，提高网站浏览操作的实用性。同时，要充分发挥网络技术、多媒体技术的优势，用户可以根据自己的偏好来定义界面信息的显示方式、版式风格、学习过程等，体现“以人为本”的设计理念。教学内容的组织、教学活动的实施、教学视频的录制及课程的电子资源等，也要做到图文并茂，有声有色。建设功能完善的交流平台，通过在线交流、考试测评、成绩分析、疑难解答等功能模块来实现互动式学习。
3注重精品课程网站的持续建设
优质的精品课程网站设计，必须同时满足教学资源的完整性和丰富性、先进性和时效性、原创性和准确性、易用性和可重用性等要点，以及操作上的交互性和信息检索的便利性。在网站投入运行后，内容的更新与维护、课程评价的反馈与分析等，都需要得到及时回应与处理。作为精品课程网站管理者的主讲教师，要把握高层次精品课程的发展方向，定时进行网站内容的更新维护和调整。要与时俱进积极引进、补充最新的课程内容，推陈出新，确保教学资源与课程发展保持同步。教师还应该在教学的过程中积极推广精品课程网站，鼓励学生通过课程网站自主学习，引导专题讨论并及时答疑。精品课程网站作为一种教和学的网络资源，还必须不断地进行优化。要根据艺术设计学科特点持续开发课程教学的特色内容，以发展的眼光拓展课程的最新知识，提高网站的知名度与影响力。
4结语
摘 要 本文主要讲了网页设计的布局和网页的用色技巧,从网页布局和色彩在网页设计中的重要性开始,介绍了网页设计布局和色彩的基础理论。从而进一步详细的介绍了布局和色彩搭配在网页中不可或缺的作用。好的网页体现在网页的主题鲜明、布局形式与内容相统一、整体色彩和谐融洽。
关键词 网站设计 布局 用色技巧
网页是网站构成的基本要素。网页的布局和色彩搭配能够更好的提升网页的视觉效果、更能吸引浏览者的眼球。 理论上研究网页设计的布局和用色技巧在网页中的应用以及布局和用色技巧在网页设计中的发展方向。
网页设计是艺术与技术的高度统一,网页艺术设计包含视听元素与版式设计两项内容;以主题鲜明、布局形式与内容相统一、强调整体色调为设计原则。因此在明确了网页艺术设计与网站主题的关系的基础上,提出了“美”和“功能”都是为了更好地表达网站主题这一观点。从而更好的认识和理解布局和用色技巧在网页布局中的发展和创新。
国内网页设计环境目前还停留在初级的认知阶段,如同96年以前的网页几乎是纯文字的页面,没有什么所谓“设计”的概念可言。随着时代的发展人们对美的追求是不断深入,网页设计开始从从审美方面入手,结合使用方便的要求,设计出美观、合理的页面,运用一些平面设计中美的基本形式就能使网页更加富有美感,例如将平面设计中的色彩形式原理融入到网页设计中,注重了布局规划从而使繁多的页面更加有条理。
设计以人为本,任何设计都具有一定的内容和形式。内容贯穿整个网页设计中,是设计存在的基础。形式而是内容的延伸,或者说事内容的外部表现方式。
内容决定形式,形式反作用于内容。一个优秀的网页设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物,再现现实,而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味,使物质经由象征变成相似于精神生活的有关环境。”
一、网页设计的布局
页面布局就是在网页设计时把网页的各种构成要素(文字、图片、菜单等等)在页面内完美的搭配起来。一个精美的网页,不仅体现在页面内容的精彩,还要有效地利用页面的有效显示空间,创造出合理的布局模式。
(一)“国”字型
“国”字型,也可以称为“同”字型,适用于一些大型网站,即最上面是网站的标题以及横幅广告条,接下来是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。
(二)拐角型
这种结构与上一种“国”字型结构,其实只是形式上的区别,有相似性。顶端是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,底端也是一些网站的辅助信息。在这种类型中,一种很常见的类型是,顶端是标题及广告,左侧是导航链接。
(三)左右框架型
这是一种左右分为两页的框架结构。一般左面是导航链接,有时顶端会有一个小的标题或标致,右面是正文。目前,大部分的大型论坛都是这种结构,一些企业网站也喜欢采用这种左右框架型结构。这种类型结构非常清晰,一目了然。
除了以上的布局类型外,还有上下框架型,标题正文型,综合框架型,封面型等。
二、网页用色技巧
(一)确定网页的主题色
所谓网页的主题色,就是体现行业特点,企业形象的色彩。色彩搭配的协调可以突出主题形象的视觉效果,色彩的搭配不仅体现美学的诉求,而且是一种可以强化的识别信息,会影响到浏览者对网站的印象乃至企业形象的认识。所以,主题色一经确定,要保持一定的稳定性,用这种色彩来帮助浏览者对网站的识别。
网页中颜色的过多使用,会使人感觉到凌乱、轻浮,感到杂乱无章,缺乏对网页的兴趣。因此网页设计必须有自己独特的色彩,必须有一种或两种主体色。
不至于让浏览者迷失方向,也不至于单调、凌乱。当主题色确定好以后,考虑到其他配色时,一定要考虑到其他配色与主体色的关系,要体现企业什么形象以及什么样的效果。
(二)用色技巧
1.针对不同的企业所要表达信息的不同,可以选择突出这些信息的颜色。
2.考虑浏览者。不同地区、不同年龄层次对色彩的认知的不同,可能会产生不同的反应。对网页所传达信息针对的人群的不同选择不同的用色。
3.不要使用过多的颜色。除了黑色和白色以外,约选择四到五个颜色就足够了。太多的颜色会使页面显得杂乱,不容易突出网页所要表达信息的重点。
4.选择颜色要注意时效性。当一种色彩成为流行色的时候,不免使浏览者产生麻木的审美效果。因此在网页中事实的实施一些怀旧色彩,会达到意想不到的效果。
以后,网页将代表个人、企业的形象。尤其是个人,或者企业的主页,它既要传达出某种信息,又要充分的体现出它们的特色。网页设计的好坏,直接关系到某个人、某个企业的形象,在人们的印象中所处的地位。所以布局和色彩的恰到好处的搭配将会使个人和企业的形象在别人心中留下深刻的印象,从而更好的体现出个人及其企业的知名度。
参考文献:
[1]张大鹏,张威,陈海波.网页设计.成都:电子科技大学出版社.
[2]刘佳,王倩.网页设计中的色彩表现.美术大观.2007.
装饰画是一种兼具了创造性与装饰性的艺术表现形式，装饰画学习的关键在于装饰色彩、装饰造型以及装饰构图三个环节。装饰画具有制作性与装饰性两大特点，在近年来逐渐为诸多艺术家所青睐。作为工艺性绘画，装饰画有着极强的表现力，对于艺术设计形式美的表现有着不可替代的作用。实际上，装饰画的制作过程也是体现其思维创造性与工艺制作性的过程。本文旨在对艺术设计与装饰画进行概述，并重点阐述了装饰画在各个艺术设计领域中的作用和应用，希望能够起到抛砖引玉的作用。
关键词：
装饰画；艺术设计；作用
作为具有悠久传统的艺术形式的装饰画有着独特的生命力和艺术魅力，在艺术设计中的应用也日趋广泛。装饰画不仅是艺术设计中重要的手段和方式，也对人们的日常生活有着巨大的装饰与美化作用，在很大程度上满足了人们的审美与文化需要。现如今，无论是在人们的生活环境中还是在日常用品上，采用装饰画形式的设计十分常见。
一、艺术设计与装饰画概述
近年来，在我国的美术领域，尤其是实用美术领域，“艺术设计”这一概念正在逐步取代过去的“工艺美术”和“设计”，对目前我国各个设计院校中的环艺设计、装潢设计、工业设计、服装设计、陶瓷设计等专业进行了高度的凝练和概括，同时也为来自社会的设计需求提供了一定程度的界定和指导。在大多数人看来，艺术设计最主要的手段在于“装饰”，但实际上现如今的人们早已不再满足于装饰的使用功能对于其基本生活需要的满足，而更加看重装饰对生活质量的改善和提升。因此，装饰实际上是人们日常生活的一种艺术化的表现形式，并在人类文明的发展过程中不断发展和进步，其不仅与人类精神文明和物质文明息息相关，也对人们的生活方式和生存空间起到了决定性的作用。因此可以说，装饰标志着人类的文明和进步，也是一种艺术化的生活方式。装饰画是一种有着极强表现力的、工艺性质的绘画形式，其制作和绘画过程本身就体现了思维的创造性和工艺的制作性。可以说，装饰画的绘制对于艺术创造性的进一步完善有着非常重要的作用。其主要的特点在于其制作性与装饰性，装饰性最重要的三个要素在于：①造型的夸张与变形；②组合结构的抽象化与平面装饰的构图法则；③理想化的色彩。装饰画的核心在于其特征的表现形式与观念的意向表达，它的基础是美，中介是美感。装饰所具备的形式美与内涵美，实际上就是表达形式与造型观念进行有机结合的产物。现如今，一些艺术领域的工作者往往更看重写实艺术而轻视装饰艺术，似乎装饰已成为了非高雅艺术的代名词，往往将其与图案联系起来，这确实是一种误解。可以说，这种看法是社会观与历史观综合作用的结果，但伴随着经济的发展和社会的进步，许多艺术家已经逐渐开始接受并弘扬装饰手段。实际上，装饰艺术在某些情况下能够比绘画更加概括、更加深刻，也更富有象征性。美学家所说的美实际上是一种高度的和谐，这应是对立的协调、契合与统一。装饰画作为一种重要的艺术形式，以理想化、秩序化、程式化、规律化为手段和要求，意图创造出更能满足人类实际需要，并与人类的审美相和谐、相统一的美。因此，装饰可谓是一种能使艺术生活化，也能使生活艺术化的艺术设计。在古代工艺和现代艺术设计中，设计与工艺都是随着人类文明的发展而发展的。设计是一种有意识的、人类独有的本体行为，也是一种极具创造性的行为。艺术设计不仅仅满足了人类生活的需要，也迎合了未来社会发展的要求。可以说，艺术设计有其崇高性，对客观活动有着主动和积极的反映。装饰画的目的就在于采用不同的技法和材料，从不同的视角来对不同的美进行表现。
二、装饰画在艺术设计中的应用和作用分析
1、广告设计
近年来，广告可谓遍及我们生活中的每一个角落，而装饰画也正渐渐成为运用最多的广告设计形式。与此同时，现代化的科学技术也在广告中为装饰画提供了许多绚丽的色彩和特殊的效果。从整体上来说，广告设计中装饰画的应用与作用主要集中在两个方面：①将其所宣传的主体与装饰画进行有机结合，这可以通过对宣传主题使用符号、解构等创作手法来进行实现；②通过对装饰画的色彩表现、构成形式等方面进行创意性的表达。同时，广告设计可以借助装饰画的表现力和创意性实现信息的准确传达更强的视觉冲击力，不仅较好地达到预期的宣传目的，也大大提升了广告设计的艺术性与设计内涵。
2、包装设计
不同形式和不同题材的装饰画在包装设计中有着充分的展现和应用。装饰画中各种符号化、图案化的形式对于视觉效果与视觉冲击力的创造十分有帮助。在设计包装的过程中应用装饰画，一方面要充分考虑到图案与商品的表现度与和谐度，另一方面也要合理运用装饰图案突出商品的主题内容与卖点，从而在保护商品的前提下尽可能提升其艺术性与审美性，让消费者能够第一时间从商品的包装设计上得到足够多的、准确的商品信息，最终实现包装设计的艺术化。
3、网页设计
在当前信息呈高速化流动的时代背景下，网络已成为最主要的信息渠道之一。作为以网络载体为基础的媒体形式，网页的设计实际上也是一种独特的视觉语言形式，也讲究图形布局和文字编辑的统一化。卓越的网页设计作品要实现现代科学技术与艺术化创作的有机结合，这也使网页设计正逐渐成为一个新的设计领域。装饰画这一表现形式在网页设计过程中的运用不仅能够大大提升网页的可读性和其所能够承载的信息量，也能改善和提升网页画面效果，进而吸引更多的点击和浏览。同时，装饰画造型效果在网页设计中的大量运用能够使网页具有更加生动、活泼的形象，而对比、夸张等形式美语言的运用也能使网页有更好的表现效果，更加具有亲和力。
4、动漫设计
近年来，动漫设计这一学科在艺术和计算机领域变得越来越热门，也越来越活跃。可以说，现在的动漫已不仅仅只是面向青少年，许多成年人也已成为了动漫市场的重要力量。由于社会的发展加快了人们的生活节奏，越来越多的人希望能够在高强度的工作之余寻找到一种愉悦、轻松的休闲方式，而以数字媒体为基础的动漫业恰恰迎合了这一要求。因此在近几年取得了非常大的发展。动漫设计有着水墨动画、水粉动画、木偶动画、剪纸动画等多种丰富多彩的表现形式。而装饰画在每一类动漫作品的形象与场景设计中都有出现，其生动、绚丽的设计实际上也都在不同程度上运用和借鉴了装饰画的形式美法则与造型规律。
5、工业产品造型设计
为了满足与迎合人们日常生活和生产的需要，各类产品应运而生，而设计产品的过程实际上是艺术与技术的有机结合。一件好的产品，必须同时满足节约材料、便于加工和使用、满足功能、造型美观、迎合市场潮流趋势等各项要求。人们通过使产品的结构、功能、工艺、材料等要素与优秀的设计创意、设计理念进行有机结合，十分巧妙地将视觉艺术与产品的功能设计、造型设计融为了一体，并造就了许多同时兼具审美功能和使用功能的优秀产品。装饰画在设计产品的过程中常常能够将产品的造型设计与技术功能设计统一起来，给人以不一样的美感，并借助设计艺术的表现形式与审美功能为工业产品增添了装饰性，进而为消费者提供了更多的视觉愉悦和审美体验。
6、服装设计
服装的材料、色彩以及款式剪裁在服装设计过程中都十分重要。与此同时，图案在其中也有着不可替代的作用。在服装设计中的图案能否给人留下深刻的印象，将直接决定了服装设计能否成功。装饰画这一艺术形式由于有着多样的风格和题材，因此常常在服饰图案中有所表现。许多服装的主要部位都会有大小不同的装饰画形象，这在运动服或者青少年服装中体现得尤为明显，其服饰设计的过程中可以说起到了为其“点睛”的作用。国际化浪潮席卷而来的今天，许多富有民族特色的服装越来越流行，图案与纹样能够给人一种强烈的神秘感和典雅感，也蕴藏着该民族的文化气息，包含着该民族独有的艺术魅力，一代一代地传承了下来。在服装设计中，装饰画语言的作用被发挥得淋漓尽致。
7、室内设计
一般来说，室内空间设计对于艺术水平的要求相对更高。在室内设计中，装饰的作用十分重要。除建筑空间需要进行相应的装饰之外，墙面、地面、家具、灯具等地方也存在着许多的装饰因素。人们的日常生活环境正是因装饰画这一独特的艺术形式而变得更加多姿多彩。进行室内设计时，应确保装饰画能够与室内环境融为一体，确保审美对象的统一化。要从题材不同、材质不同、样式不同的众多装饰画中选择出最能够表现房间主题与业主个性的作品，并在具有不同功能的空间内选用不同的装饰，从而使处于任意一个房间内的人都能够保持兴奋、愉悦或者舒适、放松的心理状态。此外，画廊、酒店、背景墙、咖啡厅等区域都会采用一幅或多幅装饰画来对环境气氛进行烘托或装饰，从而营造出特定的氛围，这对于空间特点的强化和审美情趣的增添也都有着极好的效果，对于环境与个性的统一有很大帮助。这是一幅名叫《秋》的装饰画，在创作过程中，采用毛线作为材料进行编织，在色彩选择方面，运用大量黄色系表现秋日的整体韵味，湛蓝平静的水面表现秋日的宁静，岸边的树木也开始有了枯叶，营造一种类似油画的鲜艳，用颜色表达出了一个季节。这幅装饰画被用于咖啡厅和背景墙等，可以给整体的室内环境带来一种秋色夕阳的宁静之美，使人浮想联翩，放松身心。《秋》，采用毛线编织而成的装饰画。
8、景观设计
在进行规划设计或建筑设计时，首先应就建筑物能够对周边环境和居民所造成的影响进行评估和预测，这一过程中，景观设计能够使自然环境与建筑物之间形成相互呼应的关系，从而使建筑物与周围环境更加的适应和协调，融为一体。与此同时，在决定建筑物的外形、布置以及色彩时，要充分尊重当地的文化历史传统，从而整体上提升其艺术价值。第一，从宏观的角度对城市、道路以及街区进行规划时，应先从景观与建筑的布局着手。景观自身的点、线、面与协调、对比、节奏、平衡等形式美法则本身就会构成一幅美好的画面。第二，在设计广场、车站、雕塑等微观景观时，要使装饰画艺术从自然形态提升到艺术形态的高度，进而在形象、构图、色彩等层面都更加具有独特的视觉艺术表现力，这也将会为整体的景观设计提供众多的形式和艺术语言以供其借鉴。
三、结语
通过本文的分析可以看到，装饰画是一种集合艺术性和实用性的艺术表现形式，在当今社会的各个设计制造领域中，装饰画都有着其独特的生命力和艺术表现力，这也是装饰画能够在众多艺术设计领域中的得到广泛应用的重要原因。对于我们每一个人而言，只有对装饰画有着深入的理解和领悟，才能真正了解装饰画背后所凝聚的重要意义，进而全方位体会到装饰画的艺术价值，最终使其更好地为人居环境的改善和人们生活水平的提升做出贡献。
作者：王祺 单位：渤海大学艺术与传媒学院
参考文献
[1]龙竞成.浅谈平面艺术设计与现代装饰画的关系[J].文艺生活•文海艺苑,2012,(12):205.
[2]姜冬莲,史清林.装饰画在现代室内空间的运用[J].美与时代•城市,2015,(5):67-68.
[3]潘春玲.浅谈装饰画[J].神州（中旬刊）,2013,(6):232-232.
[4]郭燕龙.插画艺术在平面设计中的视觉语言研究[D].内蒙古师范大学,2014.
[5]孟繁兵.论装饰绘画在公共空间中的应用[D].吉林艺术学院,2012.
