生态旅游网页设计要素浅析

1、北京联合大学 毕业论文 PAGE - 9 -摘 要随着社会经济和科技的发展，网络已经进入到千家万户，人们的生活方式也发生了很大的改变，上网这个词对大家来说并不陌生，网页在人们的工作和生活中发挥着越来越重要的作用，成为人们获取信息、休闲娱乐不可缺少的工具，那么怎样才能生态旅游网页更吸引人们的眼球，就要在生态旅游网页设计要素上下功夫。本文主要从四个部分来阐述，第一部分是对生态旅游的概述。第二部分是分心生态旅游网页设计种存在的问题。第三部分是生态旅游网页设计的要素分析。关键词：生态旅游；网页设计；要素AbstractWith the socio-economic and technological

2、development, the network has access to millions of households, peoples way of life has undergone great changes, the Internet is no stranger to the word for all of us, the pages in peoples life and work play aincreasingly important role in access to information, entertainment indispensable tool, then

3、 how can eco-tourism website to attract peoples attention, we must work hard in the eco-tourism and web design elements. This article from the four parts of the first part is an overview of eco-tourism. The second part is the distraction eco-tourism web design exists. The third part is the analysis

4、of eco-tourism web design elements.Key Words：Eco-tourism Web Design Elements目 录TOC o 1-3 h u HYPERLINK l _Toc13682 摘 要 PAGEREF _Toc13682 I HYPERLINK l _Toc8482 Abstract PAGEREF _Toc8482 II HYPERLINK l _Toc22220 引 言 PAGEREF _Toc22220 1 HYPERLINK l _Toc30607 1 生态旅游的概述 PAGEREF _Toc30607 2 HYPERLINK l _

5、Toc3122 1.1 生态旅游的含义 PAGEREF _Toc3122 2 HYPERLINK l _Toc29942 1.2 生态旅游的特征 PAGEREF _Toc29942 2 HYPERLINK l _Toc25686 2 生态旅游网页设计种存在的问题 PAGEREF _Toc25686 3 HYPERLINK l _Toc30 2.1 生态旅游网页的色彩运用不均衡 PAGEREF _Toc30 3 HYPERLINK l _Toc31292 2.2 生态旅游网页的图形运用不完善 PAGEREF _Toc31292 3 HYPERLINK l _Toc16884 2.3 生态旅游网页

6、版面设计合理度不高 PAGEREF _Toc16884 3 HYPERLINK l _Toc11590 3 生态旅游网页设计的要素分析 PAGEREF _Toc11590 4 HYPERLINK l _Toc13773 3.1 生态旅游网页的色彩设计 PAGEREF _Toc13773 4 HYPERLINK l _Toc18162 3.1.1 色彩的整体性 PAGEREF _Toc18162 4 HYPERLINK l _Toc13510 3.1.2 色彩的适用性 PAGEREF _Toc13510 4 HYPERLINK l _Toc25394 3.2 生态旅游网页的图形运用 PAGERE

7、F _Toc25394 4 HYPERLINK l _Toc7466 3.3 生态旅游网页的版面设计 PAGEREF _Toc7466 5 HYPERLINK l _Toc22716 3.3.1 分栏式结构 PAGEREF _Toc22716 5 HYPERLINK l _Toc32262 3.3.2 自由式结构设计 PAGEREF _Toc32262 5 HYPERLINK l _Toc2261 3.4 CSS+div技术在生态旅游网页中的运用 PAGEREF _Toc2261 6 HYPERLINK l _Toc12368 结 论 PAGEREF _Toc12368 7 HYPERLINK

8、 l _Toc31320 致 谢 PAGEREF _Toc31320 8 HYPERLINK l _Toc21065 参考文献 PAGEREF _Toc21065 9引 言现在社会，计算机的普及，崭新的信息交流方式出现在人们面前, 它突破了传统的政治、经济、地域及文化的阻隔，传达信息的速度、范围与效率都发生了很大的变化。互联网是由众多的网站组成，而每个网站又都是由若干个网页构成，所以网页是构成互联网最基本的元素。随着互联网的普及，产生了一种新的艺术设计形式网页设计。谈到网页设计就不能不说到网络视觉信息的编排及归类，这是网页设计的主要特点, 生态旅游网页设计也不例外，也是处于数字化、信息化的当今

9、设计者所必须具备的基本素质。因为网络本身就是一个处理信息的巨型平台, 设计者必须充分的认识网络, 了解网络的基本特征, 才能设计出更好的生态旅游网页在网上广泛的传播。对于生态旅游网页设计来讲, 其信息内容的有效传达是通过对各种构成要素的设计编排来实现的。网页的构成要素包括图形、文字、色彩、标志、页面版式等内容要素。本文主要从生态旅游网页的色彩设计、图形运用、版式划分及CSS+div技术的运用方面来论述。1 生态旅游的概述1.1 生态旅游的含义传统旅游所表现出的问题促使人们对其进行进一步的思考，是坚持还是摒弃？生态旅游一经提出，生态旅游即得到了世界范围内的响应。生态旅游（Ecotourism）是

10、由国际自然保护联盟（IUCN）特别顾问谢贝洛斯拉斯喀瑞于1983年首次提出。二十多年来，生态旅游的发展无疑是成功的，平均年增长率为20%，是旅游产品中增长最快的部分。但到目前为止，生态旅游尚无明确定义，但是人们的看法是相当一致的。一是生态旅游首先要保护旅游资源，生态旅游是一种可持续的旅游。1.2 生态旅游的特征1.生态旅游的目的地是一些保护较为完整的自然及文化生态系统，使旅游者能够获得与众不同的经历，这种经历具有独特性和原始性的特点。2.生态旅游强调旅游规模的小型化，限定在承受能力的范围之内，这样有利于提高旅游者的观光质量，又不会对旅游地造成大的破坏。3. 生态旅游可以让旅游者亲自参与到其中，

11、在实际体验中领会生态旅游的奥秘，从而增使旅游者更加热爱大自然，同时也有利于文化资源与自然的保护。4.生态旅游是一种负责任的旅游，这些责任主要包括对旅游资源的保护责任，对旅游的可持续发展的责任等。由于生态旅游自身的这些特征能满足旅游需求和旅游供给的需要，从而使生态旅游成为现在旅游倡导的旅游方式。2 生态旅游网页设计种存在的问题2.1 生态旅游网页的色彩运用不均衡目前很多生态旅游网页在色彩的运用上比较单一，让人感觉乏味、单调，但是色彩运用的种类却过多，让人感觉很轻浮和花俏。网页给人的视觉效果不是很舒服和协调，图片、文字等内容的合理排版是一方面，色彩的均衡运用也是非常重要的，网页设计者必须要考虑到如

12、何使均衡的运用色彩，包括色彩的选择，每种色彩所占比例，色彩的排列分布等等。均衡的色彩搭配让人感觉舒适，不刺眼。2.2 生态旅游网页的图形运用不完善图形属于世界性的视觉语言，在当今的网络中几乎是找不到没有图形的网页了，由于图形的出现，带来了更直观的表达方式，图形占据了网页比较中心的位置。但生态旅游网页在图形的运用上还不是很完善，首先，在图形的选择上没有充分围绕到生态旅游这个主题来选择。其次，图形和文字的配合不是很完美，不是文字太多，就是图形太多，这样就影响到生态旅游网页的效果。最后，在选择图形的大小上没有充分的考虑浏览者网络的速度，对图形的大小没有很好的把握。总之，这些因素都影生态旅游网页的效果

13、。2.3 生态旅游网页版面设计合理度不高生态旅游网页的版面布局类型也很多，比如有“国”字型、左右框架型、上下框架型、封面型等。但无论是选用那种布局，都多多少少的存在一些问题，不是没有考虑到导航，就是对生态旅游必要的信息与图形的设计不合理等，一致性较差。所有网页的设计都应该保持一致，这样网页浏览者才不会感到自己处在不同的网站中。另外网页的导航有很多不很明显，在网页的链接的叙述上不是很容易让人理解，网页的链接也不是很明显等。这些因素都影响了生态旅游网页的版面设计。3 生态旅游网页设计的要素分析生态旅游网页的设计首先要围绕生态旅游的风格来定位入手。任何网页都要根据主题的内容决定其风格和形式，网页设计

14、者可以先收集关于生态旅游的标语、标志、图形、文字等元素，然后再根据生态旅游网页的内容及浏览人群来确定网页的整体风格，只有内容与形式的完美结合，才能够将生态旅游网页需要展示的内容准确、生动的传达给浏览者。生态旅游网页设计要素具体如下：3.1 生态旅游网页的色彩设计生态旅游网页在某种意义上来说也是一件艺术品，因为它既要求文字上的优美流畅，又要求页面的整洁和新颖，但在色彩的使用上，可以产生很强烈的视觉效果，使页面更生动。而且，浏览者在浏览网页时, 留下的第一印象就是页面的色彩设计，它的好坏直接影响到阅读者的观赏兴趣。因此在生态旅游网页的色彩设计时，应注意以下方面：3.1.1 色彩的整体性色彩的整体性

15、，就是生态旅游页面上各个部分的色彩从色调及比例上都有各自的角色，主色调、背景色、点睛色、辅助色共同组合成有节奏、韵律及谐统一的色彩关系。色彩基调在整体上是否和谐，主要是从色相的红、黄、蓝、绿等，色性的冷暖色调，明度的暗色阶及亮色阶，纯度的高低等相互搭配来看。常常是根据生态旅游网页的页面内容和主题进行相应的选择，例如先确定一种主题色，然后合理运用点睛色和辅助色，注意色彩的相互衬托的关系及各种对比因素、协调因素。当感觉页面色彩搭配很不舒服时，我们可以利用黑色、白色、灰色起到辅助协调的作用。3.1.2 色彩的适用性要根据生态旅游的特点选择最合适的网页设计色彩，使网页形式与生态旅游的内容相统一，符合人

16、们日常的认知习惯。主色调的选择在一定程度上能够反映生态旅游的类型。同时，不同颜色还会带给浏览者不同的心理感受。生态旅游网页，大多应选用鲜艳、饱和、视觉度较高的色彩作为主色调，以传达丰富活跃的气氛，给人愉悦的感受。所以在选择生态旅游网页的主色调时，应综合考虑多方面因素，而不能只根据自身喜欢的颜色来做主观的处理。3.2 生态旅游网页的图形运用图形在生态旅游网页中运用更容易引起人们的视线，增加浏览者的阅读兴趣，阅读起来不像文字那么枯燥无味，适当的运通图形，可以起到美化生态网页的版面效果，提高网页的艺术价值，从而吸引更多的浏览者。随着现代图形设计语言的多元化，在进行生态旅游网页版式中的图形设计时，设计

17、者要依据生态旅游的内容和形式，运用摄影、手绘及电脑制作等多种形式来体现生态旅游网页的主题。选择图形时即要注意图形的整体、清晰、重点突出的特点，又要考虑图形的大小、数量及位置等，这些因素都直接影响到生态旅游网页版面的视觉传达效果。另外，我们在进行生态旅游网页设计时，首先，应该找到合适的版式语言的图形，合适的图形就是在生态旅游网页版式中不仅要具有点缀作用，还要有助于传达生态旅游的信息，主要是网页中较为复杂的内容信息，在正确选择图片以后，能使浏览者在浏览时对这个图形产生联想。其次，要加强图形与文字的密切配合，如果文字太多的话，网页就会显的很沉闷，显示不出生机；如果图形太多，信息内容就会相应的减少。所

18、以我们要根据网页的内容作适当的调整，以图形为主，就要把图形放在视觉中心的位置上，以文字为主，图形就是起到衬托的作用，要注意两者之间的主次关系。3.3 生态旅游网页的版面设计生态旅游网页版式的框架结构是对网页版面造型与结构的确立，合理的安排网页中每个元素的位置，使版面内容与形式有机的统一结合，清楚、通畅的传达出网页版面中的信息，具有整体的形式美感。可采用的版式具体如下:3.3.1 分栏式结构分栏式结构是生态旅游网页版式设计中最普遍的构架方法，也是网页最初的发展形态，它适用于任何网页设计。通常是竖长方形的版面布局，根据分栏方式的不相同，还可以分成二分栏、三分栏、四分栏等。如果对生态旅游信息量介绍比

19、较多的网页设计一般都会采用分栏式结构。网页设计者可以根据网页信息的多少、版面的容量设计的框架式样，然后再把图形、文字、导航等视觉元素放到框架中去，以这个框架为依据，体现版面的整体统一，但又不失变化。3.3.2 自由式结构设计自由式结构是没有固定的界限，它是将网页信息的内容和背景融为一体。具有很强烈的个人感情色彩，样式很华丽，这种设计在生态旅游网站中运用的也不少，一般会用在对生态旅游信息介绍较小时使用。具体表现为三种类型：一是满版型。整个版面中主要是以图像为主，网页版式都围绕图像来组织版面的结构，每个视觉元素在版面中比较自由的排列分割，形成与图像间的紧密结合给浏览者留下强烈的视觉震撼效果。二是直

20、线型。顾名思义是以直线为主来分割主体版面，网页版式可以垂直或者水平将整个版面分割形成平衡、耐人寻味的版面对比，也可以运用斜线将图形、文字倾斜编排，形成强烈的律动与不稳定。三是自由型。版面中的各种视觉元素在整个版面中自由分布，使版面的整体风格看上去更具有活力、更灵活。3.4 CSS+div技术在生态旅游网页中的运用生态旅游网页中的任何设计要素语言的运用都是建立于网络技术支持上的。首先，网页自身必须要做好定时更新生态旅游网页的内容，内容更新是网页维护的一个很重要方面。一个好的生态旅游网页需要定期的更新内容，这样才能吸引更多的浏览者，如果生态旅游网页始终没有变化，就没有办法吸引更多浏览者的实现，获取

21、更多的商机，所以，网页的维护也是生态旅游企业营销的重要手段之一。网页设计是艺术与技术的完美结合，两者之间是相辅相成的，形成了网页设计的形式美感。网页设计技术是为网页的内容和形式服务的。我们这里主要是介绍CSS+div技术在生态旅游网页中的运用。CSS就是一种叫做样式表（style sheet）的技术，也有人称之为层叠样式表（CascadingStyle Sheet）。制作生态旅游网页时采用CSS技术，可以有效的对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变整个页面的风格。CSS样式表的特点如下：第一，将显示格式和文档结构分离HTML语言

22、定义文档的结构和各要素的功能，而层叠样式表将定义格式的部分和定义结构的部分分离，能够对页面的布局进行灵活的控制。第二，对HTML语言处理样式的最好补充HTML语言对页面布局上的控制很有限，如精确定位、行间距或者字间距等；CSS样式表可以控制页面中的每一个元素，从而实现精确定位，CSS样式表控制页面布局的能力逐步增强。第三，体积更小加快网页下载速度样式表是简单的文本，文本不需要图像，不需要执行程序，不需要插件。这样层叠样式表就可以减少图像用量、减少表格标签及其他加大HTML体积的代码，从而减小文件尺寸加快网页的下载速度。第四，实现动态更新、减少工作量定义样式表，可以将站点上的所有网页指向一个独立

23、的CSS样式表文件，只要修改CSS样式表文件的内容，整个站点相关文件的文本就会随之更新，减轻了工作负担。第五，支持CSS的浏览器增多样式表的代码有很好的兼容性，只要是识别串接样式表的浏览器就可以应用CSS样式表。当用户丢失了某个插件时不会发成中断；使用老版本的浏览器代码不会出现乱码的情况。技术是为网页的主题服务的，这是技术应用的前提，把握好技术与网页艺术、内容与形式之间的平衡，准确的使用技术，保证每项技术都有合理的应用，这是一个优秀生态网页设计成功建设的基本要求。结 论总之，生态旅游网页设计是一门综合性的交叉学科，它所涉及的范围非常广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面

24、，从而影响生态旅游网页设计的制约因素也很多，一个好的生态旅游网页的设计不只需要有好的内容，更要主要网页的色彩设计、图形运用、版面设计及CSS+div技术的运用等，使艺术和技术的完美结合，这样才能够制作出高质量的生态旅游网页，从而满足浏览者的需求，为旅游企业带来更多的效益。致 谢随着本文的结束，大学生涯也行将结束。回首这几年，在我的学习及生活中，师长、家人、同学、朋友都给予了我莫大的关心和支持。在本文的写作过程中也得到了他们的指导与帮助在这里，我要真诚的感谢各位老师对我的孜孜教诲，感谢大家有缘能在生命中重要而充实的四年谢谢你们给我这么多的帮组和支持。在我大学的最后一次作业的完成中，很幸运的能得到老师的指导与帮助，在论文的写作过程中，老师严谨治学的态度