1、西安思源学院毕业设计GRADUATION PROJECT, XIAN SIYUAN UNIVERSITY目 录摘 要 .(1)前 言 .(2)第 一章 网页艺术设计的内容 (2)1.1 视听元素 .(2)1.2 版式设计 .(3)第二章 网页艺术设计的原则 .(3)2.1 主题鲜明 (3)2.2 形式与内容统一 (4)第三章 网页艺术设计的特点 .(5)3.1 交互性与持续性 (6)3.2 技术与艺术结合的紧密性 .(6)结束语 .(7)参考文 献 .(7)西安思源学院毕业设计GRADUATION PROJECT, XIAN SIYUAN UNIVERSITY1动漫网站网页设计摘 要该文以“动
2、漫网站网页”为例，对网页设计和制作进行了研究和探讨。整个说明书的主要内容包括：1、网页艺术设计的内容；2、网页艺术设计的原则； 3、网页艺术设计的特点；。在制作过程中，可以加强和深化以前所学的相关知识，同时也能更好地理解参考资料上的方法和理论。网页主题就是所要包含的主要内容，一个网页必须要有一个明确的主题。特别是对于个人网页，不可能像综合网站那样做得内容大而全，包罗万象。所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。关键词：网页设计 动漫网站 版式设计 视听元素西安思源学院毕业设计GRADUATION PROJECT, XIAN SIYUAN UN
3、IVERSITY2前 言随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者所注重。在目前国内对此领域研究甚少的情况下，作者将网页艺术设计与其他艺术设计形式进行比较，尝试从网页艺术设计的内容、原则和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧
4、与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。第一章 网页艺术设计的内容设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。1.1 视听元素这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程
5、序或模块支持。比如，大部分浏览器都可以显示 GIF、JPEG 图形和 GIF89a 动画。还有些多媒体文件（如 MP3 音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在西安思源学院毕业设计GRADUATION PROJECT, XIAN SIYUAN UNIVERSITY3浏览器使用插件可以播放更多格式的多媒体文件。微软推出 IE 浏览器后，提供了基于OLE 的 ActiveX 技术，用来在网页中播放多媒体。目前 ActiveX 已经成为热门技术。另一种播放多媒体的技术是 JavaApplet。它是用 Java 语言编写的应用于网页之中的小应用程序，相比于插件和 Activ
6、eX，JavaApplet 具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。1.2 版式设计网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。但网页的排版与书籍杂志的排版又有很
7、多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。第二章 网页艺术设计的原则网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下两个主要原则：主题鲜明，形式与内容统一。2.1 主题鲜明视觉设计表达的是一定的意图和要求，有明确的主题，并
8、按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地西安思源学院毕业设计GRADUATION PROJECT, XIAN SIYUAN UNIVERSITY4突出设计主题。根据认知心理学的理论，大多数人在短期记忆中只能同时把握到条分立的信息，而对多于条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是：较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在人们寻找
9、信息和使用信息的实践活动中，它要求视觉设计者的设计活动必须自觉地掌握和遵从。作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的主题诉求效果。优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站
10、点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美” ，又要实现“功能” ；最后， “美”和“功能”都是为了更好地表达主题。当然，有些情况下， “功能”即是“主题” ，还有些情况下， “美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能” 。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是美。只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题
11、思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。2.2 形式与内容统一 任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂” ；形式是构成内容诸要素的内部结构或内容的外部表西安思源学院毕业设计GRADUATION PROJECT, XIAN SIYUAN UNIVERSITY5现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的
12、结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。 ”（黑格尔美学第三卷）一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个
13、完美的表现形式，才能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。据有关资料所做的保守估计，目前在 WWW 上网页数据传输平均以每秒 1.5k 的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十 K 甚至更大的网页数据，使浏览者必须等待很长时间才能看到“庐山真面目” ，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出
14、特性之一快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。因此，在网页设计中必须注意形式与内容的高度统一。第三章 网页艺术设计的特点西安思源学院毕业设计GRADUATION PROJECT, XIAN SIYUAN UNIVERSITY63.1 交互性与持续性网页不同
15、于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是Web 成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在 Web 环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网
16、站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。3.2 技术与艺术结合的紧密性学设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机
17、器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流（Stream）技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传播信息的表现力和感染力。网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。西安思源学院毕业设计GRADUATION PROJECT, XI
18、AN SIYUAN UNIVERSITY7结 束 语网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。在本文中只从视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。参考文献(1) 谢依君.电子报的新闻介面分析(D).台北：台湾国立政治大学新闻学系，1999.(2) 唐良瑞，蔡安妮.从认知心理及人机界面谈网页设计(J).工程图学学报，2000.(3) 徐珂，苗彤，赵晖.网页视觉与设计(M).北京：人民邮电出版社， 2001.(4) 李砚祖，芦影.视觉传达的历史与美学(M).北京：中国人民大学出版社， 2000.(5) 何苏六.网络媒体的策划与编辑(M).北京：北京广播学院出版社， 2001.
