1、 Xxx学院毕业论文浅谈网页美工设计的现状和发展趋势姓名：学号：班级：系别：指导老师：完日期：2010 年 5月 8日1报告完成日期： 指导教师签字： 答辩委员会成员签字： 2内容摘要：当今社会随着网络的不断发展，正以一种前所未有的冲击力影响着人们的生活，成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。越来越多的人开始借助网络进行工作、交流、学习等活动。当人们通过浏览器进入互联网这个虚拟世界时，进入眼帘的是丰富多彩的网页，如何设计出一个创意新颖、页面精美、结构合理的网站，成为网站设计者日益关心的问题。所以将网站页面设计视为重点设计。关键词：网页美
2、工设计的三大要素：网页设计风格、网页设计色彩、网页美化设计。3目录前 言41、网页设计风格1.1 网页色彩51.2 设计网页字体51.3 使用精炼有效的语言62、网页设计的色彩搭配2.1 网页的底色62.2 文字字型62.3 图片的色系72.4 网页的颜色73、网页的美化设计3.1 使用 CSS 优化网页外观 83.2 用表格美化页面布局8致 谢94前言网页的美工设计，日益被网站建设者所注重。在目前国内对此领域研究甚少的情况下，将网页美工设计与其他艺术设计形式进行比较，尝试从网页美工设计的内容、原则和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。认为网页美工设计是艺术与技
3、术的高度统一，指出网页美工设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性等五个特点。在明确了网页美工设计与网站主题的关系的基础上，提出了“美“和“功能“都是为了更好地表达网站主题这一观点。网页美工设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，
4、而实际上，它不仅是一种技能，更是艺术与技术的高度统一。1、网页设计的风格 “风格”是指页面的整体形象给浏览者的综合感受。这个“整体形象”包括站点的 CI（logo，色彩，字体，标语）、版面布局、浏览方式、交互性、统一性、一致性、文字、语气、内容价值等等诸多因素。不同的人喜欢不同的设计风格，不管是色彩、技术、文字、布局，还是交互方式，只要能由此让浏览者明确分辨出这是本网站独有的，这就形成了网站的独特“风格”。一般都要求：清纯简洁，主题鲜明，内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现网站的基本功能，当然还是要根据客户的喜好来做出不同风格的页面，可以从以下几个方面来为网页设计
5、一个独特的风格。1.1网页色彩 网页的色彩是树立网站形象的关键之一，一种色彩代表着一种风格，网页5给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。颜色搭配是体现风格的关键。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过 3 种，太多则让人眼花缭乱。有的时候用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将 色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色
6、彩统一，有层次感。有时我时候用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。用同一色系的可以是网页看起来比较有统一性，不杂乱。目前适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。一般以白色和黑色的背景网页最好做，颜色搭配最方便；亮色与暗色配合，最容易突出画面，如黑与白，红与黑，黄与紫；而近似的颜色的搭配，能给一种柔和的感觉，如墨蓝与淡蓝，深绿与浅绿。最好能给主页定一个主色调，不要搞得花花绿绿的。 1.2.设计网页字体 网页字体和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”
7、和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，他看到的只能是乱码，那么辛苦的设计制作便付之东流了，所以宋体和黑体是最方便的字体，他们是计算机里默认的字体，不管是哪个浏览者都能的计算机都能显示的字体。关于字号，在网页设计中常用的是 12px 和 14px，正文默认的使用用 12px，也可以根据自己的需要调整字号，比如大标题就需要大的字号，这样比较醒目看起来比较明确。1.3.使用精炼有效的语言 现代生活节奏加快，人们往往没有时间看大块文章。为了节约时间，在单位
8、时间内获取最大量的信息，人们需要精练的信息，即信息精品，要用信息语言来表达信息内容。所谓信息语言是指以下公式：信息=基本事实数据描述专家观点。在页面中的语言要简洁明了，重要的关键词要醒目，也不需要太多6的文字，主要是标题形式的，主要内容在分页中可具体表现 。2、网页设计的色彩搭配 打开一个网页，给用户留下第一印象的既不是网页的丰富内容，也不是网页合理的版面布局，而是网页的色彩。色彩对人的视觉效果非常明显，一个网页设计成功与否，在某种程度上取决与设计者对色彩的运用和搭配，因此专业人士把色彩制作成色系表，根据这些色系让网站也有其自身的色系，网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性
9、，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容，及网站主题。2.1.网页的底色 网页的底色是整个网站风格的重要指针。举例来说，以黑色作为背景颜色的网页，因黑色本对人的视觉上会造成黯淡的感觉，若是拿来用作活泼的儿童网站，就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的，与黑色的沉稳、黯淡，很难联想在一起。当然，每个人的审美观不同，可能也会对颜色的代表性看法不同，但既然网
10、站不是只写给自己看的，就应该要注意到大部分人可能会有的观点，然后以众人居多的观点出发，来设计网页。 2.2.文字字型 文字字型上的设计，最好的网站是以所有浏览者都能看到的字型为主。常会看到有许多网站要求浏览者须自行下载某种字型，才能达到最佳浏览效果，这是种非常奇怪的行为。毕竟浏览者只是来找资料或是来看网站的内容，不可能会因为这种“为达最佳浏览效果”，而自行下载所需要的字型。当所要求的字型若不下载，并不会影响到网站内容上的浏览与不便，那么对浏览者的要求就微乎其微不可能发生任何作用。这么一来，对于网页设计者来说，无非是非常可惜的，因为当初的设计风格却未能让浏览者一窥全貌，岂不是白费心思的吗？ 2.
11、3.图片的色系 7以色彩学简单的区分，色系可分为冷色系与暖色系，再详细一点的区分，又可分出各种颜色的色系，而色系的区分，就在于主观浏览意识上的差异了。如何将图片的色系与网站整体色系相对应，就是比较困难的地方了。要绘制一张图并非易事，要绘制一张符合自己网页风格的图，更是困难重重。大部分的网页制作者，并不大可能驾轻就熟的使用影像处理软件或绘图软件，于是乎，网页素材的网站就开始盛行了。当然，不会使用绘图软件并不代表网页就不能设计的很出色，若是能将网络上的素材资源妥善利用，网站也是可以走出自己的风格的。而该怎么选择适合自己网站的图片，就是门很大的学问了。 以图片内容来说，能切合网站主题最好，若不能，也
12、别差异太多。以颜色来说，若一个网页是蓝色的底色，但整个网页的图片却乱七八糟，各种颜色纷纷出笼，更糟的是，蓝色是属于冷色系的颜色，若以蓝色为底的网页，却尽都是大红色、橘色的图片，那将会使整张网页看起来就像垃圾堆，杂乱无章。所以，可以简单的归纳出，网页与图档的颜色，色系一致或是视觉效果一致，将会使网页看起来更为美观且有自己的风格。 2.4.网页的颜色 网页的颜色，并非单一就图文件、文字颜色、或是底色为主，而是以浏览者的角度来观看，常常见到许多网页虽然色系搭配的很好，但却是没有自己的风格。以目前流行的柔色系、粉色系网页来说，就是失了自己独到的风格。因为使用粉色系的网站，不外乎都有相同的特点，文字颜色
13、浅，底色也以浅色系为主，这样除了没有自己的风格外，看起来既不大方也难登大雅之堂。以各大搜寻网站来说，根本不会做这样的设计，因为文字颜色淡，加上底色浅，对浏览者来说，阅读上非常吃力，所以这样的设计风格也应尽量避免。 一个有自己风格，且阅读起来舒适大方的网页，并不可能一次就写好，而是需要经过不厌其烦的修正、调色，才能达到最佳浏览效果的。 3、网页的美化设计 3.1.使用 CSS优化网页外观 使用 CSS 来获得对整个站点所有 WEB 页面的外观控制。设置页边空白，页面填充，边界，颜色和背景。对任意网页元素设置字体大小及改变字体外观。8创建动态活动链接。创建 CSS 风格的完全兼容的网页。 CSS
14、的主要好处就在于，你不用去修改网页文件，只要修改这个页面连接的 CSS 文件，就可以实现不同的显示效果，包括底色、背景图片、文字大小、颜色、边框等等。网站的版面、布局要求，不能占用较大的边幅放栏目图片，正文的位置不能少，图片与文章的搭配要平衡，过多使用大图片，大大增加了传输流量，影响了网站浏览者阅读的速度，要优化网页就尽可能使用 CSS实现，灵活地使用 CSS，可以使页面精致漂亮而又不会占用过多的系统资源，所以很有必要花些时间研究一下。 3.2.用表格美化页面布局 表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同
15、对象之间的影响。而且表格在定位图片和文本上比起用 CSS 更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，你可以随便找一个站点的首页，然后保存为 HTML 文件，利用网页编辑工具打开它(要所见即所得的软件)，你会看到这个页面是如何利用表格的。 9致谢走的最快的总是时间，来不及感叹，大学生活已近尾声，三年的努力与付出，随着本次论文的完成，将要划下完美的句号。非常感谢指导老师在我大学的最后学习阶段毕业设计阶段给自己的指导，从最初的定题，到资料收集，到写作、修改，到论文定稿，她给了我耐心的指导和无私的帮助。在此我向老师表示我诚挚的谢意。同时，感谢所有任课老师和
16、所有同学在这三年来给自己的指导和帮助，是他们教会了我专业知识，教会了我如何学习，教会了我如何做人。正是由于他们，我才能在各方面取得显著的进步，在此向他们表示我由衷的谢意。通过这一阶段的努力，我的毕业论文论网页美工设计终于完成了，这意味着大学生活即将结束。在大学阶段，我在学习上和思想上都受益非浅，这除了自身的努力外，与各位老师、同学和朋友的关心、支持和鼓励是分不开的。很快我们就走出校园开始社会实践工作，同样也意味着新的学习生活即将开始。在以后的工作中还有很多值得自己去学习领会的东西，我一定会虚心请教，努力提高，取得更大的进步。最后，向在百忙之中抽时间对本文进行审阅、评议和参加本人论文答辩的各位老师表示感谢！
