网页界面设计论文大全11篇

绪论：写作既是个人情感的抒发，也是对学术真理的探索，欢迎阅读由发表云整理的11篇网页界面设计论文范文，希望它们能为您的写作提供参考和启发。

篇（1）

［中图分类号］J524.3［文献标识码］A［文章编号］1009-5349（2011）06－0089－01

在今天的中国，大多数的人每天都在使用互联网。查找信息、阅览文章、娱乐、交友、购物等都可以在网络上实现，查看网页已经成为了人们生活的重要内容。

网页由多个设计元素组成，各个设计元素向我们传达着信息。其中色彩是最先映入人们眼帘的，它决定了网页的印象，同时也影响到网页界面设计的成败。设计者在网页界面设计中利用色彩来表达网站主题，烘托网站内容，满足网页展示方的意愿。与此同时，设计者更应该注重浏览用户的使用需求。在色彩设计上充分考虑浏览用户的心理特征、视觉习惯和操作习惯，使网页界面色彩设计人性化，便于浏览用户能够轻松地使用网页。

如何实现网页界面色彩设计的人性化？本文从色彩对人的生理和心理产生影响的角度，对网页设计中的配色问题提出几点看法。

一、配色和谐，提高网页文字的易见度

由于颜色有同化作用，人的眼睛识别颜色的能力有一定的限度，色相对比强的颜色易于辨认，色相对比弱的则难于分辨。在网页界面里，文字、图案、背景都有自己的颜色，用户使用网页时，背景与文字的配色直接影响用户对内容的辨别和阅读。而网页中，文字是用户摄取的主要内容，在设计时必须考虑文字与其他元素的色彩对比，注意文字的易见度。

在高明度的背景上低明度的文字易于识别，在低明度的背景上高明度的文字易于识别。但如果背景和文字的明度相近，则会出现难以认读的情况。如，白色的背景上使用黑色文字易见度非常高，而使用柠檬黄的文字则易见度很低。

二、科学使用颜色，避免视觉疲劳

人的视网膜对不同色彩的兴奋度有所不同。当人看到高明度、纯度高的颜色时，视网膜的兴奋度高，因此它让人感觉到刺眼。当人看到低明度、纯度低的颜色时，视网膜的兴奋度低，因而会觉得较舒适。

在众多色彩中容易引起人注意的通常是刺激强度高的高明度色，但如果这样的颜色在网页界面中大面积使用极易使浏览用户产生视觉疲劳，因此应尽量少使用高明度背景。而低明度色不会强烈刺激人眼，但过多的使用会给浏览用户带来压抑感。

通常，我们可以使用浅色调辅以小面积鲜艳的色块，使画面既有对比又统一和谐。如果碰到暗色调的网页，也可以使用小面积的高明度色来调和。避免网页色彩过艳或过暗带给浏览用户视觉上的疲劳。

三、了解浏览用户的色彩心理，合理配色

色彩可以作用于人的感官，刺激神经，唤起人们的特殊情感，这是色彩的心理效应。不同的颜色对同一个人会产生不同的心理效应，不同的人会对同一种颜色产生不同的心理体验。这种体验，从认识论的角度来说，是人对客观世界的主观反映，是由于每个人的年龄、性别、文化、生活环境、丰富习惯等因素所造成的。

有的设计者在设计网页界面时，对色彩的选择仅凭自己的直觉和喜好，没有对浏览用户群体的心理特征和审美需求进行调查分析，这样设计出的网页界面往往难以把握浏览用户对信息的获取量。因此，网页界面的色彩设计要了解并把握浏览用户的色彩心理。例如，网页界面的浏览用户是儿童，界面的用色应选取儿童喜欢的活泼、明亮的颜色。而浏览用户是老年人的话则采用成熟、稳重的颜色。不同的民族对同一种色彩可能有不同的理解。在中国古代，黄色代表威严，巴西则代表热情。红色在中国寓意为喜庆，但在西方人的眼里，它是恐怖、危险的象征。这些因素在设计网页色彩时都是应该考虑并加以运用的。符合浏览用户色彩心理的设计才会激发他们的阅读兴趣，利于信息的传播。

色彩给我们的感受是丰富而奇妙的，它每时每刻都在影响着人们的生活。网页界面的设计者应在掌握人的色彩心理的情况下，充分发挥色彩的特性，网页界面达到悦目并且适用的要求，实现网页界面设计人性化的第一步。

【参考文献】

[1]旭日东升.网页设计与配色经典案例解析[M].电子工业出版社,2009.6.

[2]马炅.色彩的情感属性在网页配色中的应用探析[J].长春理工大学学报(高教版),2009.11.

篇（2）

一、人性化游戏界面设计理论基础

良好的用户体验是人性化有些界面设计的基础。用户体验发生在生活的每个瞬间，比如当你用水杯喝水时，会随手将杯盖放在任何你随手可以放置的地方，当你在不注意的情况下会将杯盖随手放在任何地方，随后因为没有印象而忘记杯盖放在了哪里。现在很多的水杯都将杯盖设计成连接在杯子上的，这样就不容易忘记放在哪里了。这样的例子不计其数。用户体验在开发数字产品、系统及服务的不同设计与可用性学科，并通过界面的交互设计来影响人们的体验。数字产品的用户体验设计包括三方面，即形式，行为和内容。操作是游戏体验的必要行为，交互设计关注行为设计，也关注行为如何和形式与内容产生联系。人性化的游戏界面设计就是将交互设计理念完美的融入界面设计中，将形式和内容通过交互设计达到一种自然的状态，是玩家才做起来更加顺畅而方便，提高游戏的娱乐性。人性化游戏界面设计不仅要考虑到玩家大众的心理，使用习惯，使用环境等因素，还要更好的研究大众的文化，审美等因素对游戏的影响。只有达到平衡才能使玩家和游戏之间顺畅而自然地进行信息交流

游戏界面交互设计同一般的WEB设计有所区别。游戏的信息功能复杂，板块较多，加上玩法和游戏特定的规范，在创新设计上需要设计师全方位的考虑周全，有舍有取。

二、人性化游戏界面设计原则

游戏界面就像是一个自助式的产品，他和很多网络产品一样，没有像真正产品一样的说明书，当新手引导结束后，用户只能凭自己的互联网产品使用经验操作那些命令。一个不好的界面，会使游戏玩家因为一个操作的卡住最终放弃游戏，这将造成巨大的损失。游戏界面承担着玩家与游戏之间沟通的媒介作用，直接和界面设计相关的除了美术部分就是交互设计。交互设计是关于行为，操作流程的，和外观相比，更难于观察和理解。作为游戏界面的交互，保证玩家使用界面顺利成功的进行游戏，界面设计需要以为人本，并且必须遵循一些游戏界面特定的设计原则。

1.简洁易用

Less is more的设计思想不管设计任何事物都有很好的指导意义。游戏的界面需要设计师尽量做到精简，以免太多的按钮和菜单出现在画面上，并且过于华丽的修饰也会干扰到玩家的注意力，很可能分散玩家的注意力，是玩家不能集中精力于游戏世界。操作界面应该尽量做到简单明确，并且尽量少占用屏幕空间。而有的游戏因为信息数据繁多，做到精简的难度很大。但是也有设计师挑战了这种矛盾。例如现在很多网页游戏都将游戏构成单元和主要场景结合起来。例如图一，将主要场景中的建筑和组成这个游戏的各个玩法单元结合起来。这样不仅仅减少了界面上菜单按钮的数量，也更好的将玩家吸引到游戏情境当中。不仅是玩家操作更顺畅，减少记忆成本，增加了操作上的游戏乐趣。

图二是《大将军》网页游戏中的城外界面的国家查找界面。设计者没有用过多的装饰，简洁的操作界面一目了然，并且虽然是游戏，但是为了方便玩家寻找国家承包，增加了搜索功能，将互联网其他产品的功能活用到游戏当中也是一个很巧妙的办法。

2.遵循游戏习惯

上面讲到了将互联网其他的产品的一部分需求功能增加到游戏当中，这样的做法也需要度。因为游戏作为一个已经给玩家固定印象的产品，有他的特征。网页游戏发展了许多年，玩家已经培养成了固定的使用习惯，因此不能随意的改变这些习惯。例如图三所示。

图三为网页游戏《一代宗师》的英雄界面和主城界面。主城界面可以看出和其他的大部分网页游戏没有太多的区别。左上角为英雄头像，名称，等级和一些属性。下方一条则为工具栏。左右两边为信息栏和任务栏。玩家已经经历了多个类似设计的网页游戏，已经培养起了固定的使用习惯，因此这样的设计不会使玩家在寻找操作方式上花费太多时间。英雄界面则改动很大。图四为一款网页游戏的交互设计原型图。图四的设计是大多数网页游戏英雄面板的设计方式。从左至右的方式选择，符合用户使用习惯。而图三则将英雄的选择方式放到了上方，将玩家关注的英雄装备情况的区域缩小，放到了界面的下方，这样做模糊了主次关系，将本该强化注意的装备情况削弱了。不但视觉上不舒服，而且在操作上也加大了玩家的学习成本，很容易造成游戏用户的流失。

3.可扩充原则

网页游戏和一般的网络产品不同的是，它会不断地更新新的版本，增加新的功能，这样才能适应不同玩家的不同需求，适应市场竞争。这样也要求交互设计师再设计操作界面的时候，要给以后的游戏功能开发流出一定的空间，所谓的动态扩展空间。听起来很困难，但是在工作中需要和游戏策划者多多沟通，及时得到最新信息。

篇（3）

引言

当前电力集团网站的版式设计相对中规中矩，模板化普遍。该论文以“创新电力集团网站设计”为主题，探究网站版式设计与用户交互性的关系；深入发掘设计者与欣赏者之间的情感联系，将网站企业理念、产品服务等信息以符合当前大众审美观念的方式展现，带给客户阅读乐趣，以便顺应社会不断发展的审美需求。

一、国内电力企业界面设计现状、原因及存在的问题

1.当前现状

随着用户体验需求的不断提高，国内对网站界面设计的关注有所增加，从事网页界面的设计师也越来越多。如今国内许多大型电力集团也开设独立的网站设计部门，网站的设计无论在理论还是实践方面都有了很大的进步。但是中小型电力企业网站界面的艺术化设计却是“短板”。存在缺乏资金、理念落后、观念错误等原因，导致严重的两极分化，使得当前国内电力企业网站界面设计整体上并不理想。

2. 原因

当前电力企业网站界面的设计整体上并不理想，主要集中在中小型电力企业上，作为网站界面艺术设计的“短板”，具体原因如以下几点：

①缺乏专业人才，没有像大型电力集团那样雄厚的资金来吸引专业的设计人才；

②是互联网发展的理念相对落后。

③不重视网站的更新及维护，认为电力是人们生活必不可少的能量，即使没有精美的网站，也会有很多的消费者。

由此，大多数中小型电力企业网站成为了摆设，且设计缺乏新意，板式大同小异，没有自身的特色。理念落后，不注重强调与受众之间的交互性，受众对企业理念及产品服务项目了解不明确。

3.设计中所存在的问题

（1）从视觉角度来看，板式设计、颜色都过于单调，不能够很好的让受众产生阅读兴趣。首页是一个网站的重中之重，是最核心的内容，首页应明确企业的类型及服务的理念，让受众一目了然。其次针对受众最关心的产品服务，售后服务等的进入标签应尽量醒目。受众打开网页首先第一眼就不能够明确网站属于什么类型，其次版式设计平庸，无艺术感，使得受众无阅读下去的欲望。

（2）从网页内容来看，文字过多，受众心理上就会难以接受，从而也减弱了受众的阅读欲望。现代网页的艺术设计讲究的是图文并茂，将艺术元素巧妙地融入到网页的设计中，使其切合企业的理念，才是符合现代大众所接受的形式。

（3）从与用户的交互性上看，不能满足消费者的需求，在产品界面上，该设计所使用的是抽象的文字来描述产品服务项目，让受众不能够很好的了解到产品到底是什么，其次通过三级页的方式才能够获得更为详细的产品信息，在网页构建时不仅增加了成本，同时也增加了用户的操作难度。

二、在网站界面中影响交互性的设计元素

1.设计风格

在网站首页原型结构上，因空间有限，不同内容放什么位置、是否符合网络营销规范，尤其是第一屏的信息很重要，这些需要结合建站初衷和自身公司特点，让受众第一时间找到想要的和营造出良好的企业氛围。

最受大众所欢迎的风格为 “扁平化”。扁平化概念的核心意义是：去除冗余、厚重和繁杂的装饰效果。这样可以让“信息”本身重新作为核心被凸显出来。尤其是作为电力企业首页的设计上，引入这一理念将会更好的凸显企业的核心信息，让受众一目了然，解决当前中小型电力企业首页信息不明确的问题。同时扁平化在设计元素上，强调了抽象、极简和符号化。这样界就会更加干净整齐，从而使受众能够在第一时间就能够找到自己想要的信息，从而带给用户更加良好的操作体验。

2.界面内容

界面的整体版式设计影响着消费者的第一印象，如果整个网页的内容文字所占比例大于70%，界面就会显得凌乱，然而当前许多的电力企业网站就存在这一问题，文字过多、内容复杂；如果适当的的留白，不过多强调在有限界面中放最多的信息，整体界面比较简洁，反而受到消费者的欢迎。

适当的的留白不仅可以让界面更加整洁美观，也可以让受众有更多的想象空间。尽量减少文字的表述，通过形象的图片方式展示其产品等信息，会使受众更加深入的了解自己所需要产品信息。因为，人类欣赏事物主要依靠的是直觉，对图片的识别性远大于对文字的识别性。因此，在进行网页设计的过程中应避免大段文字的出现，突出图形，简化文字。尽量将文字图形化。如不得不通过文字描述来介绍产品及服务，可以通过图文相结合的方式，通过鼠标移动“淡入淡出”方式。受众不仅能够了解了产品信息，同时也提高了用户操作性，减少了多余三级界面的设计和维护成本。从艺术设计的角度来看，动态的视觉效果也会更加具有艺术灵动性。

3.颜色及文字的搭配

电力企业网站作为商业类网站，不同于购物类网站，不需要为了展示某一特定商品而设计的太过炫目，更多的在于体现企业的发展理念，让受众能够放心使用其产品及服务。因此选择的色调要偏向于稳重，如中性灰，深红色等色调，切合企业的发展理念，使得受众在界面整体的色调环境中，从潜意识里就树立企业沉稳的作风。

文字有描述和解释的功能，同时也是一种良好的艺术载体，字体的设计可以根据不同的需求体现出不同的艺术风格，如“末端斜切”的处理方式，使得文字笔画低调不张扬，不仅能够很好地融入网站的整体气氛中，也切合了企业的发展理念。

4.人性化的设计

人性化就是网站设计的核心，在物质逐渐满足，精神需求逐渐壮大的时期，用户对网站的操作不仅要求功能完善，还要求美观、艺术、个性，在对设计上需求的就是要表现具体风格和艺术审美。网站界面设计的板式设计、色彩搭配、文字处理等都要考虑用户的主观感受，已经没有人愿意接受一个冷冰冰的机器了。现阶段许多设计师在网页中加入了自己的情感因素，而往往却忽略了用户的精神需求，因此违背了设计初衷。

电力企业的登录界面中，无论是企业内部人员还是用户，都设置独立的登录账号、密码、验证码等，这些复杂的账号及密码为了保密性，又不方便用文字来记录，便成为了用户的记忆负担。账号是什么？密码是什么？几位字符等等问题，甚至还在为切换输入法浪费时间，如果加入必要的引导词，例如，密码框内的半透明原点符号，能起到提示用户输入密码长度的作用，又例如，点击输入框后输入法的自动切换，也能节省不少时间。这些细节都是影响用户体验的因素。不仅够体现出企业的服务态度，而且也左右着用户的消费心态。

三、总结

该论文以寻求新的电力集团网站界面设计，进而满足与用户的交互性为目的，进行深入探究，使消费者在电力集团网站体验过程中与企业理念产生共鸣，使得企业赢得更多客户的忠诚度，从而实现网站的运营目标。?

参考文献：

篇（4）

网站界面设计，英文的全称是Web User Interface Design，又叫UI设计。包括三个方面：可用性，交互设计和视觉设计。通常研究的是让网站的界面具有更多的可用性，更良好的用户体验，以及更美观的视觉设计，概言之就是“人性化设计”。[1]在全球人口逐渐老龄化的今天，应该把更多的“人性化设计”真正应用在老年人这一弱群体上。本文旨在从老年用户的生理和心理各要素出发进行综合考虑，探析以老年用户为中心的网站界面（UI）设计要点。

1 老年用户研究

设计优秀老年用户网站界面的先决条件是与老年用户进行有效的交流，充分理解老年用户的需求，重视老年用户的生理和心理特征。

1.1 老年网民用户人数众多

据调查显示，近些年来，我国老年网民的比例一直在攀升，增长率已经超过了网民总体的增长速度，对于互联网的应用日益广泛。根据相关统计报告显示，2008年年底，51～60岁的网民从1999年的10.6万人增长到1251.6万人，60岁以上的由3.5万增长到447万人。虽然我国老年网民绝对数量不多，10%不到，处于上网人群的弱势群体，但却是以令人瞩目的速度增长着。

1.2 老年人对互联网的多样化需求

老年人由于心理上和生理上的变化，与儿童、少年、青年人和中年人人群有着不同的特殊需求。根据The Usbased Spry基金会报告显示，老年人的需求主要表现在四个主题：财产安全、身体健康、精神愉悦和良好的社会氛围以及参加智力活动。[2]具体表现在：获取相关信息，一些老年人希望上网浏览和查询最新的外界信息保持“耳聪目明”的状态，有些则是投身老年论坛，希望利用网络查询、浏览养生保健和常见疾病等信息沟通交流，有些希望通过网络和子女视频聊天、互发邮件；财务管理，还有相当一部分老年人希望能够使用网络来购物、买卖股票以及付账等。总之，老年人对互联网的多样化需求一点都不亚于其他人群。

1.3 老年人的生理和心理特点

从50岁到60岁这个阶段，明显地会出现一些衰老的迹象，主要表现在容易健忘，爱发脾气，认知过程缺乏适应能力；视觉模糊，色彩辨别力降低，视野范围和判断距离的能力通常大大不如过去；动作缓慢，手眼配合欠佳，听觉便开始逐渐减退。[3]总之，因此，随着年龄增长，工作效率逐渐下降。具体表现如下：

（1）近距离视力退化更大。比如在35厘米左右的读书距离内，视力减退的惊人，并伴有老眼昏花。据统计，70岁健康老人的视力超过0.6的只有51.4%。

（2）听力显著下降。特别是对较复杂和速度快的语言的理解，男性比女性减退的更明显。老年人并不知道自己的听力在下降，而是认为别人说话不清楚。

（3）记忆的减退，但也有自己的特点，比如老年人对往事的记忆清晰，而对新近发生过的事物或者新近学习过的内容遗忘较快；对需要将记忆材料进行组织加工使之进入长时储存方面的记忆力较差；老年人的意义识记减退较少，机械识记减退较多。例如，老年人对人民、地名、数字等东西的记忆效果就不好；

（4）思维能力弱化。在调查里，许多老年人常常抱怨自己已经不能像早先那样很好的思考问题了，这反映人的思维能力到老年时出现逐渐衰老的趋势。

2 以老年用户为中心的网站界面设计要点

在对老年用户做了研究之后，笔者认为适宜老年人的网站界面设计的总体原则是以人性化为本，同时注意网站的易用性，规范性，美观性，具体如下五点：

2.1 将操作任务化繁为简

在越来越强调人机交互的今天，对于老年用户来说，最好的人机交互就是简化操作任务，减少不必要的任务，[4]尽量让老年用户在网站上面的操作变得简单，同时又不宜出错。比如强调基本功能，尽量减少和弱化附加功能。如Gmail的登陆界面，简化到“登录信息+登录设置”即可，无须要其他的附加信息。

2.2 合理的信息显示

互联网的根本目的是提供信息，合理的信息显示包括两方面的内容：划分信息功能区和减少视觉密度。[5]

（1）划分信息功能区。当页面的信息较多时，为了避免视觉混乱，应该划分信息功能区。最重要的信息放在页面的视觉中心；同一类的信息放在一起，并与其他类信息间隔一定的空间；同一类的信息用同一种颜色或同一色系的颜色来表示；不同信息区又可以用不同背景色来区分。

（2）减少视觉密度。网站界面需表达的信息很多时，易造成界面看起来非常拥挤，信息挤在一团，对于老年人来说很难一眼就能获得所需的信息。因此，必须减少视觉的密度，比如：考虑适当的留白，适当的留白将使整个界面看起来清楚而美观；降低品牌识别logo、名称的大小，无需为了彰显品牌形象而刻意放大；使用简单的图形，尽量平面化，不要使用过度复杂的图像；使用空白空间，而非线条去区分文字内容；使用简洁的语句表达信息，避免内容过多等等。

如upcoming的首页设计，依据信息的不同类别划分板块，并按重要性摆放在相关位置。焦点活动咨讯配图放在视觉中心点，紧接着下面是活动信息介绍，左边的活动类型板块，右边是活动的辅助信息。信息安排布局井然有序，是划分信息功能区和减少视觉密度的最佳例子之一。

2.3 合理的文字规划

文字对于网站界面的作用不言而喻，对于老年用户来讲，网页文字的漂亮是建立在易读易辨的基础上的，合理的文字规划，主要表现为以下两个方面：[6]

（1）文字内容尽量简洁，配上有意义的图标或者图片，同时应该避免使用专业术语。字体的选择也要易于老年用户辨认，网页默认的字体是宋体。可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等，但前提是一定要易于老年人辨认。

（2）井然有序的排版。有时候别出心裁的界面设计或许会带给使用者眼睛一亮、赏心悦目的视觉感，但无论何，井然有序的文字区规划，才易达成最有效、最舒适的效果。如有较多的说明文字，要让说明具有顺畅地阅读连贯性。举个例来说，一个向中对齐与一个向左对齐的文字区块，明显地，向左对齐的区块读起来顺畅多了，因为使用者在读完一行字后，自然而然往左下方继续读下去，不需要重新找寻开头，相较之下，向中对齐的区块看起来混乱多了。因此，有规矩地文字区规划将可大幅度提升用户界面的品质。

2.4 合理的色彩规划

网站界面的色彩对于老年人来说同样重要。老年人的视觉衰退很明显，一个好的色彩规划可以提高界面的视认性，从而提高操作的准确性和效率；可以减轻视觉上的疲劳。另外，通过色彩规划来增强界面的美感和亲和力。[7]

具体来讲，老年用户界面中，最好不要超过3到5种颜色。大区域最好使用浅色调，如白色、浅灰等。对于老年人而言，配色要采用视认性高的色彩，要加大色彩的对比度，背景与主体对比度要大，背景色不宜采用有金属反光的颜色，如银色和金色。对于重要的按钮或信息要用诱目性高的色彩来表达，但颜色不宜过多，且区域不可以太大，否则看起来过度混乱，缺少美感，也容易造成视觉上的疲劳。

2.5 细节为王

对于老年用户来说，细节同样重要，比如尽量使用有意义的图标，尽量不要使用生涩难懂的专业术语，注意提供精确的导航提示，提供声音控制，尽量减少噪音干扰，克制使用新技术的欲望等等。

3 结束语

关注老年人网站界面设计，是以人为本的需要，也是国内所有优秀设计师的责任。限于篇幅有限，对于老年人使用的网站界面设计，笔者也只能泛泛而谈，有所不足和欠缺，还望读者指正。同时，撰写本文，以期抛砖引玉，引起大家对老年人更多的关爱和设计出更多更好适宜老年人使用的产品。

参考文献：

[1] 刘春花.基于用户体验的界面设计UI研究[C].天津工业大学硕士学位论文，2007（12）.

[2] 杨足.老年人使用的家电的人机界面设计研究[C].江南大学硕士学位论文，2004（06）.

[3] 廖晔.网页界面设计及其学科相关性研究[C].湖南师范大学硕士学位论文，2006（04）.

[4] 赵侃用户体验设计――网页界面设计的重中之重[J].艺术与设计（理论），2010（09）.

[5] 何荣.浅析网站界面设计[J].科技信息，2008（26）.

篇（5）

[1]周峰，王征.FLASHACTIONSCRIPT3.0网络动画编程基础与实践教程[M].北京：电子工业出版社，2008

[2]林纪河，祁玉芹.FLASHCS4网络动画制作简明教程[M].北京：电子工业出版社，2009

[3]童罕，吴庆波，等.一种动态网页加速技术中的机制探讨[J].微计算机信息，2009(27)

[4]崔俊杰.动态网页技术浅析[J].长沙民政职业技术学院学报，2006，13(13)

[5]李志勇，徐长通.基于ASP的WEB数据库智能查询[J].河南师范大学学报，2010，38(1)

参考文献：

[1]雷芸芸.网页设计中Flash动画的视觉应用[J].新媒体研究，2016（3）.

[2]曹芳，李培培.《FLASH动画制作》课程教学改革的探索与研究[J].科技视界，2016（2）.

[3]周秀芳.Flash动画制作课程建设方案探究——以高职计算机应用专业为例[J].当代职业教育，2015（12）.

[4]李怡宏，杨薇.从“案例模仿”到“设计创作”的《Flash动画设计》课程教学[J].信息与电脑（理论版），2015（24）.

[5]王德敏.微课程的开发应用[J].中国校外教育，2013，（6）.

[6]陈舒心.论“微课”在中职计算机专业课程中应用的可行性[J].广东教育（职教版），2015，（3）.

[7]胡铁生.微课的内涵理解与教学设计方法[J].广东教育：综合版，2014，（4）.

参考文献：

[1]李建华.网页设计的意义与现状[J].太原城市职业技术学院学报，2014（08）.

[2]于红波.浅议Flash技术在网站建设中的应用[J].山东纺织经济，2011（12）.

[3]高华，黄剑锋.Flash技术在网站设计中的应用与研究[J].才智，2012（28）.

[4]刘强.FlashCS3网站建设实例详解[M].北京：电子工业出版社，2008.

参考文献

[1]范朋.基于Qt的嵌入式Linux系统GUI的研究与实现[D].北京：北京邮电大学，2011.

[2]新视角文化行.FlashCS6动画制作实战从入门到精通[M].北京：人民邮电出版社，2013.

[3]佚名.MFC与Flash联合界面开发技术[EB/OL].[2012？06？07].http：//kuantianxia.blog.51cto.com/1041305/891521.

篇（6）

一、人机工程学的学科内容

人机工程学是一门研究人类、机器和环境之间相互作用的学科，它主要目的是为了使设计的机械设备或者人机系统能够满足人的生理和心理特征，使其能够更好的为人类服务。在工业设计中，我们通常将其定义为：对于成批量生产的产品，凭借专业知识、经验以及视觉感受等赋予其材料、结构、色彩等新的品质和资格。人机界面是人和机器在交互过程中非常重要的一个层面，也可以称之为用户界面。它是人和机器之间进行通信的媒介，负责信息的输入和输出，其设计的好坏直接影响用户的使用效果，是现代设计中非常重要的一个方面。

二、GUI的设计及色彩的特征

（一）GUI设计的流程

对于一个完整的用户界面设计包括其启动界面的设计、软件架构设计、相应按钮的设计、面板的设计、菜单的设计以及图标和滚动条的设计等等。跟其他产品一样其设计的过程非常复杂，包括前期的调研、总体设计、具体设计和实施[1] [2]，是一个需要循环测试和评估的设计过程。

（二）色彩在GUI设计中的作用

在人机界面使用过程中，色彩对人类的影响最为重要，会受到人们的首先关注，其次才是形状或者其他。所以对于人类来说色彩直接影响着其精神感受，在设计的过程中就要考虑到用户的审美观，使用户在使用的过程中产生舒适感和美感。

GUI的设计可以分为网页和软件两种不同的类型，其设计时对色彩的选择也不尽相同。在网页的色彩设计过程中有很大面积的色块区域，其像素空间也较大，设计师在设计色彩时有较大的发挥空间。但是在对软件的GUI设计时要考虑到工程类的严谨性和专业性，目前大多数采用了灰色作为其背景色，那么对于其图标的色彩设计就会受到很大的限制，且其色彩不宜超过64色。在整个GUI设计中首先要做到简单明了，对用户起到引导的作用，引导用户得到正确的联想和操作。其次还要保证色彩的柔和性，降低不同区域间的对比度，使用户在使用的过程中不会感觉眼睛疲劳。

（三）人机交互界面色彩的选择

在进行人机界面的色彩选择时首先要明确主色调，以体现界面的主题。在工业设计中一般选择浅灰色、浅黄色、浅蓝色以及浅绿色等浅颜色的背景，再配以深色系的字，这样既能够突出重点，又能够得到大多数人的认可。对于人机界面中其他的一些内容不宜选用抢眼的颜色，否则就会喧宾夺主，当然并不是完全不能应用，为了突出强调某些因素可以采用明亮的色彩，但是不能使用太多，否则就会适得其反，达不到强调的效果[3]。

在进行色调选择时一般要考虑一下三点：

1.暖色调一般会给人一种温暖的效果，冷色调则相反，使人感到冷清。

2.高彩度的暖色调给人刺激和兴奋，低彩度的冷色调能够使人平静思索。

3.高明色调使人感觉清爽、明快，低明色调则使人感觉深沉和庄重。

在选择颜色进行背景色搭配时一样不能使用对比强烈的色彩；使用大面积颜色时要选用低对比度的背景，否则会影响其图片和文字的辨别，严重时会发生互溶现象，使图片和文字不容易被辨识。例如在进行标题背景色设计时可以采用较深的颜色，配以鲜明的字体，这样一方面可以吸引用户的注意力，另一方面起到了突出界面主题的作用[4]。

三、人机工程学在GUI设计中的重要作用

设计的目的是为了更好的为人类服务，所以人是设计中首先要考虑的因素。人机工程学也是把人作为第一要素来考虑，它在GUI设计中的作用可以简单的概括为以下三个方面：

（一）提供人体尺度参数。人体工程学是人际工程学中研究中一个重要的方向，为GUI的设计提供人体结构尺度、生理尺度以及心理尺度等相关数据，从而为设计者设计人机界面提供可靠地参考依据。

（二）提供功能合理性设计参数。在设计过程中为设计者提供界面中各个要素的形状、大小以及色彩和布局等的参数，使其能够实现人和机器之间通信功能的最优化，进而最大限度的适应人类心理和生理需求。

（三）提供系统设计的理论依据。人机工程学是研究人和机以及机所处的环境一门科学，人机工程学的原理存在于用户界面设计的每一个过程中。在这个完整的人机系统中系统要能够为用户提供继续、后退和退出等命令的说明[5]。

四、设计实例

在这次设计中我们以一款儿童英语学习软件为例进行，设计了其登陆界面和一系列图标，其界面色彩丰富、图标的可指示性强。

上述图标和界面的设计主要采用了黄色调作为主色调，能够给人一种活泼、灿烂和可爱的感觉。对于儿童英语课程的学习来说其用户主要是儿童，这种色调的选择可以使其在使用过程中感到喜欢，增加了其愉快度，从而能够更好的帮助儿童学习英语。

五、结论

论文以人机工程学为基础，对其在GUI设计中的相关内容进行了阐述，介绍了基于人机工程学的GUI界面设计的方法，并且介绍了色彩在界面设计中的重要作用和如何选择合适的色彩以达到更好的效果。在文章的最后做着还给出了一个设计实例，验证了人机工程软件界面设计方法的指导性。

参考文献：

[1]何晓佑.产品设计程序与方法.北京：中国轻工业出版社，2000.

[2]Jeffrey L.Whitten，Lonnie D.Bentley，Victor M.Barlow.System Analysis and Design Methods. Von Hoffmann Press，1994.

篇（7）

1 设计模式思想简介

设计模式思想的主旨是针对常见的设计问题提供已被验证为有效的解决方案，从而充分利用前人经验和成果解决设计问题，避免无意义的重复劳动。该思想最早由建筑师、加州大学伯克利分校建筑学教授Christopher Alexander在20世纪70年代提出。Alexander如此论述建筑设计模式的价值：“每一模式描述我们周围环境中一再反复发生的某个问题，接着叙述解决这一问题的关键所在，这样，你就能千百次地重复利用这种解决问题的办法而又不会有老调重弹之感。” [1]

Alexander阐述了设计模式的基本构成要素，他认为，每个模式都是一个规则，由三部分组成，表达了一个特定情境、一个问题和一个解决方案之间的关系。[2]其中，“情境”表示该模式在解决问题时的周围环境和状况，“问题”表示该模式的目的或预期目标，“解决方案”表示解决该问题的方法的核心。然而，设计模式思想影响最为深远的领域并非建筑，而是软件工程。20世纪90年代，Erich Gamma等人将设计模式思想推广到了软件工程领域。在Alexander的理论基础上，Gamma等人制定了软件设计模式的格式规范。他们认为一个模式有四个基本要素：模式名称、问题、解决方案、模式效果。[3]

Alexander和Gamma等人并没有发明新的解决方案，而只是分别对建筑和软件设计中现存的“无名”（即存在于设计实践中，但尚未被人明确命名并提出）的优秀解决方案进行了系统化的总结和归纳，并以设计模式的形式表述出来。尽管如此，设计模式的价值仍得到了高度认可。尤其是在软件工程领域，设计模式已成为重要的程序设计指导理论。近年来，设计模式思想在界面设计领域也逐渐受到重视。

2 界面设计领域的设计模式研究现状

Alexander的设计模式思想很早就已进入交互设计研究者的视线。早在1988年，Donald A.Norman就在他影响深远的著作《The Psychology of Everyday Things》（后更名为《The Design of Everyday Things》）中提到了Alexander的研究成果。[4]但设计模式在该领域的发展较为缓慢，直到2000年前后，国外的交互设计和界面设计研究者对设计模式的关注才开始逐渐加深，并逐渐出现了一些重要的研究成果。一些研究者和机构提出了自己的界面设计模式规范和模式库，如Jenifer Tidwell在《界面设计模式》一书中以设计模式的形式总结了界面设计的法则，给出了常见问题的解决方法及其在实践中的运用，并以该书内容为基础构建了一个设计模式库。[5]雅虎公司也了一套具有影响力的网页设计模式库。[6]其他知名模式库包括、Quince等。

相对于国外研究的逐渐兴起，国内对于数字产品界面设计模式的相关研究和应用则十分匮乏。虽然近年来出现了少量关于界面设计模式的论文和著作，如《Web2.0界面设计模式》，但这些文献并未深入挖掘设计模式的思想，也未能提出较为系统、规范和全面的设计模式库，实用价值有限。总体而言，国内的相关研究和应用与国外相比有较大差距，研究文献的数量极少，深度不足，极其缺乏理论化、系统化的中文研究资料。

目前，界面设计模式相关研究主要集中于设计模式个体的研究和构建。虽然也涉及不同设计模式之间的关系，但并未系统和深入地探讨设计模式的编目方法，即如何将多个设计模式组织、统筹起来，以跳出单个设计模式的狭窄范围，服务于更高层次的用户目标。这是目前相关研究的一个不足之处。Alexander虽然提出了“模式语言”的编目思想，但该思想仍然主要基于个人的主观经验，缺乏可推广性。Robert Hoekman，Jr.和Jared Spool的研究起到了一定弥补作用。他们在《网站设计解构：有效的交互设计框架和模式》一书中提出，应将多个设计模式组织成框架体系，从而从全局的角度指导由多个设计模式组成的完整的界面系统设计。[7]在该书理论的基础上，他们创建了一个公共的框架体系资源库，包含了网页交互设计的几种常见框架示例。其框架格式与设计模式格式类似，主要包含应用情境、用户目标、任务流程、所用模式等。[8]

总体来说，现有的界面设计模式研究主要存在三点不足：（1）缺乏对模式在设计实践中的使用方式、方法和流程的研究。 （2）缺乏对模式编目方式（即如何综合运用多个模式解决问题）的研究。 （3）缺乏对模式库建立（包括模式识别、模式记录）及扩充过程的系统化研究。目前，模式库的建立主要依靠建立者个人的经验和观察。

3 界面设计模式的应用价值

在交互界面设计中，设计模式的价值主要在于[9]： （1）设计模式包含了问题的相关信息，使得解决方案能够确实地发挥作用。 （2）设计模式详细阐述了解决方案是如何受上下文（即情境）限制的。 （3）设计模式阐述了解决方案的基本原理，其中包括了前人积累下来的经验性知识。 （4）设计模式具有一种潜力：多个模式可以组织成一种模式语言，使设计师能够以一种积极活跃的方式来跨越性地解决不同细节层次上的设计问题。

如上所述，设计模式不仅能有效地解决问题，而且充分考虑到了问题的上下文情境，并从方法论的角度阐述解决方案的原理。这是设计模式与一般的零散性设计原则的重要区别。

设计模式的另一个应用价值是它有效地弥补了目前广泛应用的设计指南（guideline）的不足。设计指南通常由企业，为该企业相关产品的界面设计提供指导和参考，以保证设计的一致性，帮助设计师提高设计质量。典型例子有苹果公司的《iOS Human Interface Guidelines》《iOS 7 UI Transition Guide》等。与设计模式库相比，设计指南通常实例数量较少，且多阐述抽象和纲领性原理，而非像设计模式那样提供具体设计案例，因而难以为设计师提供具体问题的解决方法。而利用设计模式，设计师可以更为系统化、具体化地解决设计问题。例如，西门子公司在实践中成功运用设计模式提高了其软件开发效率。该公司从2000年起就持续对界面设计模式进行探索，并建立起了一个内部界面设计模式库，其模式的应用范围覆盖了桌面、网页应用和移动设备等不同平台。[10]

4 总结与展望

从以上研究可以看出，设计模式在交互设计和界面设计领域的研究和应用已取得了一定进展，但近年来数字产品发展迅速，以iPhone等移动设备为代表的新一代数字产品在我国迅速普及，扁平化、模块化等新设计思想不断涌现，设计模式思想也需要不断跟进，以符合时代快速发展的需求，体现出新一代数字产品的界面设计理念。国内虽然引进出版了《界面设计模式》等一批重要著作，但设计模式思想的影响力仍然不足，并未在界面设计领域得到广泛认知。如何挖掘设计模式的优点，将其推介给国内设计界，从而对产品的界面设计有所助益，是国内界面设计研究者应该思考的方向。该领域还存在其他一些有待探索的研究方向，比如如何将零散的设计模式以系统化的方法组织起来构成整体框架，以及如何将设计模式应用到硬件界面的设计中。此外，最新涌现的扁平化设计、响应式界面设计等界面设计思想也亟须得到设计模式理论的支持。总体而言，界面设计模式在界面设计领域仍有很大发展潜力，有待于设计研究者进一步探索。

参考文献：

[1] Christopher Alexander，et al.建筑模式语言[M].北京：知识产权出版社，2002：3.

[2] Christopher Alexander.建筑的永恒之道[M].北京：知识产权出版社，2002：194.

[3] Erich Gamma，et al.设计模式：可复用面向对象软件的基础[M].北京：机械工业出版社，2000：2.

[4] D.A.Norman.The Psychology of Everyday Things[M].Basic Books，New York，1988：229.

[5] Jenifer Tidwell.界面设计模式[M].北京：电子工业出版社，2013.

[6] Yahoo！Inc.[DB/OL]http：///ypatterns/.

[7] Robert Hoekman Jr.，Jared Spool.网站设计解构：有效的交

互设计框架和模式[M].北京：人民邮电出版社，2010.

[8] Robert Hoekman Jr.，Jared Spool.[DB/OL]http：///.

[9] Stefan L.Pauwels，Christian Hübscher，Javier A.Bargas-Avila，Klaus Opwis.Building an interaction design pattern language：A case study[J].Computers in Human Behavior，2009，26（3）：452-463.

[10] Helmut Degen，袁小伟.UX最佳实践：提高用户体验影响

篇（8）

中图分类号：TP315

毕业论文是高校本科教学过程中最重要的环节，也是最后的环节。现在的大多数高校，就毕业设计指导来说基本上都是通过师生见面来完成的，或者是通过电话联系。这样导师有时既浪费时间又不能及时给予指导和答疑。对于学生来说和老师过于频繁的见面也会浪费一定的时间，面对就业压力越来越大的今天，应届毕业生面临着找工作的难题也就越来越严重，学生没有过多的精力和时间来和导师见面讨论毕业设计中的各种问题。因此，在网络如此发达的今天，采用网上的方式作为指导和答疑也不失是一种好的选择。

基于ASP的毕业设计指导网站是用ASP动态网页技术和SQL Server 2000开发，它涵盖计算机技术和网络技术两门学科。是提供给毕业生和指导教师之间沟通交流的好的平台。也是弥补目前许多高校的网站系统中一个小的漏缺，可以作为高校网站系统中的一小部分。正是这一不起眼的小部分，却给毕业生和指导教师带来了许多方便，节省了许多时间，又能及时地得到老师的指导，从而提高指导效率。

1 网站总体功能设计

基于ASP的毕业设计指导网站管理系统的主要用户分为三种类型：管理员、教师、学生。针对不同的用户类型，登录进去都有不同的权限和操作功能。

2 系统功能实现

主要包括数据库设计和网站功能设计。数据库设计主要是创建数据库和添加数据表，并创建触发器和存储过程等；网站功能设计主要是功能模块的界面和程序代码的实现。

2.1 数据库设计

（1）创建数据库和数据表

4）触发器。触发器是用户定义在关系表上的一类由事件驱动的特殊过程。一旦定义，任何用户对表的增、删、改操作均由服务器自动激活相应的触发器，在DBMS核心层进行集中的完整性控制。触发器比约束更加灵活，实施比约束更为复杂的检查和操作，具有更精细和更强大的数据控制能力。

在tbGuest表里创建了“update”触发器，“update”触发器用于当更改tbGuest表中strTitle时，其他视图关于该strTitle也相应更改。

2.2 网站功能设计

网站功能设计主要是各个功能模块的界面设计和程序代码的实现。

点击“管理个人信息”便可以进入该界面。该模块有查询个人信息、修改密码、查看公告的功能，其中学生和教师用户还有查看群发消息的功能，但是管理员不必要有此项功能，因为管理员群发消息时在当前的页面就可以看到，管理员还具有公告的功能，师生可以在管理个人信息中点击查看公告查看管理员的公告。还必须说明的是查询个人信息项中学生和教师用户没有权限，只有管理员有添加、删除和修改的权限。

上传和下载文件模块所有用户都有，该功能主要是方便用户的文件交流，点击上传文件可进入上传界面，点击下载可进入下载界面。

向指导老师提问模块是集结学生的提问，教师的回复和管理员的提醒答疑（管理员还可以选择公告的方式提醒教师答疑）为同一模块，该模块功能可以提供多方交流沟通，点击选择的方式可以进入相应的界面，学生可通过三种方式完成提问；教师通过相应的方式回复；管理员通过三种方式提醒教师答疑。

查询问题模块的实现，此模块只有留言方式可以查询，其他不必要。在学生和指导老师之间提供三种交流方式，查询中学生和教师没有权限，只有管理员有添加、删除的权限。

首页模块和退出系统模块，单击首页则返回首页登录界面，单击退出系统则实现关闭网页。

3 系统测试结果

本系统曾经移植到多台计算机上对不同配置的计算机进行兼容性测试，测试结果表明，Web在不同的环境配置下运行正常。

4 结语

本设计是基于B/S架构，采用ASP动态网页技术和SQL Server 2000，结合Dreamweaver软件开发出来的。网站根据不同身份的用户实现了不同的应用操作界面，各个界面的功能稍微不同但相差不大。整个系统界面友好，运行可靠，系统功能基本满足用户要求，从而加强了指导老师和学生之间的交流，提高了论文写作的效率。本系统可作为一个单独的毕业设计指导网站，也可以嵌入到高校网站系统中作为一个子系统。

参考文献：

[1]李林，申时凯，王卫星.Visual Basic程序设计[M].北京：地质出版社，2006，2.

[2]尚俊杰.网络程序设计 ―ASP（第三版）[M].北京：清华大学出版社，2009，6.

[3]王珊，萨师煊.数据库系统概论（第四版）[M].北京：高等教育出版社，2005，3.

[4]赵文耘，牛军钰.软件工程[M].北京：清华大学出版社，2007，1.

[5]张克非网络程序设计及应用[M].北京：北京航空航天大学出版社，2007，6.

[6]何薇，舒后.网络数据库技术与应用[M].北京：清华大学出版社，2011，4.

[7]吕云翔，王洋，肖咚.软件测试案例教程[M].北京：机械工业出版社，2011，1.

篇（9）

浏览器的发展是我们一般网民可以深刻感受到的。从开始大家都一贯使用的IE浏览器到现在五花八门的各种浏览器的出现，用户越来越苛刻的要求以及市场的不断细分使得网页浏览器越做越细腻而且各个品牌开始有了自己的特征，本论文就选择三个典型的浏览器基于用户体验来进行分析与定位，以及对浏览器的今后发展方向进行探索性的设想。

一、用户体验概述

1.用户体验的定义

用户体验（User Experience，简称UE）是一种纯主观在用户使用产品过程中建立起来的感受。ISO 9241-210标准将用户体验定义为“人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。因此，用户体验是主观的，且其注重实际应用。ISO定义的补充说明有着如下解释：用户体验，即用户在使用一个产品或系统之前、使用期间和使用之后的全部感受，包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。该说明还列出三个影响用户体验的因素：系统，用户和使用环境。

2.用户体验的目标

用户体验的目标概括来说分为两类，一是可用性目标，另一个是用户体验目标。两者相互关联，可用性是基础它的好坏直接影响到整个的用户体验。可用性目标是关于满足特定的可用性标准（例如有效性）的，而用户体验目标则是对用户体验质量所做的明确说明（例如富有美感、令人舒畅）。

所谓可用性，就是说产品是否易学、使用是否有效果，以及通用性是否良好等等。它涉及优化人们与产品的交互方式，从而使人们能更有效地进行日常工作、完成任务和学习。可用性目标具体可以分为：可行性（使用有效果）、有效性（工作效率高）、安全性（能安全使用）、通用性（具备良好的通用性）、易学性（易于学习）、易记性（使用方法便于记忆）等。

随着新技术的快速发展，人们对产品也有了更多的要求。这就使得研究人员和业界人士开始思考进一步的目标。交互设计已经不仅仅只是如何提高工作效率的问题了，人们也越来越关心产品是否具备其它一些品质，例如：令人感到满意、令人心情愉快、有趣味性、引人入胜、富有启发性、富有美感、富有时尚感、可激发创造性、让人有成就感、让人得到情感上的满足等。

根据如上我们对用户体验目标的描述来进行浏览器产品的调研与分析。

二、浏览器产品分析

浏览器是我们上网不可缺少的工具。网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。

根据国内知名第三方数据统计分析服务提供商CNZZ的浏览器中国市场份额2009年8月统计报告中了解到，中国浏览器市场占有率第一的仍然是微软IE，如图1所示。IE6在国内凭借Windows XP的保有量保持了接近百分之七十的市场份额。IE8在国内占有3.7%的用户。不过从这个浏览器排行榜单中可以看出国产浏览器异彩纷呈，以其多窗口浏览、多种功能集成和较高的安全性设置，在市场上同样占据了不少份额。据CNZZ数据分析报告显示，目前来看占据国产浏览器软件第一的仍然是傲游Maxthon。而腾讯TT也依托QQ的庞大用户群占据了第二名的位置。还有异军突起的360安全浏览器，市场份额上升非常迅速。现在已经超越世界之窗排在了前五的位置。本论文就选取了比较有特点的google、遨游、360浏览器进行分析，同时以腾讯的TT浏览器为被设计对象进行未来产品的定位。

1.产品的企业定位：

遨游――浏览器

傲游是多标签浏览器，拥有业界最优秀的在线收藏和广告过滤功能，并囊括了智能填表、超级拖放、鼠标手势、分屏浏览等众多易用功能，100%提高浏览效率，给我们带来更快捷、更稳定、更安全的上网体验.Maxthon Browser基于IE内核，并在其之上有创新，其插件比IE更丰富。

360――安全浏览器

360是互联网上安全好用的新一代浏览器，拥有中国最大的恶意网址库，采用云查杀引擎，可自动拦截挂马、欺诈、网银仿冒等恶意网址。独创的“隔离模式”，让用户在访问木马网站时也不会感染。无痕浏览，能够最大限度保护用户的上网隐私。360安全浏览器体积小巧、速度快、极少崩溃，并拥有翻译、截图、鼠标手势、广告过滤等几十种实用功能，已成为广大网民上网的优先选择。现在产品线有所拓展，紧跟潮流，开发了极速版浏览器突出无缝的快速搜索。

Google――浏览器

Chrome浏览器目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

2.产品用户体验描述

通过发放调查问卷以及用户访谈，把三个浏览器的品牌定位和产品优劣势进行分析和比较。

总体来看，Google浏览器界面形式最简单，纯粹，同时不乏个性化的扩展。360与遨游浏览器的界面类似，采用与IE类似的传统浏览器布局和功能类别，360界面比较清新，干净，遨游界面略显复杂，内容过满，在界面设计上加法过多。傲游浏览器设计了很多快捷功能，给浏览网页提供了多种方便，360也具有多数相似的功能，但两个产品的功能层次都稍有繁冗复杂，给了用户多种通道和入口。360浏览器的安全保障做的比较突出，给人健康、安全、信任的感觉和体验。

通过分析，提炼出产品用户体验的几个关键词为实用、快捷、安全、可扩展、个性化，并且用这些关键词对产品进行进一步的表述和分类。

图例：

根据关键词分析得出产品的综合定位图：谷歌产品有着简单美观的界面设计，在个性化功能上比较突出。遨游产品实用但比较复杂，拥有着较多的功能，但是产品功能和界面内容过于多，且在视觉设计上处于劣势。360的产品安全性能较高，界面设计比较美观，易用性居中。

三、总结

从用户体验的分析来看，每一款产品都有自己的定位，并且跟自己的品牌文化，产品发展息息相关。拿腾讯TT产品为例，从腾讯产品优势以及竞品特征定位来看，TT产品应该有自己企业的优势资源，同时带给用户完整丰富的腾讯产品体验。

根据与前边浏览器的对比分析以及用户体验研究，探讨未来的TT浏览器的定位方向为：

多种模式。简单搜索\轻松娱乐\商务办公……

多种版本。速度主导\主题主导\功能主导……

产品整合。QQ、微薄、游戏、电子商务等腾讯产品。

轻松上网。不仅是搜索，在工作疲惫，等待系统运转之时还能有片刻的娱乐选择。

分享交流。突出腾讯的核心产品特征。

所以，产品应该立足于品牌文化和纵向产品特征，不仅从产品本身进行研究，更要结合用户的评价，对产品和品牌的整体感知，也就是产品的外延来进行分析会得到更准确和开阔的市场定位。

参考文献

篇（10）

前言

多媒体课件以丰富的视听信息，生动的图形、图像，高科技表现手段使教学内容化繁为简，化宏观为微观，形象生动，创设情境，论文使理论学习、问题辅助学习、激发兴趣和协作学习等在教学中得以体现，使学生由被动学习变为主动学习，由个体独立学习变为群体合作学习，由复制性学习变为创造性学习[1]。本文采用的Authorware7.0软件，通过Fireworks8.0创作动画辅助，将多种教学媒体和教学方法有机结合，完成《电子测量技术》课程的课件设计。

1课件的设计

《电子测量技术》课程是高等职业教育电子信息、应用电子、自动化等专业的专业基础课，同时也是新知识点较多的一门课程。针对职业教育特点，我们主编了《电子测量技术》规划教材，2003年由电子工业出版社出版，教材目前印刷7次，印数已达3万册。因此，从教学角度出发，考虑该教材已获得广泛承认，课件内容以该书为基础，涵盖《电子测量技术》全书12章节内容，并且借鉴原来基于PowerPoint课件的经验，各章节自成体系，按教学大纲划分出知识点；其次是课件应具有良好的用户界面和视觉、听觉效果，课件所使用的计算机硬件和软件开发环境相对兼容，便于升级扩展。

1）脚本的编写

编写详细的脚本，是整个多媒体课件开发过程中的一个重要环节，它把课件设计与制作紧密地联系在一起，成为课件制作的重要依据。毕业论文编写脚本包括界面设计、交互设计和风格设计3个方面[2]。

界面是教学信息在屏幕上的显示区域及用户操作区域，设计时我们主要突出“教为学”的思想，围绕教学内容这一中心，既防止课件界面色彩、声像效果等过分浓烈、喧宾夺主，影响学习内容；又考虑课程部分内容如仪器内部电路抽象、枯燥，而学生需要感官刺激，激发兴趣的特点。

同时，我们体会多媒体课件的强大生命力主要体现在交互能力上，比如只需通过单击屏幕上某个特殊的链接设置，方便实现不同对象之间的跳转。本设计中创建了两个导航结构，一种是利用“导航”图标指向框架图标中的某一页，来实现程序内部的跳转和调用。另一种是通过“框架”图标内嵌的导航控件来实现不同页面间的浏览、翻页。除此之外还可以通过设置相应的超文本链接来实现交互性能。

在风格设计上主要体现界面、字幕和显示对象上整体的和谐统一。

2）框架结构的设计

编辑之前考虑到有大量的文本的输入，实现各个章节之间的翻转如果只使用“交互”图标，也是可以实现翻页功能，但硕士论文制作起来比较麻烦，而且在查找页和指定固定页方面力不从心。因此运用“框架”图标及“导航”图标制作文本浏览，就方便多了[2]。

“框架”图标和“导航”图标密切相关，经常放在一起使用。导航结构提供了选择路径的方法，可以根据设置自动跳转到指定的目标页上；“框架”图标可以方便地设计含有图形、声音、动画等组件的页面，最重要的是在“框架”图标的内部内嵌了一整套导航控件，通过这一控件可以更容易实现页面之间的来回翻转。

基本框架结构设计后，对有的地方进行了编辑，如更改控制按钮的位置和图标、设置按钮防止页面回绕、编辑进入和退出画面等，使其更适合课件的使用。

2多种媒体素材的使用

要实现多媒体课件的内容丰富多彩，使用多种媒体素材是必不可少的。其中文本、图形、图像是最基本元素，此外还有声音、动画、视频等媒体信息。考虑到职业教育“淡化理论、够用为度、培养技能、重在应用”的特点，我们认为对测量原理部分的讲解应力求突出基本概念，通俗易懂，工作总结便于自学，因此课件这部分主要以文本、图片形式，比较详细；而测量方法则应突出操作应用，在设计时则主要以视频演示为主；对测量仪器仪表则重点讲清工作原理和组成框图，在设计时主要以动画、网页内容为主，整个课件设计力求对多媒体资源的合理布局，使它们既符合教材要求，又突出多媒体特征。

1）文本的输入

Authorware可以直接将外部的文本输入到其内部，但是它有一特点就是在文本的输入格式方面有一定的限制，它只能输入TXT、RTF格式的文件[3]。对于不是这种格式的文档如果采用常规直接进行输入势必会占用很多时间，不利于课件的开发。因此借助系统剪贴板使用复制、粘贴的方法来添加文本。当文本过长时，或者输入的文本篇幅较大，采用滚动文本的输入方式，这样在预览时会显得更方便。

2）图片的应用

使用系统本身的绘图工具箱可以绘制出比较简单的画面，但对于《电子测量技术》这门课程仅仅依靠绘图工具箱不能达到实际的要求，如大量的仪器原理图、接线图、仪器面板图等，我们采取的第一个方法是采用Authorware7.0提供的插入外部对象的功能，将原来以Protel99SE、Word、LabVIEW等制作转换为图片形式，医学论文使设计的原料变得更加丰富。

3）添加背景音乐

在Authorware7.0系统中可以支持多种类型的声音文件格式，如WAV、SWA、AIFF、PCM、MP3等[3]，在制作课件时，通过“声音”图标来插入音频和设置声音播放，如控制播放次数、设置播放时间、速率等，可以轻松引用这些声音素材添加到课件中。在课件中导入背景音乐有它的优点，但是并不是每个人都喜欢有音乐，因此通过对“计算”图标和按钮响应的设置，编写按钮激活代码使课件在播放时可以由使用者根据自己的意愿单击相应的按钮，实现有声和静音之间的转换[4]。

4）动画的调用

动画是多媒体作品中不可缺少的一部分，也是设计中的一个亮点，但使用Authorware本身只能制作出二维的动画，即动画的对象只能在一个平面内运动，这样使演示的效果大打折扣，然而这并不说明Authorware不能演示三维动画，它可以通过文件插入的方式来演示其他软件制作的三维动画，同时系统本身也提供多种效果的页面切换功能，对各种外部和内部资源加以利用同样可以达到理想的效果。

制作动画的软件有很多，使用起来也各有特色。选择合适的创作工具是设计成功的关键，通过查阅相关的资料，了解Authorware系统提供了对GIF动画图像的支持，可以将其应用到课件中。GIF动画是一种特殊的图像格式，其中包含了多帧图像，这些图像按照一定的时间频率交替显示，从而达到动画显示的效果，具体是通过MacromediaFireworks8.0来设计。在Fireworks中制作动画的一种方法是通过创建元件并不停地改变它们的属性来产生运动的错觉。当按顺序播放所有的帧时就成了动画[5]。

5）智能对象与数字电影

智能对象就像一个插入Authorware作品的逻辑包，它是一个强有力的开发工具，它的不同之处在于它与向导的联接，向导可以给Authorware作品提供设置界面，职称论文并且可以在插入智能对象的位置添加各种变化、新的内容和逻辑关系。它能使看似繁琐的工作变得更加容易完成，即使是没有经验的开发人员也更容易更有效地完成任务。实际上智能对象在多媒体编辑上做出了根本性的改革。比如智能对象与数字电影的结合应用[3]。在课件中引入数字电影如果只是采用之前的方法，就是在流程线上添加相应的图标进行导入，在程序运行过程中当执行到该图标，系统会直接弹出播放的窗口，不利于下一操作，但是通过MovieController智能对象可以容易实现播放进度的调节。

6）网页链接

在课件设计时，考虑到有些仪器由于价格昂贵或者其他原因，学校无法购置，如数字通信测试用误码仪、逻辑分析仪等，课件设计中考虑实现网页的链接，链接到知名企业的网页上，已加强学生感性认识。这一功能是通过Fireworks中使用URL来实现，编辑选中的热点并对其指定URL路径，最后导出此URL即可实现指定网页的链接。

课件的主界面如图1所示，课件第1章界面如图2所示。

3课件的调试与打包

课件主要是为《电子测量技术》教材而制作的，因此为方便发行和使用，课件的后期工作就是进行调试和打包处理。

由于课件发行打包后将不允许用户再修改，打包之前应尽可能排除其中的错误，确认课件可以正常运行。英语论文调试可以通过两种方法来实现。一种是利用区段标志（开始/停止标志），另外一种是通过控制面板的使用。通过使用调试工具可以控制程序流程执行的区段，逐个执行程序流程中的设计图标。将制作好的课件与课件中的库文件一起打包能够提高文件的性能，减少文件的数量，使最后的作品的安装、运行更为容易，并且增加了作品运行的可靠性，避免运行时因为找不到外来函数或库文件而发生错误。

打包好的课件进行设置，可以运行在Windows95、Windows98、WindowsXP、或者是WindowsNT、Windows2000这样的32位操作系统中。其中要求的CPU应该是Pentium166以上兼容机种、内存是64M以上、硬盘容量780M、支持DirectX的显卡、光驱是8倍速以上的光驱，此外由于演示窗口大小设置为832*624像素，因此可以用于不低于16英寸显示器。制作好课件并打包后，就可以，课件时必须随同程序中用到的外部媒体文件或外部函数文件一同，Authorware7.0提供了作品的功能，该功能可以将运行作品所需的各种文件及外部函数输出到指定的目录中，从而形成用于发行的最终作品[3]。

4结论

随着各种多媒体教学的推广和普及，计算机辅助教学作为一种先进的教学手段，以其直观性、灵活性、实时性、立体化的优势，留学生论文越来越受到大家的青睐。要想运用好计算机辅助教学这一现代化的教学手段，其关键是要设计和制作出符合教学要求的多媒体课件[6]。我们的作品虽然完成了，但是在各院校使用过程中，一定还会发现很多不尽人意之处，我们将与时俱进，将作品更加完善，以更好的实现教学目的，达到教学效果。

参考文献

[1]胡欣杰.时尚教师多媒体课件DIY[M].北京：中国宇航出版社，2005.14-18

[2]孙印杰,李春晖,封新亚.新世纪多媒体CAI课件制作培训教程[M].北京：电子工业出版社，2004

[3]NaheedaRavjani.UsingAuthorware7[M/CD].Macromedia,Inc.600TownsendSt.SanFrancisco,CA94103,2003

篇（11）

〔中图分类号〕 G420

〔文献标识码〕 A

〔文章编号〕 1004—0463（2012）

14—0018—01

2005年3月，天祝县民族中学率先建成了全国首家藏文中学网站——中国藏族中学网（），开辟了藏语言教学类网站的先河，对藏区教育教学实现跨越式发展具有重大意义。目前全县尚无一个小学类的藏语文教学网站，天祝民族师范附属小学作为县城唯一一个传播基础藏语的“三语”小学，自然就肩负起了建设小学藏语文教学网站的重大使命。笔者对小学藏语文教学网站的设计规划、技术解决和教学资源库建设等问题也作了一些分析和研究。

一、小学藏语文教学网站设计规划

1.版块栏目　小学藏语文教学网站初步设计规划6大版块，分别为“学校新闻”、“教师风采”、“学生天地”、“学习园地”、“ 藏族文化”、“软件下载”。网站的重点设在“学习园地”，包括“藏语拼音”、“藏语基础”、“藏语语法”、“教学论文”、“教学课件”、“教师教案”、“年级试卷”、“在线课堂”、“复习资料”等9个子栏目界面。

2.网站界面设计　在网页风格上，颜色可根据藏族习惯，以藏蓝色、米黄色为主题颜色，并在界面中添加藏族元素，如建筑、风景、人物、服饰等；网站界面设计和版面的编排设计上，要有一定的美术创意，力求简洁美观，给人带来舒适的视觉享受。

二、小学藏语文教学网站技术解决

1.网站程序开发　为了提高网站的访问吞吐量，网站平台硬件最好由学校自购WEB专用服务器。考虑到网站建设初期投入成本可能不多，设计上应达到用户使用方便简捷，功能上尽量以实用为主，可选择基于J2EE标准、以JDK+TOMCAT架构搭建的JSP运行环境，通过使用JAVA脚本语言来完成动态交互功能的WEB服务器应用程序，实现学校网站的多种功能。

2.网站数据库　由于资源库内容需要经常修改和维护，对数据的传输要求比较高，所以需要强大的数据库作保障，因此，选择一个合适的服务器平台和数据库系统非常重要。操作系统建议使用Windows 2003 Server，数据库可以选择成熟的MySQL，Windows Server2003+IIS6+MySQL的配置具有使用方便、易于维护和管理的特点。

3.网站藏文嵌入技术　早在IE4.0版本推出后，微软公司就引入了嵌入字体技术作为浏览器显示任意字体的解决方案：首先利用Web页面制作工具生成一个页面或者整个网站，在页面中使用藏文字体；然后利用专门的页面转换工具WEFT（Web Embelding Font Tool）对包含藏文字体的藏文Web页面或者藏文网站进行处理，运用Css样式表技术控制页面的布局，页面就不会随浏览器设置而改变，防止了乱码的出现，轻松实现藏文在浏览器中的完美显示。

4.网站安全性　任何优秀的网站都有一套完整有效的安全措施，在网站建设规划初期就要将网站安全放在重要位置。网站安全不是购置一套硬件防火墙或者购买一套正版杀毒软件可以解决的，更重要的是网站在投入运行之后如何提高网管人员的安全意识和管理水平。

5.申请域名和网站　申请域名可到当地中国电信委托申请，一般选择600元左右、五年有效期的域名方案。在域名选择上要遵循便于记忆、不容易与其他域名混淆的原则，为了使网站后能够长期安全、稳定、有效地服务于学校的教育教学，网站还需要及时办理ICP备案。

三、小学藏语文教学资源库建设

根据信息资源自身的性质，我们知道教学资源库的建设不是对资源的简单收集，藏文教学资源库也应该具备以下功能：能够进行方便快捷的信息检索；教师可以自行添加资源；资源种类齐全、科学；系统易维护等。