[影视动漫系毕业论文] 历史学毕业论文选题

　 编号：

　XXX学院

　毕业论文

　题

　目:

　 网页艺术设计的初探

　系

　别:

　影视动漫系

　 专

　业:

　 学生姓名:

　 成

　绩:

　 指导教师:

　XX年XX月

　摘　要

　在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分。网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站去谈电子商务是不可能的。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。网页设计包括风格定位、版面编排、布局、色彩处理等诸多方面。总之，网页设计需要时间和耐心去钻研，才能做出好的网页艺术设计。

　关键词：网页制作 风格 板式 色彩 布局

　目录

　引言 3

　一、网站建设的流程 4

　二、确定网站的整体风格 4

　三、网站的板式及布局 5

　3.1网站的板式设计 5

　3.2网页设计布局及类型 5

　四、色残在网页中的应用 5

　4.1色彩在网页设计中的应用 5

　4.2主页色彩的处理 6

　4.3常用的配色方案 6

　4.4合理搭配网页色彩 7

　五、网页设计形式与内容相统一 7

　六、网页制作工具 8

　七、总结 8

　参考文献............................................9

　引言

　随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。所以，社会上对网页制作人才的需求越来越大，网页设计与制作成了一个别时髦的工作，Dreamweaver因其所见即所得和可视化编程的特性，无疑成了网页设计与制作的最佳工具选择。

　一、网站建设的流程

　1．定义合适的域名。由域名构成的网址会像商标一样，有助于将来塑造网上的形象。域名除了要符合公司的性质以及信息内容的特征外，还要具有简洁、易记、具有冲击力的特点。

　2．租用虚拟服务器。有了域名后，就需要一个空间存放网站，这个空间就是Internet上的服务器。一般虚拟主机提供商都能向用户提供大容量、高速度的服务器，用户可根据网站的内容设置及其发展前景来选择。

　3．设计网页。网页的设计制作可以自己完成，也可以通过虚拟主机提供商或专业的网页设计制作商来完成。设计网页前要收集所有需要放在网站上的文本资料、图片等，并尽量用文字详细说明制作的框架结构，将收集的材料提供给网页设计者。

　4．ICP备案。网站备案的目的就是为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。ICP备案可以自主通过官方备案网站 http://www.miibeian.gov.cn 在线备案或者通过当地电信部门两种方式来进行备案

　二、确定网站的整体风格

　任何主页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。目前主页的应用范围日益扩大，几乎包括了所有的行业，林林总总，包罗万象，但归纳起来大体有这么几个大类：新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。对于不同性质的行业，应体现出不同的主页风格，就像穿着打扮，应依不同的性别以及年龄层次而异一样。例如：政府部门的主页风格一般应比较庄重，而娱乐行业则可以活泼生动一些；文化教育部门的主页风格应该高雅大方，而商务主页则可以贴近民俗，使大众喜闻乐见。

　 主页风格的形成主要依赖于主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。这些问题看似简单，但往往需要主页的设计和制作者具有一定的美术素质和修养。

　 还有，动画效果也不宜在主页设计中滥用，特别是一些内容比较严肃的主页。主页毕竟主要依靠文字和图片来传播信息，它不是动画片，更不是电视或电影。

　三、网站的版式和布局

　3.1 网站的版式设计

　网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

　 版式设计通过文字图形的空间组合，表达出和谐与美。

　 主页的设计首先涉及到的是页面的版面编排问题。主页作为一种版面，既有文字，又有图片。文字有大有小，还有标题和正文之分；图片也有大小，而且有横有竖之别。图片和文字都需要同时展示给观众，因此必须根据内容的需要，将这些图片和文字按照一定的次序进行合理的编排和布局，使它们组成一个有机的整体，展现给广大的观众。可以依据如下几条来做：

　 1.主次分明，中心突出。

　 2.大小搭配，相互呼应。

　 3.图文并茂，相得益彰。

　3.2网页设计布局及类型

　网页可以说是网站构成的基本元素。当我们轻点鼠标，在网海中遨游，一副副精彩的网页会呈现在我们面前，那么，网页的精彩与否的因素是什么呢？色彩的搭配、文字的变化、图片的处理等，这些当然是不可忽略的因素，除了这些，还有一个非常重要的因素——网页的布局。

　网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。

　四、 色彩在网页中的应用

　4.1 色彩在网页设计中的作用

　色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。

　先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

　在网页配色中不要将所有颜色都用到，尽量控制在三至五种色彩以内。背景和前文的对比尽量要大以便突出主要文字内容。

　4.2 主页色彩的处理

　色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。

　4.3 常用的配色方案

　 1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。

　 2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。

　 3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。

　 最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为“明度变化”。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。

　4.4 合理搭配网页色彩

　 网页的色彩是树立网站形象的关键之一，网页的背景、文字、图标、边框、超链接等都要用到色彩。不同的色彩会使浏览者有不同的心理感受。合理的搭配色彩，会更好的表现主题，吸引用户的注意力。网页色彩涉及到艺术知识，让美术教师参加网页色彩设计，可能会出现比较理想的效果。在色彩搭配上要注意色彩的鲜明性、独特性、合适性、联想性。背景色和前景色对比要大，以突出主要内容

　网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过

　3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。

　五、网页设计形式与内容相统一

　为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

　 灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中， 它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。 点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。

　六、网页制作工具

　现在非常流行的 Macromedia公司出品的Dreamweaver studio 8提供了更多功能强劲的可视化设计工具、应用开发环境以及代码编辑支持，是开发人员和设计师能够快捷的创建代码规范的应用程序，集成程度非常高，开发环境精简而高效，开发人员能够运用Dreamweaver与他们的服务器技术构建功能强大的网络应用程序连接到用户的数据、网络服务体系。

　平面图形设计的photoshop软件，photoshop可以做出比较复杂的平面效果，此次设计中采用photoshop编辑图片。

　网页动画设计软件flash。Flash网页动画设计软件可以制作网页互动动画，也可以将一个较大的互动动画制作为一个完整的网页，这是一个非常灵活的设计软件。由于利用Flash可以设计强大的动画效果，所以Flash动画已发展成为一种独特的艺术形式。至此Flash动画被广泛应用在网页设计中，从logo到网页横幅、按钮，甚至整个网页或网站，都可以用Flash动画来实现。为利用Flash动画制作网页导航条的效果

　尤佳。

　七、总结

　网页制作主要是利用图形制作软件和处理软件进行网页效果图的制作。我们需要了解一个完整网站的制作过程，并知道网页制作在网站制作中的作用。一方面结合具体的实例，多加练习，培养对于技术的敏感和快速适应性，注意到技术变化带来的各种新的可能性，消除技术所形成的障碍；另一方面要多方面、多角度地感受与掌握电脑设计的时尚语言，扩展对传统设觉设计范畴的认识。

　这次网页设计的实现我用到的软件主要有Photoshop、Dreamweaver、 Word。网站建设从需求分析到设计、测试，我都力求规范化，努力让自己以前学的知识运用到本网站的开发中，尽量保证整个系统的开发质量，顺利完成这次的毕业设计，为自己的大学生涯画上一个完美的句号。不过，在网站建设过程中，好多知识都是随学随用，就增加了很多不必要的麻烦。虽说这些都会消耗开发的时间，但在老师、同学以及自己的不断努力下，一些问题也随之克服了，通过这次校园网站设计，使我增加了很多的知识，也掌握了很多网页设计的操作技巧，虽然还有很多不足之处，但这并不重要，重要的是我对网页的设计又有了更深的了解。我做的是静态的网站，好多信息只能通过浏览页面的方式查阅，网站的便用性比较差。希望各位评委老师和同学给予指正与建议。

　参考文献

　[1] 徐一明.网页设计与制作[M].人民邮电出版社

　[2] 卓文.轻松学网页设计与制作[M].上海:上海科学普及出版社

　[3] 华之凤.网页配色宝典[M].中国电力出版社

　[4] 张涛，葛海霞.网页制作实用标准教程[M].南开大学出版社

　[5] 王建民.网页设计[M].湖南大学出版社