VI设计毕业论文（推荐）_vi设计毕业论文

VI设计毕业论文（推荐）由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“vi设计毕业论文”。

武汉科技大学继续教育学院

毕业论文（设计）

鄂州职业大学教学站（点）2009届艺术设计专业

题 目 网页艺术设计 学 号 0*** 学 生 赵芳 指导教师 何是旻 评阅教师

2012年3月20日

中文摘要

随着网络信息的飞速发展，网络传媒越来越重要。人们获取信息的方式更多是来源于互联网，它在人们政治、经济、生活等各个方面发挥着重要的作用，而网站就是传媒很好的一种方式。吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网站建设越来越接近于一门艺术而不仅仅是技术。网页的艺术设计，日益被网站建设者所注重。我将网页艺术设计与其他艺术设计进行比较，尝试从网页设计的环境、内容、原则和特点等四个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。我认为网页艺术设计在网络的技术环境和网络的媒体环境下，网页艺术设计是艺术设计与技术的高度统一，指出网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容统一、强调整体为设计原则；具有交互性与持续性、多维性、综合性、版式的不可控制性、艺术与技术结合的紧密性等五个特点。在明确了网页艺术设计与网站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达网站主题这一观点。

关键词：互联网 网页 艺术设计

绪言

Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，Web站点向用户提供的服务将越来越丰富，越来越人性化。而网页的设计也越来越被网站建设者所重视，随着人们对美的认识和欣赏要求越来越高，因此网页的艺术设计者们也越来越专业化、艺术化。

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

目 录

1网页艺术设计的环境..........................................................4

1.1网络的技术环境…………………………………………………….……………5 1.2网络的媒体环境………………………………………………………………….4

2网页艺术设计的内容..........................................................7

1.1视听元素………....................................................................7 1.2版式设计………....................................................................7

3网页艺术设计的原则..........................................................9

1.1主题鲜亮……......................................................................9 1.2形势和内容统一…………….…...............................................11 1.3强调整体..........................................................................11

4网页艺术设计的特点........................................................13

1.1交互性和持续性…………………………………………………….……。..…13 1.2多维性.............................................................................13 1.3多种媒体的综合性.............................................................14 1.4版式的不可控性.......................................................................15 1.5技术和艺术结合的紧密性...........................................................16

5结束语..........................................................................................18 6致谢词..........................................................................................19 7参考文献......................................................................................20

1网页艺术设计的环境

在网页的设计和制作过程中，了解技术和媒体因素是网页艺术设计的前提，可以说，技术和艺术的结合是网页设计的最高境界。从技术为人民服务的观念出发，我们尽可能地从用户的角度来设计。例如，用户是普通的冲浪者，那么，应该采用通用的技术进行设计，尽量少用图形比考虑以640×480dpi作为基本分辨率。而如果用户主要是高级技术人员，则可采用更高分辨率和连接速度。总之，若想更多的人能很好的访问你设计的网页站点，就必须适应不同的浏览器、操作系统和计算机平台访问的技术环境。

1.1网页的技术环境

1.1.1关于浏览器的技术

为了设计一个吸引人的网页，我们必须尽量满足不同的浏览器的要求。为保证兼容性，有些网页设计建议使用老版本的HTML，而另一些人则认为应当使用最新的标准和功能以推动技术的进步。下面是确定设计站点网页的最佳方式。（1）采用可兼容性技术

尽管设计出总能正常显示的页面看起来很难，但也并非不可能。例如采用可兼容性技术，该方法使用比最新版本稍旧的HTML进行编码，故可在不同的浏览器之间达到最大兼容性。（2）采用最新技术

一些设计者坚持要求用户采用最新的浏览器以便跟上他们。这种方法使得站点紧跟技术发展的步伐，因此令人兴奋、更具有吸引力，通常用户不仅要有最新的浏览器，还要有能够显示特殊媒体类型的增强插件，如FLASH的播放器，没有这种插件，用户将无法看到页面的动画效果。（3）采用声明浏览器技术

这种方法是声明本站点使用特点浏览器。该声明使站点的设计者已经放弃了对其它浏览器的支持，也许设计者想使用一些独特的技术，但也可能发现站点在其它浏览器上显示不正常。总之，这样声明一下也许是一种最便利的方法。

1.1.2关于屏幕分辨率的技术 作为一名网页设计者，应懂得如何适应不同的分辨率。目前采用的分辨率为640×480，因为大多数显示器的缺省设置为640×480，如果按高分辨率进行设计时，一定要小心，任何无法在640×480窗口中完全显示的内容将会自动产生滚动条，用户在阅读时不得不频繁的从左向滚动屏幕。尽管垂直滚动条很常见，但水平滚动条却很令人讨厌。如果知道用户使用的是高分辨率，则可以按此设计，否则应按较低的分辨率设计以保证页面的正常显示。同样，为保证用户能正常阅读页面，应在不同的分辨率下进行测试。

1.1.3关于宽带的技术

多数用户也许还需要进过数年的时间才能稳定高速地连入互联网，在这之前，设计站点的观感时要考虑到用户的低宽带连接。许多设计者忽略了在不同的

第1页

连接速度下进行测试。如果不进行测试，那么将无法知道用户在不同连接速度下浏览网页的真实情况，并可能因此失去有价值的用户。所以说，；连接速度将影响网页的设计，我们应该精心规划页面以使其能适应不同的连接速度。

影响网页显示速度最主要的因素是页面上图形的大小和数量，所以设计时应尽量简化页面，少使用图形。

1.2网页的媒体环境

计算机屏幕是网页的最终目的地，它与那些传统的基于纸张的媒体完全不同。在设计站点，记住信息显示的载体是计算机，而非打印纸。作为一名网页设计者，必须针对计算机屏幕进行设计，必须考虑布局、字体和颜色以及它们如何显示。必须考虑超文本的非线性特点，把适合的链接和相关内容有机地结合起来。通过提供对相关主题的链接，使用户可以自主地选择访问信息的路径。要让用户在你的站点中感到舒适，让他们知道自己在哪儿，可以到什么地方去。

2网页艺术设计的内容

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

1.1视听元素

这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画、还是音频、视频、网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如。大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件（如MP3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏览器使用插件(Plug—in)可以播放更多格式的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页中播放多媒体。目前ActiveX已经成为熟门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序，相比于插件和ActiveX, JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

1.2版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间

第2页

上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

3网页艺术设计的原则

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则：

1.1主题鲜明

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

根据认知心理学的理论，大多数人在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息更为有效和容易浏览。这个规律蕴含在人们寻找信息和使用信息的实践活动中，它要求视觉设计者的设计活动必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者而获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机的统一，才能实现最佳的主题诉求效果。

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

第3页的网页为目的。它的主题只有一个，就是——美。

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。

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

1.2形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”：形式是构成内容诸要素的内部结构 或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计必定是形式对内容的完美表现。正如黑格尔所说“工艺的美就不在于要求实用品的外部造型、色彩、纹样去模拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”(黑格尔《美学》第三卷)一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。

据有关资料所做的保守估计，目前在WWW上网页数据传输平均以每秒1.5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十k甚至更大的网页数据，使浏览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。

网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式的整体内容的统一、为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合 页面的内容，体现内容的丰富含义。灵活运用对比与调和、对称与平衡、节奏与 韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往

第4页

会达到比较好的效果。点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相村托、互相补充构成最佳的页面效果，充分表达完美的设计意境。

因此，在网页设计中必须注意形式与内容的高度统一。

1.3强调整体

网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。网页时传播信息的载体，它要表达的是一定的内容，主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

网页的结构形式是由各种视听要素组成。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如：在版式上，将页面中各种视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定：一个站点通常只使用两到三种标准色，并注意色彩搭配的和谐；对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者的完整的设计思想。

从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。因此，在强调网页整体性设计的同时必须注意，过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。

（四）网页艺术设计的特点

1.1交互性与持续性

网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不

第5页

定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创 作出新的网页设计作品。

1.2多维性

多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏 览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者 在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。印刷品中导航问题不是那么突出，如果一个句子在页尾突然中止，读者会很自然地翻到下一页查找剩余部分，为了帮助读者找到他们要找信息，出版者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后面的非顺序页时，读者会看到类似于“续68”这样的指引语句。然而，作为一名网页设计者，你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者考虑得周到的网页中，导航提供了足够的、不同角度的连接，帮助读者在网页的各个部分之间跳转，并告知浏览者现在所在的位置、当前页面时按层次结构组织的，通常还有一个返回主页的按钮或链接，如果页面时按层次结构组织的，通常还有一个返回上级页面的链接。对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页，因此必须考虑更多的问题。如：怎样构建合理的页面组织结构，让浏览者对你提供的巨量信息感到条理？怎样建立包括站点索引、帮助页面、查询功能在内的导航系统？这一切从那儿开始，到那儿结束？

1.3多媒体的综合性

目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络宽带的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必 须促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（Stream）技术的推动下，Internet网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多媒体的综合运用时网页艺术设计的特点之一，是未来的发展方向。

1.4版式的不可控性

网页版式设计与传统印刷版式设计有着极大的差异：（1）印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器；

（2）网络正处于不断发展之中，不像印刷那样基本具备了成熟的印刷标准；（3）网页设计过程中有关Web的每一件事都可能随时发生变化。这一切说明，网络应用尚处在发展之中，关于网络应用也很难再各个方面都

第6页

制订出统一的标准，这必然导致网页版式设计的不可控性。其具体表现为：（1）网页页面会根据当前浏览器窗口大小自动格式化输出；（2）网页的浏览者可以控制网页页面在浏览器中的显示方式；

（3）不同种类、版本的浏览器观察同一个网页页面，效果会有所不同；（4）用户的浏览器工作环境不同，显示效果也会有所不同。把所有这些问题归纳为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引人之处。

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

设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有的经验和所处环境提供的客观条件限制，优秀设计者正是掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。

例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的时间来下载。流(Stream)技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传播信息的表现力和感染力。

网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。

第7页

(五)、结束语

网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面视觉的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛，在本文中只从视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容合理有效的视觉编排。是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种预约鹅鹅鹅的视觉环境，技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。

第8页

(六)、致谢词

我们读书就是为了获得知识，这次的论文设计将让我重新了解很多在学校学不到的东西，也借此回顾一下我大学所学的知识。它让我对我所学过的知识有所巩固和提高。

经过两个多月的时间我的毕业论文撰写顺利完成。在此我要特别感谢我的指导老师何是旻老师在此期间给予我的帮助和指导。在这期间，多次向老师请教，他给予了我极大的帮助，指引我们的论文写作的方向和架构，让我更清晰的了解了设计的整体规划，从而比较容易的着手，也能按时完成，借此真诚的向何老师道声“谢谢”！

毕业论文的结束，也宣告了我大学生涯的终结，心里虽然充满了期待，但也有不舍，想想自己走过来的一步一步，一点一滴，心中感慨万千，希望自己带着那份对未来社会的憧憬和希望，顺利走进社会的大家庭，开始自己新的生活，在此，感谢长久以来老师和同学们的帮助，谢谢你们！

第9页

六、参考文献

（1）谢依君《电子报的新闻界面分析》，台北：台湾国立政治大学新闻学系，1999.(2)唐良瑞，蔡安妮，孙景鳌。《从认知心理及人机界面谈网页设计》，《工程图学学报》，2000.（3）徐珂、苗彤、赵晖。《网页视觉与设计》，北京：人民邮电出版社，2001.（4）李砚祖、芦影，《视觉传达的历史与美学》，北京：中国人民大学出版社，2000.（5）何苏六。《网络媒体的策划与编辑》，北京：北京广播学院出版社，2001.第10页