网站艺术设计十篇

网站艺术设计篇1

关键词：电子商务多媒体技术艺术设计

计算机多媒体技术指计算机交互综合处理文本、图形、图像、声音、视频等多种媒体信息，使多种信息建立逻辑联系，集成为一个具体有交互性的系统。企业通过建立电子商务网站，实现“企业——个人”、“企业——企业”、“企业——政府”的快速信息交流，达到宣传企业、树立企业良好形象的目的。中国网民人数量近亿，企业为了争夺这个潜力巨大的市场，为了吸引网民的眼球，在商务网站中运用了大量多媒体技术。利用多媒体技术可以制作生动、有趣的网页，使得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

[关键词] 电子商务多媒体技术艺术设计

计算机多媒体技术指计算机交互综合处理文本、图形、图像、声音、视频等多种媒体信息，使多种信息建立逻辑联系，集成为一个具体有交互性的系统。企业通过建立电子商务网站，实现“企业——个人”、“企业——企业”、“企业——政府”的快速信息交流，达到宣传企业、树立企业良好形象的目的。中国网民人数量近亿，企业为了争夺这个潜力巨大的市场，为了吸引网民的眼球，在商务网站中运用了大量多媒体技术。利用多媒体技术可以制作生动、有趣的网页，使得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

网站艺术设计篇3

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

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

国内部分艺术院校开设网站设计课程已经有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的色彩模式。显示设备呈现的颜色比印刷色彩要明亮很多，因此，在网站色彩搭配时不适合使用大面积纯度过高的色彩。所以，学生在进行网站色彩学习的时候，不能仅仅依据之前课程的设计原理进行设计，也要考虑技术特点与设备特点等综合因素。第三，字体设计。字体的正确使用有利于程序开发，也有利于界面设计的效果展示。例如，正文字体一般不会使用特殊字体，而是普遍使用系统自带字体。如果要使用特殊字体，那么就需要做成图片或者在程序端进行相应的设置。所以为了更高效的开发，设计人员需要了解怎么使用特殊字体，什么情况下尽量不使用特殊字体。第四，交互方式。早期的复杂交互都是通过Flas等方式进行，如今使用HTML5的动画功能结合CSS，JavaScript进行复杂的动画、效果表现，交互制作的人员已经从设计人员变为前台开发人员。设计师虽然不需要直接制作交互动画，但是也需要对交互动画和网站动态展示技术进行了解，才能更好地配合程序人员完美、高效地呈现动态效果。例如，原来的分页功能现在普遍都展示为“瀑布流”的展示方式，因此在设计上就需要进行微调。

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

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

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

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

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

参考文献：

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

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

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

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

网站艺术设计篇4

关键词：视觉；电子商务

中图分类号：F49文献标识码：A文章编号：1009—0118（2012）11—0308—01



企业通过建立电子商务网站，达到宣传企业、树立企业良好形象的目的。中国网民人数量近亿，企业为了争夺这个潜力巨大的市场，为了吸引网民的眼球，在商务网站中运用了大量多媒体技术。到目前为止，在Internet上所能使用的多媒体可以说越来越广泛。现代的网页设计在多媒体技术的不断完善下更加重视与艺术设计的结合来深化品牌形象。网页的艺术设计是艺术与技术的高度统一，正日益被网站建设者所注重，视觉传达元素是其中最为重要的组成部分。

一、视觉传达设计的定义及构成要素

（一）视觉传达设计的定义

视觉传达是人与人之间利用“看”的形式进行的交流，是通过视觉语言进行表达传播的方式。不同的地域、肤色、年龄、性别、说不同语言的人们，通过视觉及媒介进行信息的传达、情感的沟通、文化的交流，视觉的观察及体验可以跨越彼此语言不同的障碍，可以消除文字不同的阻隔，凭借对“图”——图像、图形、图案、图画的视觉共识获得理解与互动。

（二）视觉传达设计的构成要素

1、文字。

文字设计是指通过对字体进行结构变化、笔画置换、形状装饰、从而使字体的造型达到设计的目的，创造出新的富有时代性、艺术气质、高品位的图形文字作品。文字设计实际上就是创造文字信息的视觉差，对文字形态美的一种探索和追求，它追求某种寓意并创造出具有视觉美感的图形文字。

2、图形。

图形作为设计的语言，在设计中要把握其主要特征。图形一词在英文中称为GRAPHIC，是指借助视觉图像来传达信息的设计。从广义上说，就是所有能够用来产生视觉图像并转为信息传达的技术，包括二维平面和三维立体设计。

3、色彩。

色彩传达的目的在于充分表现商品，企业的个性特征和功能，以适合商品消费市场的审美流程，利用色彩设计的创意形成一种更集中、更强烈、更单纯的形象、加深公众对广告信息的认知程度，到达信息传播的目的。

二、电子商务网站中的视觉传达设计

（一）文字设计。

在网页界面中，文字是最重要的构成元素之一，它比其他的视觉符号更加易于辨识信息传达的明确性。文字主要可以划分为中文字和外文字，既可以独立使用，也可以相互配合。文字作为约定俗成的符号，形态的变化并不影响传达的信息本身，但对传达的效果会产生一定的影响。对网页界面中的文字，应根据视觉美学的规律，并结合文字本身的含义以及欲传达的信息特征，对文字的体量、字形、排列以及色彩等方面加以设计，以便有效地传达文字深层次的意味和内涵，达到最佳的信息传达效果。

（二）图象设计。

图象设计是视觉艺术的重要表现形式，怎样才能使网站的视觉效果达到最佳最完美的程度，图象设计是关键，图象设计需要注意的两个方面既是视觉节奏的运用以及调值的运用，巧妙地运用视觉节奏，能使观赏者神往而迷恋，图象的主调可以分为三类：高调、低调、和中调，不同的调值有其不同的感彩，如高调的明快、淡雅，低调的庄重、深沉，中调的和谐、平稳等。调值只有与具体的形象相结合，才能赋予图象以鲜明、生动的感染力。

（三）色彩运用。

色彩是艺术表现的要素之一，色彩决定了访问者的第一印象。它可以营造网页的氛围，并且使访问者联想到网站的主题或传达的信息。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合，搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。

网站的类型很多，按照分类，其各自的目的和侧重点不同，对用户的情感诉求心理也不同。门户类网站：其主要需求是如何方便用户在堆砌的信息中有效、快速进行目标选择，而页面色彩可倾向于清爽，简洁；产品类网站：主要目的需求展示产品特征，促进浏览者消费欲望，页面色彩可根据产品定位做多样化设计，如apple等高科技电子产品，其简洁灰白色调给网站带来科技感和现代感；企业类网站：展示企业形象，加深提高品牌印象，可应用logo的主色系设计，达到品牌统一；电子商务网站：其目的在满足方便快捷地查看商品和进行交易，同时运用暖色调渲染气氛，让用户感受到网站整体的活跃氛围和愉悦感。

三、视觉传达设计在电子商务领域的实践展望

时下的国内电商已经越来越重视与文化领域的跨界合作，文艺风格的电商正在成为一个新的行业趋势。这将为艺术设计专业学生在电子商务领域提供了较多的就业机会和专业提升平台，让互联网时尚与艺术更为紧密地结合，进一步推动我国电子商务的发展。一方面，电子商务网站不仅仅是一项技术而且越来越接近于一门艺术。网页的艺术设计日益被网站建设者所注重。在现有技术条件下，应处理好网页艺术设计与网站主题的关系，利用多媒体有机结合对人产生强烈的视觉冲击性，给人留下深刻的记忆，提高网站浏览量何知名度。另一方面，国内电子商务公司对艺术设计人才的需求不断增加，为视觉传达设计专业提供了大量的就业岗位，负责公司电子商务整体形象设计，把握B2C网站、淘宝店铺等品牌网店的整体风格和视觉呈现，运用专业的审美观配合市场营销部门制定相应的营销和设计策略等。

从招聘的信息中可以看出电子商务网站越来越重视视觉这方面的影响，网站艺术视觉效果布局设计能够使网站的技术和与艺术相结合，旨在于让自己的网站更具个性化，并能吸引更多的新客人来访，同时可以让在美丽的网页下心情变的愉快，网站艺术视觉效果布局设计让网站规划得更完善和现代，这是一种时代的需要，也是网站本身的需要，让网站在如今激烈的竞争中更好的突显出自己的风格和优势。

参考文献：

网站艺术设计篇5

关键词:网页艺术设计;技术;艺术

中图分类号:TP393文献标识码:A文章编号:1009-3044(2010)05-1191-02

The Art of Webpage Design

JIANG Gui-mei

(Dept. of Arts Design and Information Technology, Guangdong Women's Polytechnic College, Guangzhou 511450, China)

Abstract: It analyzes thoroughly the artistic of webpage design from three aspects: the content, the principles and the characteristics of the art design of webpage. And it proposes the direction of development in webpage design.

Key words: art design of webpage; technology; art

网页艺术设计是伴随着计算机互联网的产生而形成的视听设计新课题,是数码艺术中的一个重要门类,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,它必然会成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。

1 网页设计的原则

一个成功的网页是依靠设计者的美术观念、对色彩和布局的掌控、对浏览者心理的把握、结合创意设计出来的,再应用合理的技术表现出来。

1.1 围绕网站的主题,明确设计的风格

网页设计的第一步就是要分析和明确建站者通过网站要达到的目的及浏览者要获取的信息,从而确定网页的主题思想及围绕主题进行条理性处理,针对浏览者是儿童、男人、女人、年轻人、中年人、老年人等的习惯、爱好,从而明确网页设计的风格。围绕主题,运用艺术形式美法传达网页内容和表现网页风格,既要内容充实,又要吸引浏览者的注意力,使网页信息传送效率最大化。

1.2 网页整体形象统一

网页是由多链接的页面和元素组合而成,在设计时强调整体和谐性,表达一个统一的视觉印象和文化意境。整体和谐性不仅是在各网页页面上有共同的形式特征,如色彩、造型、版式等上的外部完整的美感,也要在文化内涵和意境上体现出一种连惯性和整体性,给人一种内部有机联系。

1.3 应用技术要合理

应用网页技术可以使网页有视觉冲击和动态效果,但也要注意合理应用,技术应用与艺术设计要相辅相成,技术是为内容和形式服务的。1)考虑浏览器的兼容性。2)注意网页容量。不要将图片和动画过多加入,否则网页容量过大,网页下载速度过慢,浏览者也就失去看下去的兴趣。3)合理应用动态网页技术。CGI、ASP等动态网页技术上很先进,但相当一部分引擎还是不支持它的。4)适当应用各种网页设计方法和技术。比如,特殊字体的使用可能在有些浏览者的电脑上可能不能显示。

2 网页艺术设计的特点

网页艺术设计既是计算机技术的应用,也是视觉艺术在网络世界的表现。

2.1 技术与艺术结合的紧密性

技术与艺术的紧密结合在网页艺术设计中体现得尤为突出,是网页艺术设计最大特点。虽然技术是表现艺术的方法而已,但是如果没有过硬的技术基础,那么,想要表达出艺术内涵恐怕是难于登天,技术和艺术间是相辅相成,相互促进发展。技术越进步,可以表现的网页形态越丰富;同样,为达到网页艺术表达的要求,往往促进一项新技术的诞生。

2.2 实时互动性

网页具有实时交互的功能,网页设计者将网页上传到网络后,点击率和受欢迎程度是可知的,网页设计者需不断更新内容和更换不同的界面环境才能让浏览者持续对它的喜爱。浏览者不再是被动的接受者,而是艺术建构的参与者之一[1],从而促进设计者与浏览者进行良性的沟通。网页设计人员也应在不同的时期和阶段、依据不同对象、不同的经营策略等对网页做出相应的变化,网页艺术设计也是动态变化的设计。

2.3 非线性的导航

非线性的导航是指一种自由的、多方向和不确定的网页组织结构[2],而不是线性单一的,清晰的导航性使得浏览者在网页间的跳转而不会迷失方向,给人以清晰的层次感。网页设计者要做到不同角度的链接、告知浏览者当前的位置、当前页与其它页面间的关系等,每页应有一个返回主页的按钮或链接。

2.4 媒体的多元性

网页设计是一门新型的综合媒体艺术,是多种元素的综合体。多媒体的视听元素有文字、图像、声音、视频、动画等多样[3],网页是视听元素的创造和应用。

2.5 终端的不可控性

网页的显示效果会随着终端的变化而出现不可控性,网页的显示终端包括浏览器和显示器,这种不可控性主要体现在:

1)当前浏览器窗口大小不同,看到的页面不同;

2)不同种类、版本的浏览器观察同一个网页页面,效果会不同;

3)网页的浏览者可以控制网页页面在浏览器中的显示方式,如字体大小、网页缩放等;

4)屏幕采用不同的分辨率,网页显示效果不同。

3 网页设计的发展

曾有人认为,当每个企业都有了自己的网站,网页设计行业就将从饱和中走向消亡。这是错误的,网络更新发展之快、蕴涵潜力之大、覆盖之广都是前所未有的,网络的未来不可限量。网页设计的在以下三方面有着广阔的发展:

3.1 技艺结合

虽然现在每个企业几乎都有自己的网站,但不是每个网站都是技术与艺术的融合,网页设计人员往往懂技术的而不懂艺术,懂艺术的又不懂技术。随着时代的发展,网页的艺术设计,日益被网站建设者所注重。

3.2 虚拟现实在网络中的应用

虚拟现实的沉浸感、交互性、构想性的特征让它成为研究者们的热点。随着网络的发展,网络虚拟环境今天已存在,让多个用户(特别是不在同一地理位置的多个用户)参与到同一个虚拟环境中来,但这项技术还不成熟。网络虚拟环境是多领域技术的集成,这些技术包括允许不同地域间异质网络互联的技术,支持视觉、听觉甚至触觉/力觉反馈技术以及相应的多种交互设备。随着技术的日趋成熟,在线教育、在线就医、远程会诊等都会成为现实。

3.3 多媒体的综合应用

目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流技术的推动下,Internet网上出现实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影、网上直播、三维看房、看地图、网上逛商场和校园等。因此,多种媒体的综合运用是网页艺术设计的特点之一,是网页设计必然的发展方向。随着技术的发展,在网络环境流畅地播放三维实时动画,实现网络漫游等都已实现。

4 结论

网页艺术设计具有技术与艺术的结合性,伴随着网页技术与媒体艺术的发展而发展,也是平面设计在网络世界的延伸。随着时代的发展和需要,网页的艺术设计,日益被网站建设者所注重。

参考文献:

[1] 顾群业.网页艺术设计[M].山东:山东美术出版社,2002.

网站艺术设计篇6

关键词：网页艺术设计；网页版式；版式的形式美

中图分类号：J04

文献标识码：A

文章编号：1005-5312（2012）14-0078-01

网页艺术设计归根结底是网页版式的编排，而网页中版式的设计编排正是网页艺术性的体现。网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将传达内容所必要的各种构成要素的均衡、调和、律动的视觉导向以及空白等，根据主题的要求予以必要的关系设计，进行一种视觉的关联和合理配置。将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

一、概述网页版式设计在网页艺术设计中的意义

浏览者进行网页浏览时的时间顺序通常是：由版式——艺术性，至导航——技术性，至网页内容——信息性或有用性，直至浏览过程的结束，产生评价结果。因此可以看出，网页设计的三个关键就是：版面设计、导航设计、网页内容。其中版面的设计至关重要，一个具有艺术性的成功的网页版面设计不仅能提高版面的注意价值，而且有利于该网页主题的信息传达并加强对浏览者的视觉留存。

网页艺术设计，表现在对页面的版式及布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。虽然网页设计拥有传统的媒体的不具有的优势，例如是能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相交流。但是最基本的模式还是平面设计的内容，平面设计就要考虑形式美的内容，因此网页的排版布局就属于形式的内容，就是通过对页面的合理布局，将文字，图片进行整体编排使其条理清楚、流畅、整体，使形式美得到体现。

二、网页版式的基本类型与运用

网页的版式和传统印刷品的版式编排一样多种多样。

从视觉符号方面来看，视觉符号是相对于语言符号的点、线、面、色彩等视觉性记号。形式法则和构成规律是视觉语言的语法和句法，要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。可以运用对比与调和、对称与平衡、节奏以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感以及新鲜的个性。因此对于不同的网站在设计其版式时应采取不同的类型，而网页版式的类型与运用大致分为以下十种：

1.骨骼型2.满版型3.分割型4.中轴型5.曲线型6.倾斜型7.对称型8.焦点型9.三角型10.自由型。

三、结束语

作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。而这就是我们对于网页版式的设计的根本所在。总而言之,整个网站是依附于其独特的版式而形成的，版式的设计是它灵感的骨架也是它的根本所在。

网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛， 包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。好的网页设计不仅是内容上的精益求精，还有就是对内容合理有效的视觉编排与设计即网页版式的设计。网页版式设计是美的创造，美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，因此网页版式的设计与编排在网页艺术设计中体现得尤为突出。也是决定一个网站是否成功的关键所在。

网站艺术设计篇7

虽然与平面设计相比，网络设计对艺术元素强调的不多，但是网页设计中的艺术设计是计算机网络发展进步的要求。创新是一个民族进步的灵魂，是我们不懈发展的动力。网页设计中的艺术元素要求设计师们进行创造性思维活动。

网页设计中的艺术设计细胞包含三个方面的内容。首先是视听上的艺术细胞。在视听上有如文本、图像、背景音乐、导航工具等视听元素。其中文本是其主导地位的一个元素，因为一个网站最终是要表达一个思想或传递些信息，而文字的好坏直接关系到网页的整体质量。能够直接吸引观众注意力的当属音频、视频和动画元素的设计上，为了突出重点，往往采取把动画设计在弹出广告中，或用在导航条中，视频的出现使得网络的内容更加丰富多彩。

其次是版式上的艺术细胞。简单地说，网页的版式设计就是在有限的空间上如何将大容量的信息进行排列组合，而不同的组合模式所产生的效果也大不相同。每种版式各有千秋，使用不同的网站设计主题，有满版型的、对称型的、分割型的等。网络设计者应当首先进行定性分析，分析如何使整个网页总体美观、整洁和有条理，同时还要进行定量分析，小小的设计空间上进行布局。

再次是色彩上的艺术细胞。一个网站必须要有一两个主题色彩来象征网站的内涵，这是进行市场竞争的重要步骤，我们应当注意到色彩对人视觉效果的冲击。色彩的搭配和运用既是一门技术活，也是一门艺术。往往不同的色彩所折射出来的概念是不一样的。例如，绿白组合可以使人感觉优雅舒适，红色可以凸显喜庆的氛围，蓝白混合能给人清新淡雅的印象。在设计规划中，强调整体性和一致性，杂乱无章的界面只会增加网络用户的厌恶感。

2.网页艺术设计应当注意的问题

值得注意的是，艺术设计包含较多的主观因素，因此对网页设计者有一定的技术要求，要求熟练掌握各种软硬件技术，把技术和艺术交融在一起，发挥技术的支持性作用和艺术的想象空间。注意形式美和实质效果的统一。如果为了追求独特风格设计而缺乏网页内容的真实性，又或者只重视内容的充实而忽视了艺术表现，那么结果都是使网页设计显得空洞苍白。只有将两者有效统一起来，在和谐的外表下使用户的视、听觉领会到主题内容的精髓，才能使网页设计具有价值。

注意网页设计的持续性和交换性问题。网页设计是在网络环境下完成的，不同于传统媒介方式，因此要求网页设计者的观点与时俱进，进行改变。现代信息变化莫测，人们接受信息的方式也发生根本的转变，人们不再是吸纳信息的被动接受者，而是有个人的偏好和倾向，及时反馈用户的信息是网页设计取得进步的经验和宝贵财富，也是企业螺旋式上升的必然结果。

3.小结

网站艺术设计篇8

关键词：网页设计，内容，原则

 

网页艺术设计是艺术与技术的高度统一，指出网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则。在明确了网页艺术设计与网站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达网站主题这一观点。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。

一、网页艺术设计的内容

设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

1.视听元素

这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。 以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。论文格式。论文格式。比如，大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画和多媒体文件。另外，在浏览器使用插件（Plug-in）也可以播放更多格式的多媒体文件。还有微软推出的ActiveX已经成为热门技术。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。论文格式。

2.版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

二、网页艺术设计的原则

网页作为传播网络信息文化的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。虽然网页设计艺术，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则，才能把网页的设计做得更加完美：

1.主题鲜明

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。

要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2.形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。

另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。

综上所述，时代在不断发展，网页设计的风格也在不断演变，要想设计出更为优秀的网页，研究各类网页艺术的设计规律将是一门长期的任务。

【参考文献】

《网页艺术设计》汤晓山 清华大学出版社

《多媒体技术与应用》张爱华 清华大学出版社

《多媒体技术与应用》李竺 清华大学出版社

网站艺术设计篇9

我国网络兴起时间晚，跟一些发达国家比更显得落后不少，网络技术也相对不是很成熟。目前国内网页设计中存在的最大问题还是用色，那我们的网站和国外的网站稍微对比一下，我们不得不承认，外国网站在用色和结构上比我们出色很多。在用色设计上，要通过整体布局来决定用色的协调性，而国内网站设计用色上，大家都可以看出，并没有受到太多重视，颜色搭配混乱，颜色种类过多等种种现象，造成网页面颜色搭配俗气。另外，网页设计人员在设计时，要按照客户的意思去设计，设计的目地完全是为了应付客户，而大多客户对设计搭配根本不了解，瞎指挥，最终造成网页设计出来后不伦不类，从根本上背离了设计师专业的设计方案。还有的网站在形式上确实做到了美观，但是缺乏创造性。就像女人空有一副漂亮的外表，却毫无气质内涵，还是会让人觉得厌烦。1.3面临的问题中国多媒体技术已经得到快速发展，许多好的作品也相继问世，其中不乏那些媒体人和艺术家们的努力。可是当多媒体技术应用在网站设计中，却遇到了相当大的难题，这些人在艺术创作过程中，因为赶不上多媒体进步的步伐，创作受到了限制，对于一些好的构思不能通过网络编程或软件编程制作出来，就不能完成自己的构思，要是找别人代工，就不能完成自己最理想的那种效果，使艺术不能发挥到它的极致和巅峰，这就是一种损失。

2多媒体在网站中的应用

2.1图像处理

图像是我们在上网经常会见到的，在上网的过程中，如果没有图片，那网络是相当单调的，任何一个网站的页面都离不开图像，新闻网站中，需要图片更加生动、真实的介绍新闻事件，商品网站中，需要图片展示商品，让买家更清楚的了解商品样貌。网站上的网页通常图文并茂，通过丰富多彩的图像，构建视觉效果，传递文化信息。如果网页上少了图片，将会少了很多精彩，网页也会变的索然无味。

2.2动画设计

我们现在所看到的动画片，都是通过网络设计制作而成。那些我们上网中必做的事情，所玩的游戏，也是通过动画设计制作而成，动画设计在网站中，能带给人们不少乐趣，成为了不少人打发时间的工具。另外就是，动画的显示能增强人们的记忆，因此动画设计在网络中的应用，受到了人们热烈的欢迎。

2.3音频处理

音频技术出现较早，目前发展已比较成熟，突破了传统的模拟方式，实现了音频数字化。这不仅实现了较好的音响效果，更为音频文件的采集、剪切和提供了方便。有了音频处理技术，大家可以在浏览网站的时候听听背景音乐，增加大家浏览的兴趣。

2.4视频处理

视频处理在网站设计中也是非常重要的，网站上有些东西如：激烈的体育比赛，故事性很强的新闻等，用图片和文字不能更好表达的时候就需要视频播放来满足需求，在网站上应用视频，会更直观地传递资讯，展示给我们的是更全方位、更绚丽的网络世界。

3多媒体对于网站的作用

设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流（stream）技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传播信息的表现力和感染力。

4结语

网站艺术设计篇10

【关键词】 网页与平面设计　色彩　心理学

1　网页的平面设计

每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。我国这两年的网络发展非常快，网站数量也以倍率增长，然而网页的设计却不容乐观。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站，这是因为没有和平面设计紧密结合。网页本身就是无数个“页面”的平面，平面设计规则也适用网页设计，网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，才能设计出符合审美规则的网页。故设计者应该巧妙利用平面设计的设计规则，结合网络媒体的特点，认识网络，了解平面的特征，才能使网页更加适合于网络上的传播。

平面设计中如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强的同时又要有变化，怎样使它们脉络清楚又富有清晰的视觉效果等等。例如哈尔滨商业大学设计艺术学院网页设计之欢迎界面，在黄色的背景衬托下，各种线条贯穿其中，运用平面设计中的图形设计加以修饰，增加网页设计的美感和大众的视觉审美需求。符合设计学院的设计的理念，又有学术机构的沉稳。内容与形式的表现达到了高度的统一。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。哈尔滨商业大学设计艺术学院网页设计之主页设计作为设计的主体，如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。主页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。再次，网页版式的新意，网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视听传达方式，它在传达信息的同时，也产生感官上的美感和精神上的享受。哈尔滨商业大学设计艺术学院网页设计的版式设计赋予了很多心意，版面运用欢快轻盈的风格进行设计，打破常理设计规范，有鲜明的节奏感，给人以生机盎然的感受，版面中的文字和图片利用线条隔开，主题突出，追求某种富于活力的图文编排与设计。

2　网页视觉设计中色彩的设计

网页的色彩，是最先也是最持久地给浏览者以网站形象的因素，浏览者在浏览网页时，留下的第一印象就是页面的色彩设计。色彩本身是无任何含义的，有的只是人赋予它的。但色彩确实可以在不知不觉间影响人的心理，左右人的情绪，所以就有人给各种色彩都加上特定的含义：红色：强有力、喜庆的色彩，很容易使人有兴奋感觉，是一种雄壮的精神体现；黄色：亮度最高的色，给人感觉就是很有温暖感；绿色：美丽、优雅，给人感觉大度、宽容；蓝色：永恒、博大，给人感觉平静、理智；紫色：神秘、女性、温柔、冒险；黑色：有时给人沉默、虚空的感觉，但有时也给人一种庄严肃穆的感觉；白色：有时给人无尽的希望感觉，但有时也给人一种恐惧和悲哀的感受；灰色：具有中庸、平凡、温和、谦让、中立和高雅的感觉。网页的色彩使用得当可以产生强烈的视觉效果，使页面更加生动。巧妙使用色彩可以直接影响阅读者的观赏兴趣，因此，色彩设计在网页设计中居于十分重要的地位。网页的色彩设计应把握以下几个方面：

2.1　确定主体色。确定一个主色调，可以有利于体现网站主题，遵循主从关系，这是最稳定的处理色彩原则，在网页设计页面上，除白色为背景外大量使用的颜色，就是这个网页的主体颜色。如果在同一个页面内运用了多种颜色，把握不好的话，就无法确定哪个是主体色。因为其他的颜色面积不能过大，要遵循主从关系。我们现在看到的网页，一般以浅颜色为背景的居多，如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底，哈尔滨商业大学设计艺术学院网页的主体色就是以浅黄色、浅蓝色为主色调，整体感觉柔和、素淡，配上深颜色的字，如黑色，读来自然、流畅，也有利于突出页面的重点，有利于整个页面的配色，更容易为大多数人认可和掌握。

其他一些次要内容，如背景图片、线条适宜采用不抢眼的颜色，以免喧宾夺主。只有少量精心选择的元素，为了突出强调主页的视觉效果，题头部分采用明亮的色彩，这些彩色亮点就会产生强烈的视觉冲击，并有设计艺术学院的特色。

2.2　背景色处理。在背景的色调搭配上一定要注意不能有强烈的对比，特别是同时使用色彩对立的颜色。大面积颜色适宜采用低比度，因为过于丰富的背景色彩会影响前景图片和文字的取色，严重时会使文字溶于背景中，不易辨识。所以，背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种变化。例如在制用标题时，为追求醒目的视觉效果，可用比较深的颜色，配上对比鲜明的字体。实际上背景的作用主要在于统一整个网页的风格和情调，对视觉的主体起到一定的衬托和协调作用，一方面吸引网民的注意力，另一方面有助于体现网站的主题。对一些明度较高的网站，配以黑色，可以适当地降低其明度。白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分，这就是留白艺术。哈尔滨商业大学设计艺术学院网页设计的二级界面就较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快，恰当的留白对于协调页面的均衡起到相当大的作用。

2.3　页面的色彩分配。网页标题是网站的指路灯，浏览者要在网页间跳转，要了解网站的结构，哈尔滨商业大学设计艺术学院网页设计的导航设计利用页面中的一些小标题，使用稍微具有跳跃性的色彩，吸引浏览者的视线，让他们感觉网站清晰明了，层次分明。网页标志是宣传网站最重要的部分之一，所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢？logo和banner设计来源是哈尔滨商业大学设计艺术学院标志，鲜亮、对比强烈的标志设计寓意哈尔滨商业大学设计学院的设计精神和学术精神，logo和banner的色彩跟网页的主题色分离开来，突出主题。网页文字是网页传递信息的主体，如果一个网站用了背景颜色，必须要考虑到背景颜色的用色，与前景文字的搭配等问题。一般的网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色。让人一目了然。设计艺术学院网页页面当中的文字设计并没有使用大众的黑色，在白色背景的衬托下，深灰色的文字既有利于读者的阅读，又赋予了活跃的气氛。导航菜单所在区域是网民利用率比较高的，把菜单背景颜色设置暗一些，然后依靠较高的颜色对比度、比较强烈的图形元素或独特的字体将网页内容和菜单的不同目的准确地区分开。页脚，这一项最不重要，不应该喧宾夺主。可以考虑和侧栏相同的颜色，设计学院的页脚稍微压了一下深一些的颜色，也可以在配色上使用一些比较跳跃的颜色，用来引导视线。

3　心理学与网页设计

人类在互通信息的同时也在交换彼此的情绪，如果没有好的沟通情绪，所谓话不投机半句多，双方可能说没有两句话就结束谈话了。因此若要利用网络的方式做有效的沟通，则必须让沟通双方有临场感，并引起彼此“良好沟通情绪”。由于网页在计算机屏幕上呈现给别人视觉画面，因此一方面观者要学习从计算机画面上看见信息；另一方面网页设计者要了解观者的“看见”的能力，从而设计能使人易懂的画面，协助观者能看见信息。由此就涉及到一个认知的过程。认知心理学可以定义为：为了解人类行为，而对人类心智历程及结构所作的科学分析。认知心理学的主要理论架构是“信息处理模式”。这个模式视人类为主动的信息处理者，探讨人类凭感官接受信息、贮存信息以及提取、运用信息等不同阶段所发生的事，所以认知心理学也常被称做“信息处理心理学”。而对于信息，感官记忆可贮存大量的信息，只是若不予以注意，信息很快就会失去。所以要进一步“注意”，作“图样辨识”，选择需要的感官信号做进一步的处理。一般说来，感觉刺激很少的信息很难被记忆，而那些能引起人们很强感觉刺激的信息很容易被人记忆。而现今社会是一个信息爆炸的时代，人们获取信息的方式主要是从网络获得，这就必定要求在网页的设计上要遵循认知心理学的要求，才可以被人们容易感知。网页设计就要善于通过信息处理心理学，唤起欣赏者身心结构上的类似反应，利用心理学在设计网页时，会缩短与网民的距离。设计学院网页设计运用了信息心理学和审美心理学进行设计，浏览者也会在高速的信息传递中快速掌握信息，让网民对页面有深刻的认识和感知，增强版面的表现力和可读性。

网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、字体设计、标志设计、人机工程、哲学、等诸多方面，当然也离不开一定的科学技术发展。技术与艺术、色彩与版式、图片与文字、构成了网页设计，哈尔滨商业大学设计艺术学院网页设计只是网页设计中遵循原则的一个成功案例，在网络高速发展下，网页设计更似工作站，发挥更大的机能。

参考文献

1　徐珂等.网页视觉与设计[m].北京：人民邮电出版社，2003