视觉传达在网页设计中的运用研究论文.doc

视觉传达在网页设计中的运用研究论文.doc

《视觉传达在网页设计中的运用研究论文.doc》由会员分享，可在线阅读，更多相关《视觉传达在网页设计中的运用研究论文.doc（23页珍藏版）》请在冰豆网上搜索。

重庆市高教自考本科毕业论文

视觉传达在网页设计中的运用研究

目录

第１章绪论 1

１．１研究背景及意义 1

１．２研究现状及发展趋势 3

１．３解决的主要问题及创新点 3

１．４论文的组织结构 4

第２章关于视觉传达与网页设计 4

２．１视觉传达 4

２．２网页的定义和特点 5

２．３网页设计中视觉传达的设计原则及方法 7

第３章分析三色幼儿园网站版式视觉效果 8

３．１分析网站视觉效果 8

３．２首页版式分析 9

第４章三色幼儿园网站色彩 12

４．１教育网站色彩分析 12

４．２教育网站设计实现 15

第５章网站文字 17

５．１网站文字分析 17

５．２整体网站效果 19

第６章总结 19

参考文献 20

致谢 21

视觉传达在网页设计中的运用研究

摘要：

在科技、信息高速发展的２１世纪，网络作为高科技与信息交互式媒介的产物，成为人类生活中不可或缺的重要连接纽带。

数字技术的发展成为网络的一个桥梁，产生了网络化传播系统，从而使网络成为继报纸、广播、电视后的第四媒介。

随着时代的发展，网站建设越来越接近于艺术而不仅仅是一项技术。

网页的艺术设计日益被网站建设者所注重。

视觉传达设计是指利用视觉符号来传递各种信息的设计。

设计师是信息的发送者，传达对象是信息的接受，简称为视觉设计。

视觉传达包括．‘‘视觉符号”和“传达”这两个基本概念。

网页设计是一种建立在新型媒体之上的新型设计。

它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点。

一个成功的网页设计，首先在观念上要确立动态的思维方式，其次，要有效地将艺术性引入网页设计之中，加人们浏览网页的兴趣。

本文主要解决如何把视觉传达的念运用到网页设计中去，通过对网页设计中版式的首页、前台、后台主要页面进行分析；从企业网站的色彩需求，色彩特性、调和法则、设计原则和方法进行分析；从文字的简洁性，识别性和在互联网的传播性来分析；最后从导航的前台和后台两个方面分别加以分析，并运用设计学、心理学、传播学、美学等方法在艺术因素进行分析的基础上，结合湖大科技网站案例从艺术、技术角度出发，给出网页设计方案。

根据网页的设计，分析网站实例的实现过程，并总结实现技术特点、一般步骤和注意问题。

结合网页设计中的动态网页技术，满足用户在视觉习惯、视觉心理、易操作性等方面的多样化需求，试图探索一条艺术与技术高度相结合的道路。

关键字：

视觉传达；网页设计；运用；分析。

第１章绪论

１．１研究背景及意义

计算机和网络技术的出现，毫无疑问的改变了世界，改变了人类的生活方式。

而互联网的出现则促成了网络经济的形成，尤其是在电子商务由概念化走向实用化的过程中，它更是起到了决定性的作用。

对于熟悉网络的人来说，网页的出现似乎是很久以前的事情了，但是认真追溯，实际上到现在为止，也只不过几十年的时间。

而在整个的发展过程中，网络技术是以惊人的速度发展变化的。

网页设计是一个全新的设计领域，是一门新兴的设计和网络的交叉学科，它既有继承传统设计概念的部分又有自己独特的性格。

它涉及的范畴不仅包括传统的视觉传达设计，更包括信息设计、交互设计，以及感观设计等等。

网页中的信息传递是以一种全新的方式—超媒体的形式传播的，相比较传统的传播媒体有着自身独特的优势：

超媒体不仅可以像传统媒体一样传播文字和静态图像，更能够传播动态图形甚至视频、声频等信息；其次，读者在浏览信息的过程中，相比较传统媒体单一的浏览顺序，超媒体则为用户提供了很大的自主性；另外，读者在接受信息的过程中，在超媒体的坏境下可以运用操作工具参与或创造信息的接受活动，这种互动的优势也是传统媒体不可比拟的。

网页这种新的信息载体的出现为设计者提供了新的设计课题，同时也提供了一个新的设计空问。

随着网络商业行为被广泛的接受，越来越多的网民参与进来，人们使用网络的目的也越来越多元化了，网页设计也向着更成熟的方向发展。

在设计理念上，网页已经由最初纯粹的“叫卖式’’的商业简介，逐渐发展为更注重个性化的网页设计风格，以体现商业的文化内涵；在网页制作技术上，也更注重可操作性、功能性以及可读性的提高。

越来越多的网页设计作品出现在人们的视野。

我们生活在一个信息社会，怎样才能使我们每天接触到的信息能够更加快速地传递出去，并被有效地接受和理解，是人们非常关心的问题。

而网页作为新的信息载体，更承载着这样的任务。

近几年随着网络的发展，网页本身以网络为载体把各种信息以最快捷、方便的方式传达给受众。

但是，人们对美的追求是不断深入的，网页设计同样如此。

在审美的角度考虑如何更多更有效的传达网页信息，给用户留下更好的印象，提高网站的访问数量，促进网站的良好运作，是目前网页一个重要的发展趋势。

虽然目前针对网页设计中信息传递的可识性与便捷性，己经有了一些研究成果与实践经验，但是能够成功的吸收和应用这些成果的网页设计作品还是不多见的。

当然设计师可以通过各种手段来提高网页中信息的传达性，比如去掉多余的图像来提高速度等。

但是，如何将信息归类，放在合适的栏目下；信息应该以怎样的形式来表现；而信息的标题应该如何设计；每张页面的信息量的大小如何确定；页面的文字、色彩、版式、导航的设计等等，都是影响信息递效果的重要因素。

从一些统计数据可以发现，用户对网络的需求具有多层次的特点，对网络服务的要求也在不断提高。

上网用户以获取各方面的信息，以及学习新技术为主要目的，因此，一些信息流量大、更新及时、浏览速度快、服务人性化的网站是最受用户欢迎的。

另外，目前商业网站的发展速度非常快，网站更新意识也在不断加强，并存在着巨大的潜在需求。

所以，随着网站建设技术难度的降低，如何为用户提供并传达更具有价值的信息，以吸引更多的用户，成为各网站之间的主要竞争内容，而网页则在其中扮演着重要的角

色。

１．２研究现状及发展趋势

网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众，在这种标准要求下，逐步产生了审美的需求。

人们对美的追求是不断深入的，网页设计同样如此。

网页不光是把各种东西放上去，能看就行，这是远远不够的！

还要考虑如何使受众能更好地和更有效率地接收网页上的信息。

这就需要从审美的方面入手，制作出清晰、整体性好的页面使人浏览起来心情愉快，接收信息也会更加容易。

网页设计经历从最早的简单以文本和数据等字符组成显示界面的功能第一的审美原则，发展到追求创意和风格表现的现代网页设计目标。

其中，Ｎ，格（ｓｔｙｌｅ）的形成一词在词典上的解释是“气度、作风、某一期流行的一种艺术形式＂。

具体到网页设计的基础上，网页设计师的风格就是在运用自己的所掌握的手段，包括所拥有的审美的素质、应用软件的能力、以及感受生活的敏锐的觉察力，来建立起自己独特的设计形式、独特的作风。

在我国，网页设计整体水平的提高，和这个新兴职业的形成有着必然的关系，由专业艺术设计人员转型进入网络领域的视觉设计，提升了网页视觉的创意和精美表现。

但网页设计要求设计人员应该具备有全面的科学与人文素养，全面系统的专业知识结构，全新的认知与判断方式，更需要具备设计艺术的创造才能。

从现有的大量网站建设和网页设计能看出，我国的网页设计处于发展提高阶段，与国际专业网页设计的标准仍然存在很大差距。

对于网页设计的方法研究和理论探索，总结出一套适合我国特色，继承中华文化底蕴和视觉审美标准，并与国际接轨的网页设计学科方法论，不仅对提高网页设计水平，同时对于提高与网络相关的设计产业同样具有相当重要的现实意义。

１．３解决的主要问题及创新点

企业网站的视觉传达效果是建立在网页设计基础上的。

一个成功的企业网站从严格意义上来讲，网站不仅代表了一个企业的精神面貌和形象，更担负着宣传品牌和开拓市场的重任，那么怎样才能打造出一个成功的企业网站昵？

除去网站本身的结构、内容等各个方面都需要精益求精，给人一种吸引力之外，还有一些改进的方法和评判的标准。

本文主要解决如何把视觉传达的理念运用到网页设计中去，通过对网页设在中版式的布局，导航的安排，文字的设计，色彩的搭配等加以阐述，并运用设计学、心理学、传播学、美学等方法在艺术因素进行分析的基础上，结合湖大科技网站案例从艺术、技术角度出发，结合人机界面评估知识，给出网页设计方案。

根据网页的设计，分析网站实例的实现过程，并总结实现的技术特点、一般步骤和注意问题。

本文的创新之处在于从传统视觉传达设计艺术的审美原则和创作思维手段出发，从网站的版式、色彩、文字、导航等方面加以阐述，结合网页设计中的动态网页技术，满足用户在视觉习惯、视觉心理、易操作性等方面的多样化需求，试图探索一条艺术与技术高度相结合的道路。

这些实践层面的思考可应用性较强，具有一定的创新之处。

１．４论文的组织结构

第1章绪论介绍了文章的研究背景及意义，研究现状及发展趋势，本文解决的主要问题及创新点，论文的组织结构。

第２章介绍视觉传达的含义及传达过程，网页的定义及特点，网页设计中视觉传达的设计原则及方法。

第３章重点分析三色幼儿园网站版式视觉效果，主要从首页、前台主要页面、后台主要页面来分析。

第４章重点分析三色幼儿园网站色彩视觉效果，从色彩特性、调和法则、设计原则和方法进行分析以及对企业网站色彩实现方案及效果进行阐述。

第５章分析了三色幼儿园网站文字效果，从文字的简洁性、识别性和在互联网的传播来分析，以及最后的设计实现。

第６章总结部分对本文的主要内容与观点进行总结，提出研究的不足之处与局限性，提出下一步的研究方向。

第２章关于视觉传达与网页设计

２．１视觉传达

１视觉传达的含义

在人的五种感觉（视觉、听觉、嗅觉、味觉、触觉）中，视觉在正常状态下认知环境事物的过程中担当着重要的角色。

人从外界获得的信息量中有７０％一８０％是从视觉系统获得的，因此通过视觉媒介柬接受外部信息成为人类认知活动的主体。

视觉传达（ｖｉｓｕａｌＣｏｍｍｕｎｉｃａｔｉｏｎ）是指通过视觉符号来发送和接受外部信息，其本质是视觉信息的传达。

根据定义，“视觉符号”和“传达”是两个核心概念。

视觉符号是指用以代替或代表某种特定事物的信息媒介，而以视觉系统认知的符号即为视觉符号。

视觉符号是实现信息存储和记忆的工具．又是表谜思想情感的物质于段。

例如，色彩就可以作为视觉符号来表达某种特定信息。

红色代表喜庆，绿色代表希望，紫色代表浪漫等。

具同样功能的还有文字、图形图像等。

视觉符号作为信息的载体，具有形式表现、信息叙述与信息传达的功能，是形式与内容的统一体。

美国符号学家和艺术学家苏珊・朗格（ＳｕｓａｎｋＬａｎｇｅｒ）指出，设计中符号的作用就在于“将经验形式化并过这种形式将经验客观地呈现出来，以供人们观照、逻辑直觉、认知和理解”。

这就要求设计中所采用的视觉符号不仅要能够完整、明确地指代信息内容，还应具有一定的自身意义，即通过经验的、艺术的造型方式束规划、美化符号形象。

传达（Ｃｏｍｍｕｎｉｃａｔｉｏｎ）在拉丁语中本来是“沟通”，“给予人们”的意思，这正好符合传达的基本精神。

传达应包括发送方和受方，传达的过程是发送方发出传达的内容成为接受方接受的内容，接受方在收受时产生某种理解和反应。

同时，接受方在收受时又成为发送方，反馈出新的情报或意见。

这个过程是一个相互丰富精神内容的过程。

２．１．２视觉传达的过程

现今传达的定义是信息发送者利用符号向信息接受者传递特定信息的过程。

运用到设计中，就是设计师利用视觉符号向浏览者传递信息，浏览者则通过对视觉对信息作出反应，并以此决定自己的思考和进一步行动的过程。

这个过程由“设计师”、“浏览者＂、“特定信息”以及“传达效果＂四个因素共同构成。

视觉是有选择性的认知系统，对周围各种程度的刺激反应各不相同。

在复杂的信息系统中，视觉注意力只会集中在具有强烈刺激性的视觉符号上，然而这种刺激性的视觉符号会引发人的种种生理及心理反应。

因此，