网页界面设计毕业设计文档格式.doc

网页界面设计毕业设计文档格式.doc

《网页界面设计毕业设计文档格式.doc》由会员分享，可在线阅读，更多相关《网页界面设计毕业设计文档格式.doc（15页珍藏版）》请在冰点文库上搜索。

,itisabrand-newscientificresearchbasedonfictitiousprototypesystemofthecomputeranddesignmethodoftheproject,itisthethirdkindofresearchbesidestheoriesandmaterialobjectexperimentsthatdesignsmeansandform.Atpresent,meaningvariousfictitiousexperimentenvironmentsofadoptingvirtualrealitytechnologyinthecomputersystemofthefictitiouslaboratory,theexperimentercanfinishtheexperimentprojectsofdifferentreservationsasinthetrueenvironment,studymadeortrainresultequivalenceonsuperiortoresultmadeamongtrueenvironmenteven.Wehavedesignedthisphysicalexperimentallearningwebsitetosupportstudentstostudyforthis.Haveadopted3DMAXtechnology,CULT3DMAXtechnology,thetechnologyofhuman-computerinteraction（BBStechnology,thetechnologyofthechatroom）.Amainandresponsibleoneofmineisthattheinterfaceisdesigned.

目录:

第一章物理虚拟实验制作概述

1.1虚拟实验的优点

1.2虚拟实验运用的技术

第二章界面设计流程

2.1网页艺术设计的内容

2.1.1.视听元素

2.1.2版式设计

2.2网页艺术设计的原则

2.2.1.主题鲜明

2.2.2形式与内容统一

2.2.3强调整体

2.3网页艺术设计的特点

2.3.1.交互性与持续性

2.3.2多维性

2.3.3多种媒体的综合性

2.3.4技术与艺术结合的紧密性

第三章界面具体设计

3.1登陆页的设计

3.2主页的设计

3.2.1布局设计

3.2.2导航设计

3.3实验操作界面

3.3.1论坛

3.3.2聊天室

第四章总结

4.1界面设计总结

4.2本次网络教学研究的价值

第一章物理虚拟实验制作概述

1.1虚拟实验的优点

1.网络是一个信息宝库，作为祖国的明天的我们，更是应该掌握网络技术，今后才能不被社会所淘汰。

网络让巨大的地球变成了一个“地球村”，不管你在哪里只要你可以上网，你便可以畅游世界。

网络的虚拟性为每一个人发展自己的才能提供了舞台，现在不是出现了许多网络歌手吗？

对我们中学生而言，网络的虚拟性可以让我们的潜能得到发挥，我们可以在网上发表文章，参与国政商讨，但一定也要对自己的行为进行约束，不能违反网上规定的行为。

网络可以让你我的心靠得更近，但对人的负面影响也是潜移默化的，要做一个合格的网民，就必须遵守规章制度愿网络可以为你，铺设一条更宽大的路。

我感受到了网络学习的魅力。

如果要把一个人的心灵拿来作比，那么网络正是开启你心智、启迪你思维、实现你心愿的最好"

帮手"

。

现在，我们生活在一个日新月异的时代、一个充满想象的时代、一个令人鼓舞的时代。

网络的出现和发展，正在迅速而深刻地影响着、改变着我们的生活以及其他方方面面。

你对数字化（网络）生活充满着多少想象和期待，你的生活因此就会变得多么丰富多彩和与众不同。

网络就是一所开放的大学。

2..虚拟现实实验室是虚拟现实技术应用研究的重要载体。

随着虚拟实验技术的成熟，人们开始认识到虚拟实验室在教育领域的应用价值，它除了可以辅助高校的科研工作,在实验教学方面也具有如利用率高,易维护等诸多优点.近年来,国内的许多高校都根据自身科研和教学的需求建立了一些虚拟实验室。

网络虚拟实验室是一个无墙的中心,通过计算机网络系统,研究人员或学生将不受时空的限制,随时随地与同行协作,共享仪器设备,共享数据和计算资源,得到教师的远程指导及与同行相互研讨。

由于通过网络虚拟实验室能够实现跨时空跨学科的仪器设备远程共享,甚至远程控制,虚拟实验作为现代远程教育的重要组成部分在保障教学效果方面起着不可替代的作用,已经获得了越来越多人的青睐。

但是由于它的发展起步较晚,技术上还很不成熟。

由于受市场竞争的影响，新一代的设计和制造技术正在向全球化、网络化、虚拟化的方向发展，基于网络的虚拟三维环境的构建是支持这一发展的技术之一。

互联网技术和计算机技术的发展使3D图形在网络上的传输与PC机上的显示功能越来越完善。

VRML（VirtualRealityModelinLanguage）正是被Web3D协会（Web3DConsortium）设计出来作为网络3D图形文件的格式标准。

今年Web3D协会（Web3DConsortium）又颁布了新一代VRML标准——X3D，它的含义是Extensible3D。

它是下一代的，可扩展的，互联网上的3D图形规范。

虚拟实验室是一种特别的、分布式的解决问题的环境,是提供给用户的一个基于网络的实验教学、技术交流、共同研究、协同工作的平台,是一种基于计算机虚拟原型系统的全新的科学研究与工程设计方法,是除理论与实物实验之外的第三种研究设计手段和形式。

说明虚拟实验室不仅是远程教育所必需的,对于全日制普通高校也是非常重要的,具有十分广阔的应用前景。

1.2虚拟实验运用的技术

1.2.1技术综述

1.多媒体计算机技术与仪器技术的结合构成了网络虚拟实验室实现的基础,使人们拥有自己实验室的幻想与愿望可以在计算机屏幕上通过场景式图形界面而得以“实现”。

无论是学生还是教师,无论是在近处还是远方,大家都可以自由地、无顾虑地随时进入网络虚拟实验室操作仪器,进行各种实验。

这不但为实验类课程的教学改革及远程教育提供了条件和技术支持,还可以随时为学生提供更多、更新、更好的仪器。

1构建基于虚拟仪器的网络实验室[1~3]1.1实验室的实现原理网络虚拟实验室的构建多使用BSDA（browser/server/data-base/application）结构,即客户端/…

近年来,虚拟现实技术的出现为虚拟实验的发展带来了新的生机。

由于它采用了3D数字化技术、多传感交互技术以及高分辨显示的科学可视化技术,能够生成三维逼真的虚拟场景,并能使用户与场景进行实时交互,感知和操作虚拟对象,因而能够提供比现有虚拟实验更佳的性能和更好的教学效果。

论文对虚拟实验和虚拟现实技术进行了分析,深入研究了如何利用虚拟现实技术及Web技术来架构新型的网络虚拟实验系统。

在系统设计与实现过程中,针对当前远程教学系统的特点采用桌面型虚拟现实系统,使用户只需通过鼠标和键盘就能够与虚拟场景进行交互。

Cult3D是一种强有力的3D渲染技术，它采用先进的压缩技术，并支持多重阴影效果、贴图和双线性滤镜，这样制做出来的物体模型具有极度逼真的画质，使浏览者可以得到近乎完美的视觉效果。

而且Cult3D可以实现复杂的动画，这就为物体添加交互性创造了众多的机会。

我们的出发点处于人机工程学这个大背景，遵循人机工程学的基本观点，在“以人为中心”前提下强调人机配合。

1.2.2技术具体介绍

1.3DMAX的优点：

3DMAX是一个功能很强的随意性很高的制图软件，它的目标是生成漂亮逼真的图片，而这些图片中的元素基本上都是由操作都手工制作出来的，而不是现场的照片。

城市街头会有很多大幅的图片，其中很多都是这么做出来的，尤其是一些建筑的效果图，您想想，建筑还没建好呢，那它的图片是怎么做出来的呢。

3DMAX为了达到这个效果，提供了大量的而且是很随意的三维造形功能，让操作者几乎无所不能（不过我觉得还是有缺欠，用起来不方便，不直观），然后再利用它很强的渲染功能生成图片。

象上面所说的，它的另一个功能是可以制出动画片的。

2.cult3DMAX优点：

模型质量高，交互性能好。

不管是二维还是三维，良好的图像质量都是非常重要的。

Cult3D是一种强有力的3D渲染技术，它采用先进的压缩技术，并支持多重阴影效果、贴图和双线性滤镜，这样制做出来的物体模型具有极度逼真的画质，使浏览者可以得到近乎完美的视觉效果。

Cult3D的开发过程也比较简单。

首先，您必须使用一个三维模型制作软件（3DMAX或MAYA），制做物体的三维模型。

制做前您必须先下载插件Cult3DExporterfor3DMAX或Cult3DExporterforMAYA。

只有装好输出插件，3DMAX或MAYA才可以将3D模型输出成Cult3DDesign的C3D格式。

3．论坛又名BBS，全称为BulletinBoardSystem（电子公告板）或者BulletinBoardService（公告板服务）。

是Internet上的一种电子信息服务系统。

它提供一块公共电子白板，每个用户都可以在上面书写，可发布信息或提出看法。

它是一种交互性强，内容丰富而即使的Internet电子信息服务系统。

用户在BBS站点上可以获得各种信息服务，发布信息，进行讨论，聊天等等。

像日常生活中的黑板报一样，论坛按不同的主题分为许多版块，版面的设立依据是大多数拥护的要求和喜好，用户可以阅读别人关于某个主题的看法，也可以将自己的想法毫无保留地帖到论坛中。

一般来说，论坛也提供邮件功能，如果需要私下的交流，也可以将想说的话直接发到某个人的电子信箱中。

在论坛里，人们之间的交流打破了空间，时间的限制。

在与别人进行交往时，无须考虑自身的年龄，学历，知识，社会地位，财富，外貌，健康状况，也无从知道交谈的对方的真实社会身份。

这样，参与讨论的人可以处于一个平等的位置与其他人进行任何问题的探讨。

论坛往往是由一些有志于此道的爱好者建立，对所有人都免费开放。

而且，由于BBS的参与人众多，因此各方面的话题都不乏热心者。

我们当然可以利用它来解决学习中的一些疑惑，也可以把自己的心事吐露出来。

4．聊天室可以建立在即时通讯软件（如MSNMessenger、QQ）、P2P软件、万维网等基础上，万维网方式更为普通和种类繁多，交谈的手段不局限于文本，更包括语音、视频。

通常聊天室是按照房间或频道为单位的，由一个或者多个管理员管理，在同一房间或频道的网人可以实时地广播和阅读公开消息。

一般情况下，与其它网络论坛、即时通讯不同的是，聊天室不保存聊天记录。

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

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

在目前国内对此领域研究甚少的情况下，作者将网页艺术设计与其他艺术设计形式进行比较，尝试从网页艺术设计的内容、原则和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。

作者认为网页艺术设计是艺术与技术的高度统一，指出网页艺术设计包含视听元素与版式设计两项内容；

以主题鲜明、形式与内容相统一、强调整体为设计原则；

具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性等五个特点。

在明确了网页艺术设计与网站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达网站主题这一观点。

网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。

表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。

第二章界面设计流程

2.1网页艺术设计的内容

2.1.1.视听元素

设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。

网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

这里所说的视听元素，主要包括：

文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。

无论是文

字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。

多媒体技术的运用大大丰富了网页艺术设计的表现力。

2.1.2版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。

所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。

它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。

印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。

这使网页设计者不能精确控制页面上每个元素的尺寸和位置。

而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

2.2网页艺术设计的原则

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。

但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。

网页的艺术设计，是技术与艺术的结合，内容与形式的统一。

它要求设计者必须掌握以下三个主要原则：

2.2.1.主题鲜明

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。

诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。

这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；

另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。

只有两个方面有机地统一，才能实现最佳的主题诉求效果。

　　2.2.2.形式与内容统一

任何设计都有一定的内容和形式。

内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；

形式是构成内容诸要素的内部结构或内容的外部表现方式。

设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。

内容决定形式，形式反作用于内容。

一个优秀的设计必定是形式对内容的完美表现。

一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。

只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。

设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。

另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。

那样得到的效果可能会适得其反。

只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。

　　网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。

这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。

因此，在网页设计中必须注意形式与内容的高度统一。

　　2.2.3.强调整体

　　网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。

　　网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。

设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和谐完整的美感。

整体性也是体现一个站点独特风格的重要手段之一。

网页的结构形式是由各种视听要素组成的。

在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。

这主要从版式、色彩、风格等方面入手。

例如：

在版式上，将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定；

一个站点通常只使用两到三种标准色，并注意色彩搭配的和谐；

对于分屏的长页面，不可设计完第一屏再考虑下一屏。

同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。

从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。

因此，在强调网页整体性设计的同时必须注意：

过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。

“整体”是“多变”基础上的整体。

2.3网页艺术设计的特点

2.3.1.交互性与持续性

网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。

即时的交互性是Web成为热点的主要原因，也是网页设计时必须考虑的问题。

传统媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。

而在Web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。

这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。

网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。

例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。

2.3.2.多维性

多维性源于超级链接，主要体现在网页设计中对导航的设计上。

由于超级链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。

例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。

但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。

为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。

印刷品中导航问题不是那么突出，如果一个句子在页尾突然终止，读者会很自然地翻到下一页查找剩余部分，为了帮助读者找到他们要找的信息，出版者提供了目录、索引或脚注。

如果文章从期刊中的一页跳到后面的非顺序页时，读者会看到类似于“续68页”这样的指引语句。

然而，作为一名网页设计者，你以前所学的导航技术没有一种完全适合于网页导航。

在替浏览者考虑得很周到的网页中，导航提供了足够的、不同角度的链接，帮助读者在网页的各个部分之间跳转，并告知浏览者现在所在的位置、当前页面和其他页面之间的关系等。

而且，每页都有一个返回主页的按钮或链接，如果页面是按层次结构组织的，通常还有一个返回上级页面的链接。

对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页，因