网页设计中FLASH的运用论文[5篇材料]

第一篇：网页设计中FLASH的运用论文

摘要：如今，Flash动画的科技取得越来越大的进展，这导致其在Web网页制作的领域里拥有更加宽泛的运用。关于网页的设计在各个网站中起到加强视觉体验的关键性作用，因此，为了让网页的效果越来越生动化，越来越获得用户的关注，并加强和浏览用户的互动交流，就需要适宜的运用Flash的科技。这篇文章为了向有关的钻研提供参考，描述了Flash相关的科技，和它在网页设计领域里运用的形式，以及建立网站时怎样运用Flash相关的科技和Flash科技的进步过程。

关键词：网页设计；Flash科技；运用

1Flash简要介绍

现阶段，MacromediaFlash已经在国际互联网网页的基于矢量的动态画面的文档形式中得到大规模的运用，它是用于多个媒体的开发以及基于交互式的矢量图的编辑软件，拥有显著的交互性、强大的跨越媒体性、低价的成本、比较小的存储空间、比较好的视觉效果、勾线和上色的便利性、以及视频流的便利性，这些都是其特有的性质。当前，在关于Web的每一个方面，如广告的规划、游戏的研发、网站页面的设计等，有大规模的运用了Flash技术，并且在较为传统的方面，如商品的显示、远程的教学、多个媒体和影视领域的视频等，也都渗透了这一技术。

2网站设计领域里Flash的运用

2.1网页领域里Flash的显着运用形式

（1）交互特性。Flash加入了AS语言，并且占据的空间非常小，这些都让它在交互方面表现良好，在早期这一特性即运用在游戏和媒体广告领域。第一，就交互性的广告而言，仅仅利用图和文字使浏览用户全方位地认识商品不能取得理想的结果。Flash可以让浏览用户站在更加立体化的角度认识商品，并一边娱乐一边全方位地认识商品，因为它有着良好的交互性，能够把游戏和广告无缝地融合。第二，就交互性的游戏而言，在一天的网页浏览中间歇地放松是非常适宜的。Flash生产的游戏非常便于下载，并且占据的空间特别小，另一方面，它是基于矢量的，能够全方位地生产出视觉效果良好的界面，并且考虑到AS语言的显著功能，实现了大量的事项。Flash生产的游戏并没有大型华丽游戏的感觉，甚至在游戏的性能方面不能同日而语。不过在下载的便利性方面，Flash游戏拥有绝对的优势，因此对于大量的白领这一宠爱群体，它更加适宜。另外，Flash能增添链接，这让广告的商家在游戏前后拥有大量的可以广告空间。（2）颜色的转换。颜色的转换以及动感的因素都可以降低浏览用户的审美疲劳，要是Flash质量高，这可以成为欣赏。没有动态效果的网页中，出现的一直是图和文字的静态事物。尽管其画面感可能很美，不过浏览用户不会再次审阅图像。如此导致新的图像无法有期待的结果。最终使网站只在信息方面有用。但是其全方位的审美体验已经不存在了。但是运用Flash设计的网页，每当出现新的动态画面就会特别引起浏览者的注意，因为它在网页界面上不停律动。借此能利用Flash更理想的烘托网站界面的效果，同时不会给用户带来审美疲劳。但是就凸显主题的性能而言，Flash一定占据所有图像都没有的完全优势，它更能称为Flash用于宣传的拓展。利用Flash把媒体广告和网站的主题相互结合，能够更加理想的使表现的主题向多元的方向发展，全方位地表现网站LOGO以及企业的观念。

2.2Flash科技在建立网站领域里的运用策略

要明确Flash科技在网站里面的比例，就必须站在顾客实体和建立网站的目的等多个角度去决策。一些网站利用整体Flash科技，一些只是在网站引领画面中运用，另一些根据网站的具体内容弹性运用Flash。比如基于信息搜索的网站，如果运用过多的Flash动态画面就会造成本末倒置的反面效果；但是主要基于娱乐的网站则应该较多的利用Flash达到交互的目的，这样可以产生更多的乐趣，也能使用户更好的认同。（1）局部运用。规划网站页面时，需要恰当运用Flash以显示要凸显的部分，这通常可以使内容生动有力，以很好的激起浏览用户的注意。一部分网站的引领画面以Flash动态展现，一部分仅在要凸显的成分中用Flash进行规划，例如在网页里的Flash互动、图像显示、导航栏目、形象显示、广告宣传的画面，和运用Flash开发的注册及登录的部分。需要强调的是利用的Flash不应该过于花哨、杂乱，不然会导致不好的效果，让用户厌恶，最终阻碍网站的媒体传播和拓展。（2）整体运用。一部分网站，通过整站运用Flash来展现特质。单纯运用Flash的网站有着强大的动态活力，其通常用于基于设计的企业，例如网游、设计、媒体传播和广告等领域。单纯的Flash整站的体系由链接、导航栏目、游戏、媒体广告、视频、音频、图像、文字，和网站中的注册、登录等组成，这些都通过Flash设计并制作，基于Flash是动态网站，有着自己的特性，为用户带来理想的视觉体验，激发用户的兴趣。

3Flash在网页设计中的应用进展

Flash是现阶段的全新设置和娱乐形式，在实际运用方面很实用，另外可以感受听觉和视觉的体验，另外，它有很好的娱乐性，是很好的动态画面制造软件，就视觉体验而言，比一般的网页更有竞争性，所以，在制造网络的领域里得到宽泛的利用。开始在网站的开头运用，如今在网络的公司商品的传播中广泛应用。除此之外，电台开始播出利用Flash产生广告以及短剧。作为最有利的一面，Flash在动画的基础上增添乐曲就形成MTV。Flash擅长制造互动的多媒体，其制造的用于导航的画面，伴着鼠标的不同操作能制作声音和动态画面。另外，可以让网游更加引起用户的注意。伴着动态画面在不同方面的持续性进步，现在不能单单估量其未来的发展，不过可以坚定它会活动非凡的成就。如今我国特别强调动画产业，其中的新进成员逐渐增多，可以期许该产业在未来的市场中能够获得更好的进展的业绩。

参考文献：

[1]郝毛,雯沫.Dreamweaver网页设计技法范例[M].北京:清华大学出版社,2008.[2]潘丽.浅析Flash动画及Flash动画在网页中的应用[J].科园月刊,2010(17).

第二篇：flash网页设计毕业(论文)

辽宁警察学院毕业设计（论文）

Flash网页设计

系： 高职计算机系 专业： 计算机应用技术 学生： 陶帅帅 指导教师：杨 虹

完成日期：2017年4月3日

辽宁警察学院毕业设计（论文）

Flash网页设计

总计 毕业设计（论文）表格 0表 插图 24幅

页

摘 要

本论文主要论述了本人所做毕业设计课题《Flash网页设计》的技术背景、设计理念、概要设计、详细设计以及最后效果展示等方面内容，详细的介绍了本人对于设计简单Flash网页的一整套设计过程和相关技术难点的解决方法。

Flash设计网页成为越来越多动漫爱好者和非动漫爱好者获得信息和交流的平台，它满足了广大用户随时随地进行交流和沟通的需要，为网上用户提供交流场所，实现高效动态信息交换，而网页恰恰是由一个个小小的网页集结而成，没有网页就没有强大的网页。现在虽然有很多动漫网页，但版面千篇一律，缺乏个性化、前瞻性，页面设计混乱，不利于用户查看，网页的交互性比较差，因此我针对以上问题为动漫网页设计一个个性化的动漫网页。关键词：动漫网页，Flash

I

Abstract This paper mainly discusses the graduation design which I do the Anime Web Design Theme of technical background, design concept design, detailed design, summary and display effect etc, detailed introduces himself to design a simple Flash web design process and related technical difficulties in solving methods.Animation design website become more and more anime fans and the anime fans access to information and communication platform, it can meet the the needs of the masses of users communicate and communication anytime and anywhere, provide communication place for online users, efficient dynamic information exchange, and site is composed of little web pages gathering, no web, no powerful web site.Although there are a lot of DongManWang stand now, but the layout of the same, the lack of personalized, prospective, page design, unfavorable to the user to see, website interactivity is poorer, so I have to solve above problems as DongManWang station design a personalized anime web pages.Key words: Web Design；Flash；Flash web design

II

目录

前 言..............................................................................................................................1 第1章 概述..................................................................................................................2

1.1 Flash软件的介绍.........................................................................................2 1.1.1Flash的历史.......................................................................................4 1.2 Flash软件的特点.........................................................................................4 1.2.1普通网页设计的特点.........................................................................4 1.2.2Flash网页...........................................................................................5 第2章 网页设计的开发工具与开发语言..................................................................7

2.1 网页使用的开发工具.....................................................................................7 2.1.1Macromedia Flash 8.0 Pro..............................................................7 2.1.2Adobe Photoshop CS2........................................................................7 2.2 网页开发语言.................................................................................................7 第3章 Flash网页设计中的各种技术解析................................................................9

3.1 主页界面设计解析.........................................................................................9 3.1.1Flash网页加载时的进度条设计..........................................................9 3.1.2网页LOGO与站点设计...................................................................10 3.1.3网页导航条的设计.............................................................................10 3.1.4进入主页界面前动态效果设计.........................................................12 3.1.5进入主页时的音效设置.....................................................................13 3.2 “赏漫软件”Flash子页面设计......................................................................14 3.2.1“赏漫软件”目录的制作..................................................................14 3.2.2赏漫软件的图片文字介绍部分制作.................................................15 3.3 “精品动漫”Flash子页面设计......................................................................15 3.4 “酷站导航”Flash子页面设计......................................................................17 3.5 “酷炫漫画”Flash子页面设计......................................................................18 3.6 “关于作品”Flash子页面设计......................................................................19 结论..............................................................................................................................20 致谢..............................................................................................................................21 参考文献......................................................................................................................22 III

辽宁警察学院高职计算机毕业设计（论文）

前 言

世界因Internet的出现而在逐步改变，网络经济雏形因此而形成，由于Internet具有信息容量大、方便迅速、形态多样、覆盖全球等特点，直至今日已发展成为信息传播的主要载体，所以几乎全球的各个企业、机构纷纷建立自己的web站点。Internet信息资源庞大、图文互动、高速高效的特点给传统设计媒体带来了巨大的冲击，再加上网络经济对设计行业的影响，由此而产生了一个新的设计领域--网页设计。

Flash产业作为我国发展中的产业，网页设计技术的发展推动了该产业的传播，使得各类Flash网页纷纷崛起，为广大Flash爱好者带来了诸多便利。

本课题设计的是一个以Flash设计为主题的网页设计，以信息发布、分享为主要的。通过发布一些关于Flash的信息、图片和Flash等为有同样喜好的人们提供一个分享的空间。同时访客用户可以在网页中的剧情交流上发表自己的看法以及可供共享的信息，使人们在获取信息的同时，还可以发表自己的感受。在如今网络高速发展的时代，发布信息与分享兴趣已成为大多网页设计的主要目的。

Flash网页设计

第1章 概述

Flash网页设计是指用用Flash软件制作的网页，网页内容多数甚至全部是Flash。全Flash网页基本以图形和Flash为主，所以比较适合做那些文字内容不太多，以平面、Flash效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网页等。

在因特网飞速发展的今天，多姿多彩的网络页面总是让我们目不暇接，创建富有个性的个人主页更是每一个网络爱好者的梦想。作为一个优秀的多媒体网页设计平台，Flash从众多的网页设计软件中脱颖而出，成为大多数网络爱好者设计网页的首选工具。能够为大多数人所认同的东西总有它的独特之处，Flash正是以其独特的魅力征服了网络发烧友。

首先，Flash的一个很重要的特点是创建的文件体积很小，Flash是完全基于矢量的Flash处理技术，而矢量图形就是用少量的向量数据来描述一个复杂的对象，存储时只占很小的空间，而且图像的质量也很高。想必许多网友们也曾对自己挂在网上的一些Flash作品的体积担心，那么，用Flash来创建网络Flash作品也正是我们的首选。

其次，Flash使用的是插件的工作方式，用户只要安装一次插件，以后就可以快速启动并观看Flash，而不必像Java那样，每次都要花费大量的时间启动虚拟机。

再次，Flash动漫采用的是“流式”的Flash播放技术，用户不必等到Flash下载完全再去欣赏，而是一边下载一边欣赏。

最后，Flash简单易学，尽管它不能像一门高级语言一样进行编程，但功能还是很广泛的。使用内置的ActionScript语句结合JavaScript，也可以制作出互动性很强的主页来

1.1 Flash软件的介绍

Flash是美国Macromedia公司所设计的一种二维矢量动画软件（现Adobe公司产品），用于设计和编辑Flash文档，最新版本为：Animate CC 2015.5。Flash通常也指Macromedia Flash Player（现Adobe Flash Player），用于播放Flash文档。

辽宁警察学院高职计算机毕业设计（论文）

档案格式:

图1-1影片档

“swf ”这是一个完整的影片档，无法被编辑。有时会被念做“swiff”。Swf在发布时可以选择保护功能，如果没有选择，很容易被别人输入到他的原始档中使用。然而保护功能依然阻挡不了为数众多的破解软件，有不少闪客专门以此来学习别人的程序代码和设计方式。

图1-2原始档

“fla ”是Flash的原始档，只能用Macromedia Flash打开编辑或Adobe Flash CS3及更高版本打开编辑

Actionscript是一种程序语言的简单文本文件.FLA档案能够直接包含Actionscript, 但是也可以把它存成AS档做为外部连结档案(如定义ActionScript类则必须在写在as文件里,再通过import加入类)，以方便共同工作和更进阶的程序修改。

Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的Flash、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的Flash。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。

Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。

Flash网页设计

1.1.1Flash的历史

Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。1996年11月，美国Macromedia公司收购了Future Wave，并将其改名为Flash。后又于2005年12月3日被Adobe公司收购。Flash通常也指Macromedia Flash Player（现Adobe Flash Player）。2012年8月15日，Flash退出Android平台，正式告别移动端。2015年12月1日，Adobe将动画制作软件Flash professional CC2015升级并改名为Animate CC 2015.5。

Flash的过去无疑是异常辉煌的，然而它的现在和将来却饱受非议。在移动互联网和Html5的强烈冲击之下，Flash在网页方面的应用逐渐衰退，如今已经很难再看到纯正的Flash整站了。有人因此断言Flash已经成为一种“过时”的、“应被抛弃”的技术，更有人提出“Flash将死”的预言。然而，换一种客观的眼光来看现实情形，就会发现Flash并未完全衰退，在网页游戏、互动设计、媒体应用、教育课件等领域，仍然能够看到Flash异常活跃的身影。在动画效果的流畅性、互动设计的便捷性、代码开发的简易性、程序应用的广泛性等方面，目前还没有任何一款软件能够与Flash相比拟。因此，也有许多开发者认为Flash还“大有可为”。无论Flash的未来何去何从，在当下，它仍然是一门值得所有人认真学习的技术。特别是对于有志成为网页设计师的学习者而言，Flash更是一门必修课。

1.2 Flash软件的特点

1.2.1普通网页设计的特点

网页设计要注意的两个要点：整体风格和色彩搭配。

1、确定网页的整体风格

网页的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网页。

风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、4

辽宁警察学院高职计算机毕业设计（论文）

交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网页给人们留下的不同感受。

在这里，我提供给大家一些参考经验：

(1)将你的标志logo，尽可能的放在每个页面上最突出的位置。(2)突出你的标准色彩。

(3)总结一句能反映贵站精髓的宣传标语！

(4)相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网页中出现的所有标题字的阴影效果的设置应该是完全一致的！

2、网页色彩的搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或美丽的图片，而是网页的色彩。

关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。

(1)用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

(2)用两种色彩。先选定一种色彩，然后选择它的对比色。

(3)用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

3、在网页配色中，还要切记一些误区：

(1)不要将所有颜色都用到，尽量控制在三至五种色彩以内。

(2)背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

1.2.2Flash网页

Flash网页具有设计精美，拥有更多声效、Flash、流媒体剪辑、美术效果及兼顾互动性等特征，非常适合公司作在线产品展示。Flash网页基本以图形和Flash为主，所以比较适合做那些文字内容不太多，以平面、Flash效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网页等。

制作全Flash网页和制作Html网页类似，事先应先在纸上画出结构关系图，包括：网页的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网页可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网页的前期

Flash网页设计

部分等等，都应在考虑范围之内。

实现全Flash网页效果多种多样，但基本原理是相同的：将主场景作为一个“舞台”，这个舞台提供标准的长宽比例和整个的版面结构，“演员”就是网页子栏目的具体内容，根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为“舞台”基础，基本保持自身的内容不变，其它“演员”身份的子类、次子类内容根据需要被导入到主场景内。

辽宁警察学院高职计算机毕业设计（论文）

第2章 网页设计的开发工具与开发语言

2.1 网页使用的开发工具

2.1.1Macromedia Flash 8.0 Pro Macromedia Flash 8.0 Pro相对于Macromedia Flash MX 2004增强了为移动设备开发的功能,方便创建Flash Web增强的网络视频。虽然有更高的版本，但是Macromedia Flash 8.0 Pro仍是现在最主流的Flash制作软件，配合其内置的ActionScript 2.0能够完美实现网站设计中所需要的各种动态效果和交互效果，而我此次所做的Flash网站就是在Macromedia Flash 8.0 Pro的环境下制作。

新版本的Flash 8中引入了几种高级技术:实时渲染滤镜、运行时位图缓冲、FlashType字体渲染引擎、自定义淡入淡出功能、改进的视频播放组件、增强的文本工具、增强的描边属性、高级渐变控制。其中一种非常棒的技术是，Macromedia减轻了Flash Player 8的渲染工作，在Flash文件中使用标签，Flash Player 8现在可以在用户与Flash文件交互时实时渲染滤镜。这意味着Macromedia已经能够合并内建的滤镜效果，象阴影、模糊、内外发光、倒角、渐变倒角、颜色调整，以获得更丰富的用户体验。这些滤镜或可视效果能够被应用到影片剪辑(MovieClips)和文本域，当在网页中运行时，通过播放器渲染并显现出来。2.1.2Adobe Photoshop CS2 作为Adobe公司出品的最出色的图形图像处理软件，Photoshop以其强大的功能向我们证明着它的名至实归。在falsh网页设计时一些图片素材如背景图片、按钮、LOGO等在载入Flash库前有必要用Photoshop做适当的处理.2.2 网页开发语言

Html（Hyper Text Markup Language）即超文本标记语言或超文本链接标示语言，它是一种计算机程序语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要内容。

Html文件是用ASCLL代码编写成的，可以保存为最简单的TXT文本文件，Flash网页设计

这样用任何一个文字处理软件都可以进行编写，这也是他能够迅速迅速普及，并十分受欢迎的一个原因。

辽宁警察学院高职计算机毕业设计（论文）

第3章 Flash网页设计中的各种技术解析

3.1 主页界面设计解析

3.1.1Flash网页加载时的进度条设计

(1)新建Flash文档index.fla，设置舞台的大小为550*550像素，设置背景的颜色为#786e28。

(2)建立进度条设计主要是帮助观察Flash网页载入的进度，建立进度条设计样式如图3-1，时间轴上各层设计如图3-2。

图3-1进度条

图3-2进度条在时间轴上各层

Actions：帧1代码： total = _root.getBytesTotal();loaded = _root.getBytesLoaded();baifenshu = int((loaded/total)*100);baifenbi = baifenshu+“%”;setProperty(“jindutiao”, _xscale, baifenshu);Actions：帧2代码：

Flash网页设计

if(baifenshu == 100){

gotoAndPlay(4);} else { gotoAndPlay(1);} 3.1.2网页LOGO与站点设计

网页LOGO设计：

(1)新建图形元件“元件42”。

(2)利用矩形工具建立一个白色矩形，在矩形正中建立一稍小些的背景色矩形形成白色矩形框。

(3)利用任意变形工具将白色矩形框变形成为白色平行四边形框。用线条工具进行分割裁剪，旋转变换得到要设计的网页LOGO。（如图3-3）

图3-3 logo展示图

3.1.3网页导航条的设计

(1)新建图形元件“元件22”（如图3-4），作为导航条背景。

图3-4导航条背景

辽宁警察学院高职计算机毕业设计（论文）

(2)建立6个图形元件分别在各元件中设计各导航按钮文字，字体样式雅黑，字号12，颜色黑色，分别载入各影片剪辑做出动态效果，对应每个影片剪辑做一个与影片剪辑等大的按钮，按钮与影片剪辑放于不同层叠加在一起均匀排列与导航条上（如图3-5）。

图3-5导航按钮

(3)给每个按钮附加动作。（如图3-6）

图3-6按钮b1动作目录

代码如下： 图层4：帧1： stop();元件11： on(rollOver){ } on(press){

} 元件11： on(rollOut){

gotoAndPlay(1);

tellTarget(“/”){

}

loadMovieNum(“index101.swf”, 100);

gotoAndPlay(2);11

Flash网页设计

} on(press){

} 图层4：帧9： Stop（）； 元件11： on(rollOut){ } on(press){

} 3.1.4进入主页界面前动态效果设计

(1)新建图形元件“元件29”，创建长条图行，作为三个小窗口推荐酷站、本站作品、站内更新的上框（如图3-7）。建立三个图形元件分别制作各个小窗口的名称（如图3-8）。

图3-7小窗口的上框 图3-8小窗口的名称

tellTarget(“/”){

}

loadMovieNum(“index101.swf”, 100);

gotoAndPlay(1);

tellTarget(“/”){

}

loadMovieNum(“index101.swf”, 100);

(2)新建图像元件，在其上创建与小窗口等大的白色和背景色的矩形色块，在不同图层中各小窗口的上框和窗体依次在时间轴上载入并做形状补间Flash（如图3-9）。

辽宁警察学院高职计算机毕业设计（论文）

图3-9小窗口动态载入效果时间轴设置

(3)导航条、网页头尾的图片条以相同方式在时间轴上依次载入并做形状补间效果（如图3-10），就可以完全载入主页界面获得完整的主页框架界面。

图3-10导航条、网页头尾的图片动态载入效果时间轴设置

3.1.5进入主页时的音效设置

(1)挑选合适的音效载入库中。

(2)选择适当的音效添加到时间轴上的适当位置（如图3-11），使动态效果更具表现力。

图3-11在时间轴上添加声音效果

主页框架界面到现在已经基本上设计完成了，主页框架界面为一个独立的Flash文档，发布之后形成index.swf文件。此外，我们还要针对各个导航卡设计其对应的swf文件，各swf文件之间通过as代码连接形成一个整体，则构成了本Flash网页的主体结构，再通过as代码连接一些必要的网页就构成了一个完整

Flash网页设计

Flash网页。以下几章我将对各个导航卡所对应的.swf文件及它们所链接的网页页面的制作做进一步的详细说明。

3.2 “赏漫软件”Flash子页面设计

3.2.1“赏漫软件”目录的制作

“赏漫软件”子页面载入效果和“迷你游戏”子页面相仿不再赘述。赏漫软件目录的制作大体上与游戏目录相仿，所不同的是不需要转换和滑动，也就比游戏目录要好做多，同时目录中软件按钮的制作也和游戏目录中按钮一样，再此不在赘述目录和按钮的制作方法。我们来看一下做好的目录的大概形状样式（如图3-12），用以上做目录的经验可以轻松做好。

按钮附加动作代码： on(press){

} unloadMovieNum(3);loadMovieNum(“此处最好填所连接swf文件的相对位置”, 2);

图3-12软件目录样式

辽宁警察学院高职计算机毕业设计（论文）

3.2.2赏漫软件的图片文字介绍部分制作

该部分是以一个小的swf文件单独存在的，在点击软件按钮时会载入相应的swf文件在界面的适当位置。

接下来我们来做一下这个小swf文件，就那ACDSee图片浏览软件所对应的swf文件来说明吧。

（1）新建空白fla文件，命名.fla。将通过Photoshop设计好ACDSee软件的图片素材，载入到s2库中。并生成影片剪辑。以影片剪辑动态效果实现是通过逐帧Flash方式完成的（如图3-13至3-14）

图3-13本影片剪辑动态效果的时间轴设置

图3-14本影片剪辑动态效果

3.3 “精品动漫”Flash子页面设计

“精品动漫”Flash子页面是一个与前几个子页面略有不同的子页面，页面的设计风格与前几个页面有些许差异，不规则的背景使得页面整体显得翘起生动。（如图3-15）子页面载入动态效果及显示出动漫按钮前的动态效果在前面都有涉及不在赘述。

Flash网页设计

图3-15“精品动漫”Flash子页面

（1）新建空白fla文件，命名为index003。将通过Photoshop设计好Flash按钮图片素材，大小50*50像素，载入到index003库中。

（2）新建图形元件，将图片载入图形元件中并在图片上面覆盖一层多半透明的与图片等大的色块。（如图3-16）

图3-16图像上覆盖了透明色块的图形元件

（3）将图像元件做成按钮，按钮元件第一帧是将该图形元件透明度略调高一些（如图3-17），在第二三帧恢复正常（如图3-18）。

辽宁警察学院高职计算机毕业设计（论文）

图3-17按钮第一帧

图3-18按钮第二三帧

（4）给每个按钮附加动作代码以连接到要播放的swf文件。代码如下： on(press){

} tellTarget(“/”){ } loadMovieNum(“xinFlash9.swf”, 2);3.4 “酷站导航”Flash子页面设计

目录的制作、按钮的制作、子页面载入动态效果及显示目录时的动态效果等在前面都有涉及不在赘述。这里仅提供该子网页设计好后的最后效果。（如图3-19）

Flash网页设计

图3-19“酷站导航”子网页设计好后的效果

其中各个网页按钮附加动作的代码为： on(press){ } 其中对网页的图片展示和介绍部分同“赏漫软件”子页面中的小swf文件制作方法一致，可仿照其制作不再赘述。loadMovieNum(“需要读取的swf文件的相对url地址”, 2);3.5 “酷炫漫画”Flash子页面设计

绝大部分和“赏漫软件”子页面中的设计保持一致，只是按钮需要重新制作，右侧的图片展示部分也没太多的改变，完全可以仿照其设计制作不再赘述。再次提供该子网页设计好后的最后效果。（如图3-20）

辽宁警察学院高职计算机毕业设计（论文）

图3-20“酷炫漫画”子网页设计好后的效果

3.6 “关于作品”Flash子页面设计

本网页就只有一个文字面板，文字面板的设计和其他页面中目录的设计比较相似，都是先在图形元件中设计好其轮廓和背景，再在时间轴上通过形状、亮度、透明度改变进行形状补间最终获得文字面板（如图3-21）。再次提供该子网页设计好后的最后效果。（如图3-22）

图3-21文字面板设计在时间轴上的设置

图3-22“关于作品”子网页设计好后的效果

Flash网页设计

结论

Flash网页具有设计精美，拥有更多声效、Flash、流媒体剪辑、美术效果及兼顾互动性等特征，非常适合公司作在线产品展示。Flash网页基本以图形和Flash为主，所以比较适合做那些文字内容不太多，以平面、Flash效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网页等。

制作全Flash网页和制作Html网页类似，事先应先在纸上画出结构关系图，包括：网页的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网页可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网页的前期部分等等，都应在考虑范围之内。

因为本人水平有限，虽然已从很多方面进行阐述和讲解，但终究是不能十全十美的，理论与实际永远是有距离的。希望能在今后的学习和工作中能不断完善、进步！

辽宁警察学院高职计算机毕业设计（论文）

致谢

毕业设计完成之际，我由衷地感谢杨虹老师的大力帮助和支持，感谢我的同学和朋友，在我遇到各种各样复杂问题的时候，给予我鼓励和帮助，使我分析问题和解决问题能力有了很大提高

本论文是在杨虹老师的悉心指导下完成的。杨虹老师渊博的专业知识，诲人不倦的高尚师德，严以律己、宽以待人的崇高风范，朴实无华、平易近人的人格魅力对我影响深远。不仅使我树立了远大的学术目标，还使我明白了许多待人接物与为人处世的道理。所有这一切都将成为我受益终生的宝贵财富!本论文从选题到完成，每一步都是在导师的指导下完成的，倾注了导师大量的心血。在此，我向导师表示崇高的敬意和由衷的感谢！我在研究思想方法上得到了启发，并且在工作中采用他们的部分研究成果与资料。尽管与他们为我付出的一切相比，所有的语言都显得苍白无力，但我仍要真诚地说声:谢谢!感谢三年来各位老师和同学对我学习、生活的关心和帮助。在论文即将完成之际，我的心情久久无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给予了我无言的帮助，在这里请接受我诚挚的谢意！

最后感谢我的母校—辽宁警察学院三年来对我的栽培。毕业设计完成之际，我由衷地感谢论文指导老师的大力帮助和支持，感谢热心的同学与朋友，在我遇到种各样复杂问题的时候，给予我鼓励和帮助。

Flash网页设计

参考文献

[1]向玫玫,林强，马杰，薛雅娟,王亚冰，范文南.Flash设计(21世纪全国普通高等院校美术艺术设计专业十二五精品课程规划教材)，辽宁美术出版社，2014.04.[2]李锡泽，王喆.《Flash动画网页设计》，武汉大学出版社,2015年.[3]刘欢.《Flash ActionScript 3.0交互设计200例》，人民邮电出版社，2015.05.[4]刘斌.基于Flash的课件制作与应用[J]，科技广场，2012(7).P102-P103.[5]莫仲心.浅谈Flash动画在网页设计中的应用[J].信息通信.2012(1).P135-P136.22

第三篇：网页设计论文

网页设计基础课程论文

摘要:随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以更好的展示自己，而且可以提高自己在计算机应用方面的能力,网站越发普及，网站建设也有新的要求,网站已发展为一种工具，一个企业对外信息展示的工具.以前网站上常见的大幅图片，长达几十钟的flash动画，已悄然而逝，浏览者再也不用为了查找一些信息而必须等待动画的时间，可以简单方便的找到自己想要的东西，是浏览者主要的目的，也是网站设计时应该考虑的问题。以前只是一味的追求网站的外观，其实网站是一个公司的对外信息窗口，因此在考虑美观的同时也得考虑浏览者的感受，如有些色调是很亮丽，但是这些过于亮的色彩看的时间长了会让你的眼睛不舒服，这样浏览的人就不会长时间在网站上逗留，网站没把公司的信息完全的传达给客户． 关键词：网站网页设计发展趋势网站标准 正文：一:网页设计发展趋势: 1.更多的CSS3 + HTML5 这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在以后CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5）将会取而代之 2简单的配色方案

没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果 3.移动互联网时代的到来

智能手机，ipad和上网本随处可见，将来这个将会更加明显。这意味着你的设计需要考虑更多的设备。4.Parallax Scrolling 先来解释下Parallax Scrolling，Parallax scrolling 是让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验仍然非常出色。2011年的网页设计趋势热点就是要创造这样的深度视觉效果。5.设计需考虑更多的触屏设备

触屏技术应用越来越广泛，触屏设备随处可见。这意味着，你的导航设计不再只是鼠标导航，你必须要要考虑你的设计适合触屏设备。6.深度判析

深度判析是关于在网页设计使用维数，这样可以使你的网页变得更加真实。如果运用得恰当，那将会是一个虚拟的3D效果，就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计，你仍然尝试使用维数进行设计。7.大背景图

大背景图的网页设计应用在2011年将会更加明显。这些背景图像一般是高分辨率，覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式，可以产生极具冲击力的视觉效果-游客的视线会不自觉地落在宽大的背景上。8.不拘谨于顶级域名

严格意义上这一点与网页设计无关，但这一点也是发展的趋势，将出现更多创造性的域名。.com域名的吸引力越来越少，主要是你很难再找到一个比较短的.com域名。2011年人们开始将视线慢慢转移到.me、.co和.cc等身上。想想域名的发展，抢先一步，不然你很可能再次错失先机。9.QR: Quick Response 如果你注意现在越来越多的名片、杂志或者其他地方出现方形条形码，证明你已经看到2011年的这个趋势热门

10.缩略图设计（Thumbnail Design）

Google已经向浏览用户推出它们的浏览预览技术。过去我们只能通过点击链接才能看到网页的内容，现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。11.持续联系/ Life Stream Lifestreaming, 一种在线记录个人日常活动的网络应用，包括直接通过视频feed或通过聚焦一个人的网络在线内容，比如博客日志，在社会性网络上面的更新，在线相册，聊天内容甚至只是一些喜欢的网站的链接等等.二:网站标准是在W3C（W3C.org）的组织下，商业公司（Netscape、Microsoft等）也认识到统一标准的好处。网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。

为什么要建立网站标准: 我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战”，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司（Netscape、Microsoft等）也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。

采用网站标准的好处:

对网站浏览者的好处：

1、文件下载与页面显示速度更快

2、内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）；

3、内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等）；

4、用户能够通过样式选择定制自己的表现界面；

5、所有页面都能提供适于打印的版本。对网站所有者的好处:

1、更少的代码和组件，容易维护；

2、带宽要求降低（代码更简洁），成本降低。举个例子：当ESPN.com使用CSS改版后，每天节约超过两兆字节（terabytes）的带宽；

3、更容易被搜寻引擎搜索到；

4、改版方便，不需要变动页面内容；

5、提供打印版本而不需要复制内容；

6、提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。

参考文献： 一：温谦.HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社,2010.3 二：http://www.xiexiebang.com

三：http://btgyjlbjx.nease.net(北极星网站域名）

课程论文

系院:土木工程学院

专业:建筑工程 姓名:王奎

学号:105140340043 网页设计基础

第四篇：网页中歌曲没声音,flash视频没声音解决方法

一般是使用了什么优化软件或者插件，安装、卸载了各种解码器导致的。要解决这个问题，1、检查声卡、连接线，以及音箱等设备是否连接正常；运行杀毒软件进行杀毒；

2、右击“我的电脑”----“属性”---“硬件”----“设备管理器”，打开“声音、视频和游戏控制器”有无问题，即看前面有没有出现黄色的“？”。如有，重新安装这个设备的驱动程序进行解决；

3、有声音但不见小喇叭时，打开控制面板----声音和视频设备----音量，在“将音量图标放入任务栏”前打上对号；

4、无声音又无小喇叭时，打开控制面板----添加与删除程序----添加删除Windows组件，在“附件和工具”前打对号，点击“下一步”，然后，关机重启，系统会提示安装新硬件，按照提示进行安装即可；

5、检查sndvol32.exe文件和Systray.exe文件（注意两个文件）丢没丢，路径C:WINDOWSsystem32，若丢从别的机器上拷一份到自己的电脑里，6、“开始”——“运行”输入regedit打开注册表，依次打开HKEY_LOCAL_MACHINESOFTWAREMicrosoftWindowsCurrentVersionRun 在它的右窗口新建字串“Systray”（在Run上右键点新建）,键值（在Systray上双击编辑）为“c:windowssystem32Systray.exe”，如果是win2000系统，则为“c:winntsystem32Systray.exe”这样就可以了

7、可以单击“开始”菜单→“运行”输入“regedit”并回车打开注册表编辑器，在左侧窗格依次单击“HKEY_LOCAL_MACHINESOFTWAREMicrosoftWindows NTCurrentVersionDrivers32”，接着在右侧窗格检查有没有“wavemapper”值。如果没有，就在右侧窗格空白处单击鼠标右键，新建一个名为“wavemapper”的字符串值，然后双击该值设置它的“数值数据”为“msacm32.drv”，重新启动计算机即可解决问题。

8、确定若声卡、声卡驱动全无问题（只是开机、关机没声音,播放flash没有声音，即播放网页视频没声音），只需导入netvol.reg，具体步骤：从http:///regs_edits/netvol.reg下载附件netvol.rar,解压释放出netvol.reg，双击，系统寻问是否导入注册表，点确定即大功告成。连重启都不用。

还有看浏览器有没关闭声音、插口有没插错、声音有没静音。

第五篇：平面构成在网页设计中的运用

平面构成在网页设计中的运用

易 星

目前，中国互联网的发展已经形成相当规模，据中国互联网网络信息中心（CNNIC）报告显示，预计中国网民数量在未来5年后将要超过美国，互联网已是继报纸、广播、电视等之后的第六大媒介。

随着互联网的发展，各类网站有如雨后春笋般。然而，有的站点日访问量高达几千万人次，而有的站点访问者寥寥无几。究其原因，访问量大的站点，除资源丰富外，网站的策划和精美的外观也是吸引访问者的重要因素。所以将美的形式规律和平面构成的手法结合到网页设计中，是当前网页设计的重要理论依据。

一、当网页设计遇上平面构成

（一）了解网页设计

网页有如门面，小到个人主页，大到政府及国际组织等，是构成一个网站的最基本单位。而网页实际上只是一个纯文本文件，它通过各种标记对页面上的元素进行描述（如颜色、大小），网页上传到互联网之后再由用户的浏览器对这些标记进行解释并生成页面，于是便有了现在千姿百态、百花齐放的互联网络。

打开一个网站，首先映入眼帘的是该网页的界面，如按钮的摆放、文字的组合、色彩的应用等等，这些都是网页设计的范畴。其实在网络刚兴起时，没有太多视觉设计的概念，很多网站都是程序员用HTML语言设计出只有功能取向的网页，那时候网页无法一边写一边观看，只能写好后到浏览器上执行，所以程式设计常常无法和基本的美观结合在一起。然而，在一个个可视化的网页编辑器相继问世，特别是许多平面设计师投入网页设计的行列后，整个网页视觉设计的行业起了重大的变化！

随着这几年网络的飞速发展及人们对美的不断追求，网页设计逐渐受到人们的重视，形式了一门新兴的学科。简单的讲，网页设计就是从审美入手，结合平面设计的特点，运用平面构成中的基本形式到网页中，让网页更加富有美感。例如将平面构成中的节奏与韵律、骨格与肌理溶入到网页中，会使内容繁多的页面更加有条理、主次分明，因此对平面构成的掌握与了解是关系到网页成功与否的重要基础。

（二）了解平面构成

艺术设计是人类文明的重要部分，涵盖了当代人类生活的各个领域。构成是一个近代造型概念，含义是指将不同或相同形态的几个单元重新组合成为一个新的单元，是以研究视觉语言的特性、构成原理以及审美规律为目的，重在研究和分析视觉的形态、空间、运动、比例等因素的变化和形式。

平面构成的认识源于自然科学和哲学认识论的发展，是建立在量子力学基础之上的微观认识论，这种由宏观到微观认识的深化，逐渐影响了造型艺术的发展。构成观念早在西方绘画中就可见其影子，如立体主义绘画、俄国的构成主义、荷兰的新造型主义，到后来的德国包毫斯设计学院的不断完善发展，形成一个完整的现代设计基础的教学体系，奠定了构成设计观念在现代设计应用中的地位和作用。二十世纪七十年代以来，平面构成作为一门设计基础课程，已广泛应用于工业设计、建筑设计、平面设计等领域。

（三）何为网页平面构成

平面设计在网页设计中占有相当大的比重，而平面设计的重要理论基础则是平面构成，所以说，平面构成也是网页设计的重要理论依据和知识基础。

在一堆杂志中，人们往往会拿起色彩丰富、图片艳丽、结构清晰的那本。同样，一个布局合理、重点突出、富有美感的网页，它不但能吸引用户点击，更能够完美表达网页的创意思维。所以，平面构成的出现，不得不让我们对单调、乏味、缺乏美感的HTML页面进行反思，为了拓展网页设计的艺术视觉，丰富网页设计的思维及表现手段，我们引进了网页平面构成的理论，这有点类似于传统平面设计中的构成理论，一般包含风格策划、页面构图、布局与色彩等方面，我们不妨将平面构成理论作为网页设计的理论指导，即“网页平面构成”。把网页设计看成是平面设计的一种审美方式的延伸，而点线面作为平面构成中的基本元素，在网页中巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，完美表达设计意境。因此，网页设计作为一种视觉设计，特别讲究编排和布局，虽然主页设计不同于平面设计，但它们有着许多相近之处，如：对比、渐变和节奏美、韵律美，图/底关系或通过文字与图形的组合形成空间上的立体感。所以，灵活运用平面构成中的各种手法，通过页面各元素之间的有序排列使浏览者达到某种共鸣产生一种和谐的美感。

平面构成是一种设计语言，已为当今社会各个艺术设计领域所应用，它以一个全新的造型观念，给我们的网页设计注入新鲜的血液。

二、为网页设计注入新的血液

（一）人性化的网页设计与策划

“人们总以为设计有三维：美学、技术和经济，然而更重要是第四维：人性。”------美国设计师普罗斯

人类的艺术设计是一种审美活动，设计的任务是要实现设计者或用户的意图。网页设计是指设计师将客户要表现的主题和达到的效果，组合页面元素，通过艺术手法创造出符合大众审美观的界面。开始进行网页设计前，需要做很多调查，如客户的需求、站点的性质等，这些要求的不同设计出的网页也会不同，用现在最时髦的话来讲就是更具有人性化。

在网络的虚拟世界，互联网提供了天下大同的机会，充斥着无数站点，然而大多数网站的设计都缺乏灵魂和主旨，页面结构都比较松散、混乱，其原因就在于缺乏有效的策划。因此要想使你的网站从那些数不清的站点中脱颖而出，就必须对整个站点作好统筹规划，对所有的内容进行斟酌，再合理组织页面结构与色彩。

首先，了解一下同类站点的风格、特色，吸取他们的长处，找出自己的优势，做好市场调查，明确自己网站的主题、规模、主要特色及主要受众目标，再确定整个网站的整体风格。其次，网页的制作，设计者先要在纸上用笔画出大概的设计草图，等待客户确认后，才用计算机绘图软件画出平面效果图（色彩与页面结构），之后才能投入实际的制作。

（二）网页平面构成手法

平面构成是一种视觉形象的构成，其形态的抽象性特征和产生不同视觉引导作用的构成形式，组成严谨而富有节奏和动感的画面，营造一种秩序之美、理性之美和抽象之美。其构成形式主要有重复、近似、浙变、变异、对比、集结、发射、特异、空间、分割、肌理及错视等等。它的研究对象主要是在平面设计中，如何构造形象，怎样处理形象与形象之间的关系，如何掌握美的形式规律，并按照美的形式法则，构成设计所需要的图形。

平面构成中最基本的形态要素是点、线、面，其构成要素有大小、方向、明暗、色彩等，以这些基本要素为条件，加以组合构成，便会创造出无数理想的抽象造型。

网页上的所有元素都可以看作构成的基本要素。在一幅成功的作品里，需要点、线、面的共同组合来构造整个页面。通过三者的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让访问者在感受美的过程中领会设计的主旨。

1、构成的基本元素点、线、面及其在网页设计中的运用

在页面构图中凡是表现视觉图形或文字，都可以简化或趋近于点、线、面的视觉感受。网页版面中的各种视觉元素正是以点、线、面的形式相互依存、相互作用，组合成各种视觉信息，形成千变万化的视觉空间和感受。因此，只有协调处理好点、线、面之间的相互关系，才能设计出最佳视觉效果的网页。

（1）点的运用

点是可见的最小的形式单元。在网页中，点是相互比较而言的，任何一个单独的细小的形象都可称之为点：按钮、字符、小色块等等。在网页中合理的安排点的布局，或者在页面设计中将某些视觉形象进行点化处理，并运用恰当的构成手法进行版面布局，不但可以协调画面，甚至可以起以画龙点 睛的作用。图1为个人主页，所以在形式上比较轻松活泼。网页中大面积的空白与中间的四个点形成强烈的对比，而且在点的处理上采用传统的中国水墨画的手法，更富有意境。在点的位置安排上也体现了一种节奏与韵律，形成视觉上的跳跃。

图１．点的运用（来自www.xiexiebang.com）

由这两个典型的例子可以看出，无论是什么样的法则都源自设计者本能的审美观的驱使，再应用到实际当中，当然在设计时不必十分刻意追求什么法则。应该从日常生活中，从自然界的事物中观察美的规律，培养构图的艺术美感。

（五）网页色彩构成

1、色彩的基础知识

“接天连叶无穷碧，映日荷花别样红。”-------杨万里

每次读这首诗，闭上眼睛仿佛就能看到：碧波万顷，微风吹拂，满塘荷叶轻轻摇曳，艳阳下的荷花鲜红欲滴。这句诗里的“碧”、“红”其实就是色彩。所以色彩对我们来讲是不陌生的，因为我们生活的世界中无处不存在着色彩。色彩以一种特别的方式传达信息，这些信息会影响观看者的心理和感受，左右他们的判断和选择，色彩对于设计而言实在太重要。

首先熟悉一下色彩的基本概念，三原色——红、黄、蓝，三间色——橙、绿、紫，三种间色互为“补色”。将图10中圆环中的任意一种颜色和黑色、白色、灰色按照不同比例混合就可以得到更多的颜色。例如，当色彩RGB值为（0，0，255）时为纯蓝色，饱和度100%。随着饱和度的逐渐降低，颜色会越来越接近灰色。

2、色彩心理

色彩，在不知不觉中作用于人的心理，据说伦敦泰姆士河附近有一座黑色的桥，它因每年在桥上自杀的人数惊人而著名，后来人们将 它改成了绿色，自杀人数剧减。有专家分析，如果将它改成粉红色、天蓝色等更明亮的色彩就可能使自杀人数将趋于零。图10．色环

当你看到色彩时，首先会勾引起对生活的联想与情感作用。蓝色来自天空和大海，它给人一种心胸开阔，文静大方的情操。绿色是大自然的颜色，它能令人充满青春活力。黄色饱含智慧与生命力，让人显得年轻有朝气。看到白色，使人觉得纯洁可爱，而紫色却有着神秘高雅的感觉，这些对于网页设计而言特别重要。我们经常说“第一印象最重要”，用户在访问网站时的第一印象实际上是来自整个网页的色彩！

所以色彩具有一定的含义和感情上的象征作用，人类确实存在色彩联想的共通性。在炎热的夏天人们更容易接收蓝色的“百事可乐”，而在较为冷的天气喝红色的“可口可乐”人是不是更多一点。在我们谈到这种象征印象时，不能过于主观、片面地看问题，人们对色彩的联想是相对，不同的色彩组合在一起也会起到不同的效果。

3、合理搭配色彩

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，及色彩对人们心理的影响，合理地加以运用。将不同的色彩进行组合、搭配来构成丰富的页面。单纯的颜色 并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。但也要考虑到网页的适应性，应尽量使用网页安全色。不同网站应当使用不同的色彩方案，与站点的主题相吻合的色彩方案决不仅仅可以让网站 “更加好看”，更重要的是在访问者心目中建立对这个网站的感性认识。所以，色彩方案的选择决不能草率，是网站建设的第一步。

按照色彩方案中色彩使用方式的不同，可以将色彩方案划分为几种常用类型，单色方案、相似色方案、对比色方案等。

（1）单色方案，是指在网页设计中使用一种基本颜色，通过调整这种基本颜色的灰度和亮度来得到更多的颜色。单色方案是一种比较稳重的方案，或者说比较保守的方案。给人整洁、经典的感觉，商业网站也比较适合使用此种颜色方案，使访问者容易建立对网站的信任感。

（2）相似色方案，在色彩圆环上彼此相邻的几种颜色构成的配色方案就是相似色方案。例如橙色、橙红色以及橙黄色就可以组成一个相似色方案。通常，相似色配色方案可以给人非常协调的感觉，因此在网站设计中非常实用。典型的运用方法就是，用一种颜色作为页面背景，而另外一种在颜色环中与其相邻的颜色作为前景色。

（3）对比色方案，把一个颜色和它补色的左右边的色彩配合起来，可以得到强烈的视觉效果。运用这种方式容易塑造活泼、运动的网页效果，在设计时要注意主体色彩的运用，即以一种或两种色彩为主，其他色彩为辅。

4、色彩构成在网页设计中的细节体现

-----中国移动网与MTV网之色彩比较

图11．中国移动网（来自www.xiexiebang.com）

图12．MTV网（来自www.xiexiebang.com）由两幅图比较可以看出，企业的不同性质决定了网页的用色，首先，中国移动是一家面向全国用户的大型企业，他所服务的对象决定了网页用色必须考虑到所有用户的接受能力，必须稳重大方，可以看出整个界面采用冷静开阔的蓝色调，但是页面色彩却不单调，当用户将鼠标移动到导航栏上，蓝色的横线变成了明快的翠绿色，就这一点小小的细微动作却增强了用户的交互性。但整体而言，色彩还是比较单一，稳重有余而活力不足，作为一家年轻的企业，应该要有年轻人的活力。所以在大片的蓝色中夹杂了鲜艳的橘红色作为点缀，立刻整个页面就会显得比较活泼，再用渐变色丰富了色彩的层次。整体来看是一个比较成功的功能与美感并存的企业网站。

另外再来看看第二幅图，感觉立即不一样了，全黑的底与白色的文字形成视觉上的冲击力，而页面中间被等分成四块，分别用了淡、浅、深三种灰色引起视觉上的分割。并且在色彩上明显比第一幅图丰富，有桔色、黄色、绿色、青绿色、紫色等等。这是一家以娱乐服务为主的网站，他所面向的用户是以年轻人为主，符合潮流，走在时尚前沿。在用色上也大胆出位，全黑色的底，象征年轻人的叛逆与不羁，以及时尚感较强的紫色和青绿色的搭配更能吸引人的视线。

在细节上的设计与处理最能体现一个网站是否成功，可以看出来两个网页都是比较注重在这方面 的用色，总的主色调不变，以丰富多彩的小色块点缀，起到画龙点睛的作用。所以一幅比较成功的网页在色彩的设计上也要独具匠心，充分合理的利用细节，结合色彩的感情，才可以使作品具有更加深刻的艺术文化内涵，才能够让网页设计的个性创造和审美意识得到淋漓尽致的展现，设计出的网页会更加富有生命力。

三、不同审美文化中的网页设计

（一）文化背景对网页设计的影响

美学(Aesthetics)，德文原义为“感性学”，是一门研究人类审美活动的学科。“审”者，看也。通俗地说，就是人们对现实生活中各种美好现象的感受和欣赏，是人类最基本的精神文化活动，因而也最通俗、最具大众化，在东西方都有着极为悠久的历史。

21世纪是一个经济飞速发展的时代，是一个时时事事讲求审美格调的时代，其实审美就是一个民族精神世界的流露。中国的审美观是中国人的人格、修养、品行、文化、艺术的高度统一的综合表现。具有时代的、民族的和阶级的烙印。也就是说不同时代、不同民族和不同阶级在文化艺术审美格调的追求上有着不尽相同的倾向和标准。且不说汉代人如何会在卢浮宫不屑一顾；古希腊人如何会在故宫拂袖而去，就是同为中国的唐汉两代对美的欣赏都不一致。所以说，各国的地域环境、气候条件、经济情况、人文思想不同所形成的审美观也会不同，从网页设计方面来看，各国都有自己的特色。

1、欧美风格的网页设计

欧美国家进行工业化比较早，经济相对比亚洲发达。美国早在二十年代就已经是世界上工业化程度化最高的国家，特别是二战后，更成为世界上的经济大国。随后进入90年代，计算机业迅速发展，高度的工业机械化对其网页设计也有一定影响，除注重实用性之外特别在细节元素上的处理更显精致，网页的艺术表现更是别具一格，其中肌理的表现形式独具特色。另外，美国是一个移民国家，有着一个多元化的社会，其短暂的历史，自由的人性，在网页设计中表现出丰富的幽默感与创造性。图13中所示：整个网页由机械化式的线条相互组合构成，刚强有力，将金属的质感充分的表现出来。

图13．欧美网页中肌理的表现形式（来自www.xiexiebang.com/fr）

德国则不同，气候干燥而寒冷，地形复杂多山的自然环境造就了严肃的德国人，因而，德国设计更加体现其科学性和逻辑性，德国网站设计也充分体现了 “实用”和“简洁就是美”的观点，如图15所示。

图15．简单实用的德国网页（来自www.xiexiebang.com）20），对字体、字型及字号的选择除要符合审美标准 外还要考虑到显示屏的大小，及整个页面结构的把握，是借助框架（也叫骨骼）或是其他，以及如何更有效的在手机上使用多媒体技术，使得网页艺术设计的表现力更加丰富。

在未来，网页的显示模式将会发生翻天覆地的变化，不论是在电脑、手机、手表抑或是电视上，我们看到的网页对美的追求会更加彻底，平面构成中的重复、变异、韵律、连续以及图/底关系处理等，是任何一种设计的基本原理，尽管处于不同文化背景中的设计师在运用这些视觉构成元素时都不经相同，但是，所有的文化都涉及到这些视觉基本要素，都离不开形式美的法则。美与技术并存将会在未来完美体现，所以，在未来网页设计将真正走进每个人的生活，设计将会不再不拘于形式，更加的灵活，看重的是网页设计的灵魂。因而，平面构成也就必然成为网页设计的重要基础。

五、主要参考资料

①．毛溪，2003．平面构成(第一版)．上海：上海人民美术出版社，122． ②．李凇，2000．中外美术对谈录（第一版）．中国工人出版社，2 ③．姜伟，2004．网页美工传奇（第一版）．机械工业出版社，2 ④．徐希景、陈笋，2003．网页平面构成的创意手法分析．福建商业高等专科学校学报，47 ⑤．刘永翔、唐良瑞，2004．网页设计中的视觉构成分析．北京工商大学学报，58 ⑥．杨萍，2005．抽象形、空间、肌理——平面构成在教学实践中的思考．黔南民族师范学院学报，78 15