网页界面设计.doc

摘要：网络教学的好处随着科技的飞速发展与进入小康社会近一步的实现，电脑，在人们的生活中已经十分普及。于是，网络也已经成为人们生活中不可获缺的一部分。 虚拟实验室是一种特别的、分布式的解决问题的环境,是提供给用户的一个基于网络的实验教学、技术交流、共同研究、协同工作的平台,是一种基于计算机虚拟原型系统的全新的科学研究与工程设计方法,是除理论与实物实验之外的第三种研究设计手段和形式。目前,虚拟实验室的指的是在计算机系统中采用虚拟现实技术实现的各种虚拟实验环境,实验者可以像在真实的环境中一样完成各种预定的实验项目,所取得的学习或训练效果等值于甚至优于在真实环境中所取得的效果.为此我们设计了这个物理实验学习网站供学生学习.采用了3DMAX技术,CULT 3DMAX技术,人机交互技术（BBS技术,聊天室技术）本人主要负责的是界面设计.英文：The advantage of study of network, with the development at full speed and entering realization of nearly one step of well-off societies of science and technology, the computer, has already popularized in people's life very much. Then, the network has already become a part that can't be lacked in people's life. The fictitious laboratory is a kind of special, distributed environment of solving the problem, offer an teaching of experiment, exchange of technology, platform studied together, worked in coordination based on network of users', it is a brand-new scientific research based on fictitious prototype system of the computer and design method of the project, it is the third kind of research besides theories and material object experiments that designs means and form. At present, meaning various fictitious experiment environments of adopting virtual reality technology in the computer system of the fictitious laboratory, the experimenter can finish the experiment projects of different reservations as in the true environment, study made or train result equivalence on superior to result made among true environment even. We have designed this physical experimental learning website to support students to study for this. Have adopted 3DMAX technology, CULT 3DMAX technology, the technology of human-computer interaction (BBS technology, the technology of the chatroom). A main and responsible one of mine is that the interface is designed.目录:第一章 物理虚拟实验制作概述 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（Virtual RealityModelinLanguage）正是被Web3D协会（Web3D Consortium）设计出来作为网络3D图形文件的格式标准。今年Web3D协会（Web3D Consortium）又颁布了新一代VRML标准X3D，它的含义是Extensible 3D。它是下一代的，可扩展的，互联网上的3D图形规范。虚拟实验室是一种特别的、分布式的解决问题的环境,是提供给用户的一个基于网络的实验教学、技术交流、共同研究、协同工作的平台,是一种基于计算机虚拟原型系统的全新的科学研究与工程设计方法,是除理论与实物实验之外的第三种研究设计手段和形式。说明虚拟实验室不仅是远程教育所必需的,对于全日制普通高校也是非常重要的,具有十分广阔的应用前景。1.2 虚拟实验运用的技术 1.2.1 技术综述 1. 多媒体计算机技术与仪器技术的结合构成了网络虚拟实验室实现的基础,使人们拥有自己实验室的幻想与愿望可以在计算机屏幕上通过场景式图形界面而得以“实现”。无论是学生还是教师,无论是在近处还是远方,大家都可以自由地、无顾虑地随时进入网络虚拟实验室操作仪器,进行各种实验。这不但为实验类课程的教学改革及远程教育提供了条件和技术支持,还可以随时为学生提供更多、更新、更好的仪器。1构建基于虚拟仪器的网络实验室131.1实验室的实现原理网络虚拟实验室的构建多使用BSDA(browser/server/data-base/app lication)结构,即客户端/ 近年来,虚拟现实技术的出现为虚拟实验的发展带来了新的生机。由于它采用了3D 数字化技术、多传感交互技术以及高分辨显示的科学可视化技术,能够生成三维逼真的虚拟场景,并能使用户与场景进行实时交互,感知和操作虚拟对象,因而能够提供比现有虚拟实验更佳的性能和更好的教学效果。 论文对虚拟实验和虚拟现实技术进行了分析,深入研究了如何利用虚拟现实技术及Web 技术来架构新型的网络虚拟实验系统。在系统设计与实现过程中,针对当前远程教学系统的特点采用桌面型虚拟现实系统,使用户只需通过鼠标和键盘就能够与虚拟场景进行交互。 Cult 3D是一种强有力的3D渲染技术，它采用先进的压缩技术，并支持多重阴影效果、贴图和双线性滤镜，这样制做出来的物体模型具有极度逼真的画质，使浏览者可以得到近乎完美的视觉效果。而且Cult 3D可以实现复杂的动画，这就为物体添加交互性创造了众多的机会。 我们的出发点处于人机工程学这个大背景，遵循人机工程学的基本观点，在“以人为中心”前提下强调人机配合。1.2.2 技术具体介绍 1. 3DMAX的优点：3DMAX是一个功能很强的随意性很高的制图软件，它的目标是生成漂亮逼真的图片，而这些图片中的元素基本上都是由操作都手工制作出来的，而不是现场的照片。城市街头会有很多大幅的图片，其中很多都是这么做出来的，尤其是一些建筑的效果图，您想想，建筑还没建好呢，那它的图片是怎么做出来的呢。3DMAX为了达到这个效果，提供了大量的而且是很随意的三维造形功能，让操作者几乎无所不能（不过我觉得还是有缺欠，用起来不方便，不直观），然后再利用它很强的渲染功能生成图片。象上面所说的，它的另一个功能是可以制出动画片的。 2 .cult3DMAX优点：模型质量高，交互性能好。不管是二维还是三维，良好的图像质量都是非常重要的。Cult 3D是一种强有力的3D渲染技术，它采用先进的压缩技术，并支持多重阴影效果、贴图和双线性滤镜，这样制做出来的物体模型具有极度逼真的画质，使浏览者可以得到近乎完美的视觉效果。而且Cult 3D可以实现复杂的动画，这就为物体添加交互性创造了众多的机会。Cult 3D的开发过程也比较简单。首先，您必须使用一个三维模型制作软件（3DMAX或MAYA），制做物体的三维模型。制做前您必须先下载插件Cult 3D Exporter for 3DMAX或 Cult 3D Exporter for MAYA。只有装好输出插件，3DMAX或MAYA才可以将3D模型输出成 Cult 3D Design的C3D格式。3论坛又名BBS，全称为Bulletin Board System(电子公告板）或者Bulletin Board Service（公告板服务）。是Internet上的一种电子信息服务系统。它提供一块公共电子白板，每个用户都可以在上面书写，可发布信息或提出看法。它是一种交互性强，内容丰富而即使的Internet电子信息服务系统。用户在BBS站点上可以获得各种信息服务，发布信息，进行讨论，聊天等等。像日常生活中的黑板报一样，论坛按不同的主题分为许多版块，版面的设立依据是大多数拥护的要求和喜好，用户可以阅读别人关于某个主题的看法，也可以将自己的想法毫无保留地帖到论坛中。一般来说，论坛也提供邮件功能，如果需要私下的交流，也可以将想说的话直接发到某个人的电子信箱中。 在论坛里，人们之间的交流打破了空间，时间的限制。在与别人进行交往时，无须考虑自身的年龄，学历，知识，社会地位，财富，外貌，健康状况，也无从知道交谈的对方的真实社会身份。这样，参与讨论的人可以处于一个平等的位置与其他人进行任何问题的探讨。 论坛往往是由一些有志于此道的爱好者建立，对所有人都免费开放。而且，由于BBS的参与人众多，因此各方面的话题都不乏热心者。我们当然可以利用它来解决学习中的一些疑惑，也可以把自己的心事吐露出来。 4聊天室可以建立在即时通讯软件（如MSN Messenger、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页”这样的指引语句。然而，作为一名网页设计者，你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者考虑得很周到的网页中，导航提供了足够的、不同角度的链接，帮助读者在网页的各个部分之间跳转，并告知浏览者现在所在的位置、当前页面和其他页面之间的关系等。而且，每页都有一个返回主页的按钮或链接，如果页面是按层次结构组织的，通常还有一个返回上级页面的链接。对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页，因此必须考虑更多的问题。如：怎样构建合理的页面组织结构，让浏览者对你提供的巨量信息感到条理？怎样建立包括站点索引、帮助页面、查询功能在内的导航系统？这一切从哪儿开始，到哪儿结束？2.3.3 技术与艺术结合的紧密性设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。 技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。第三章 界面具体设计3.1登陆页设计在登陆页中设置了一下窗体的颜色，不至于使的看起来太单调，在顶部添加了一张天空的图片，使人感觉像是进入了物理的世界，在图中中间那行字是左右滚动的，使得页面有些动态的效果，在往下是登陆和注册，下面一些简要的介绍。3.2 主页的设计3.2.1 主页的布局主页不但起到对本网站的一些说明，而且要有充实的内容，首页是吸引读者眼球的地方，要尽棵能的华丽一点，我们的网站首页上部是用PHOTOSHAO制作的一张图片，只所以制作这一张图片是为了和本网站的主题相一致，也是为了美观。中间是一行能左右晃动的文字，是为了增加网页的动态感，但不要弄的太多，太多了就有点使人的头脑眩晕。接着往下是一些图片以及导航，之所以选择这四副图片是因为为了让文字和图片做到统一，比如，力学实验，其上面的图片是一个很形象的天平，在往下是对本网站的一些介绍，虽然只是一些文字，但是对于一个网站是必不可少的，少了这些会使人对本网站的一些操作不熟悉，以至使人不会在你的网站停留太长时间，在往下是低层的介绍，是让人们熟悉一下其他的内容，背景色对于一些网站也是很有用的，不会使人感到太单调。3.2.2主页的导航设计导航的设计对于一个网站是之关重要的，导航让你的网站成为一个统一的整体，一个浏览者通过导航能找到他要找的网页，找到他所需要的东西，所以，导航设计的好坏直接影响这个网站的整体性以及对用户提供的方便性。导航很重要，但是，是很容易实现的，导航一般都是通过超联接来实现的，比如说，以上两个界面，第一个为首页，上面我们也说了，首页很重要，为了节省浏览者的时间，首页要有足够的导航，让浏览者很容易的找到要查找的下一页，这是第一级导航，是非常重要的。下一个为实验页，因为有很多实验，但是为了网站的整体性，各个实验页是相似的，所以只拿一个页面作为讲解，在实验页中有了二级导航，导航设置在左边，之所以这样设计是为了整个网页的布局的合理性，使得的浏览者更容易一目了然，为了使浏览者精确的查找，方便浏览者能找到相应的网页。第三副图片是为了保持网站的整体性，这张界面是做成了一个摸板，通过文件的包含，嵌入到其他页面中，所以在其他页面中也能看到这种设计，像这种文件的包含，在网页中是要大量用到的，节省了很多的空间。也许有人会有疑问，导航这么重要，为什么在我们的网站中只用到二级导航，我在这里需要说明一下，虽然导航很重要而且看起来很美观和简洁，但是不要太多的深入的导航，一般网站都是三级导航，如果用的太深入的导航会使浏览者感到乏味，不耐心寻找下去，只要不是特别大的网站，不要用太深入的导航。3.3实验操作界面3.4.1论坛登陆界面这是论坛的界面，论坛界面上部使用了导航，为了不至于太单调，论坛用了和其他页面不一样的格调，比如图片，在论坛首页中使用了好多简单的图片，这个论坛拥有比较简单的功能，例如，登陆，发帖子，回复帖子。3.3.2聊天室界面聊天室是做了个简单的设计，使用了两个文本域，一个是要输入的话，一个是要显示的话。第四章 总结 4.1 界面设计总结 下面我们将设计高效的用户界面的主要技巧小结如下： 用户界面的一致很关键， 设立界面标准并遵循之， 采用行业标准，也使你的应用软件看起来或视感上与其它机构开发的软件更趋一致， 向用户阐明软件运行规则。有了一致性，规则只会简练，支持生手也支持熟手； 文字措辞一致、正面，要用全称， 对其它软件不盲从，要知道不是每个人都懂得如何设计好的用户界面； 在桌面上显示快捷方式； 根据业务对象及其相应的界面对象去思考，而不是从应用软件本身去思考； 界面对象在视觉上、感觉上和行为上应与其在现实世界的表现一致。 2、屏幕设计 界面间切换、界面布局都很重要； 理解小部件，才能正确地加以应用； 使用颜色要谨慎，以指示符补充； 遵循对比原则一一在浅色背景上使用深色文字，在深色背景上使用浅色文宇； 字体使用要适当和一致；项目不可用时，灰掉而不是移走，用户才有形成精确的心理模型：使用无害的缺省按钮；编辑区域左对齐，相应的标签则应右对齐，整数、浮点数右对齐，字符串左对齐； 避免屏幕拥挤；用方框和间隔对屏幕上有逻辑关联的项目加以组合；在操作焦点处打开窗口；弹出菜单不应是唯一的功能来源。 3、建立原型 用户需求决定了原型的开发， 原型评估的任务：发现原型的成功之处，失败之处及遗漏之处； 在评估过程中只发现少量需求或不再有新的需求时，即可结束原型建立过程；寻找现实对象，确定用户在现实世界中的使用方式； 与软件开发完成之后的实际用户共同工作， 设定原型开发时间表并执行；使用原型开发工具：用户参与开发，对原型进行测试：了解根本业务；别在很可能丢弃的事情上花大时间，一旦界面对象稳定，就应文档化，为原型开发界面流程图：对组成原型的每个界面对象建立文档。4.2 本次网络教学研究的价值在整个教育体系中，教师、学生是其基本的构成要素，随着信息技术在教育领域的广泛应用，教育信息化的深入展开，使教师的作用、学生的能力要求等都发生了深刻的变化。1、教师的作用传统的教育中，教师的基本作用是向学生传递一定学科的专业知识。信息技术的广泛 应用，学生可以自主地通过各种途径，以各种方式进行学习。在这种情况下，教师的作用为：学习的组织者和协调者 对于给定的学科内容，学生可以通过多种途径，不仅通过老师，还可以通过因特网、光盘学习，也可以通过小组讨论、调查访问等多种途径学习。教师不再只是讲授，而应对学生的多种学习活动进行指导、计划，对各种学习活动进行组织、协调。学习网络的促进者 为了对学习活动进行有效的指导和计划、组织和协调，教师必须把握对应于各种学习课题的学习途径、学习资源。为此，教师应广泛地收集各种分散的学习资源、学习信息，注意加强不同学校、不同教育部门的联系与交流，并逐渐形成一种支援学生学习的网络系统。学生信息能力的培养者 学生在利用多种途径进行自主学习中，信息能力是十分重要的。教师应注重学生信息能力的培养。2、对学生的价值信息社会需要的是具有创新精神、创造能力和善于实践的人才。这对我们的学校教育提出了新的要求。何为素质教育?就是在学习知识的基础上，还要能够学会如何获取知识、如何运用知识、如何创新知识。以知识的传递、知识的理解为中心的接受学习中，学生是被动地接受知识，对学生的要求是理解知识、掌握知识。信息技术的广泛应用，要求学生不仅是被动地接受知识，更重要的是主动地获取知识。在这种情况下，要求学生更注重学习方法、思维方法和讨论方法的掌握，要求学生具备一定的自我学习能力。在教育信息化的环境中，学生实现知识的探索，实现发现学习、实现问题解决学习，实现创新能力的培养。在这个过程中，学生对信息的获取、处理、创造、表现的能力，即信息能力是十分重要的。在教育信息化的学习环境中，需要学生具有很好的信息能力。