首页 优秀范文 网页界面设计论文

网页界面设计论文赏析八篇

发布时间:2023-04-08 11:36:46

序言:写作是分享个人见解和探索未知领域的桥梁,我们为您精选了8篇的网页界面设计论文样本,期待这些样本能够为您提供丰富的参考和启发,请尽情阅读。

网页界面设计论文

第1篇

【关键词】电力企业 网站界面设计 交互性

引言

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

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

1.当前现状

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

2. 原因

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

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

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

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

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

3.设计中所存在的问题

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

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

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

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

1.设计风格

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

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

2.界面内容

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

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

3.颜色及文字的搭配

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

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

4.人性化的设计

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

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

三、总结

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

参考文献:

[1]董建明:人机交互:以用户为中心的设计和评估[M],北京:清华大学出版社;

第2篇

【关键词】人机工程 GUI 设计

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

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

二、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.

[3]姜葳,用户界面设计研究,浙江大学硕士学位论文[M].2006年3月。

第3篇

引言

浏览器的发展是我们一般网民可以深刻感受到的。从开始大家都一贯使用的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、微薄、游戏、电子商务等腾讯产品。

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

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

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

参考文献

[1]Ben Shneiderman Catherine Plaisant著.张国印,等译.用户界面设计[M].电子工业出版.

第4篇

目前非专业人员开发的网络课件一般是网页型的。由于网页具有多媒体超文本实现能力,并且有良好的交互和动态特性,所以借助Internet或Intranet来实现计算机辅助教学和远程教育已经开始得到大力的发展和推广。网络课件运行在服务器上,客户只需用浏览器访问就行了,在客户端真正做到了“免安装、免维护”。

网络课件还实现了超媒体结构。超媒体是基于超文本支持的多媒体,多媒体的表现可使超文本的交互界面更为丰富,由多媒体和超文本结合发展而成的超媒体系统目前已成为一种理想的知识组织结构和管理方式。课件设计采用超媒体结构,既方便了教师操作,又可以使教师根据实际教学情况自由选择和重新组织教学内容。

网络课件强调发挥教师的教学主动性和学生的积极参与性,主张给教师提供教学“组件”而不是提供成品。在内容上,每个部分都设计了几套方案供教师和学生选择;在功能上,强调交互性,并且通过“课件编辑器”来实现教学内容重组。教师可以根据自己的特长选择教学内容,或重组或下载,还可以利用系统提供的自制课件平台将各种素材合成,创造出自己的课件。

网络课件的高度模块化,使教师用它可以灵活地组织教学,学生用它可以灵活地选择学习,与“教无定法,学无定法”的规律相适应,是推进素质教育的现代化的教学辅助工具。

目前,网络课件开发工具有很多,如FrontPage、dreamweaver、flash等。Front-Page简单易学。下面就以frontpage为例,陈述制作网络课件的过程。

一、frontpage制作网络课件的设计过程

1.依据教学设计构建站点结构

教学课件制作之前,对教学过程的设计和脚本的编写非常重要。成熟和完善的教学设计可以使课件的设计制作事半功倍。在教学设计环节,教师要完成课题的选择、教学手段和方法的设计、学生学习方法的设计、教学过程的组织等几个方面的设计,并使之不断趋于完善。

在此基础上,我们可在frontpage中将整个课件建立为一个站点。建立站点时最好建立一个空站点,以便自由发挥我们的设计构思。在站点中,我们要依据课堂教学的环节和内容,在“导航”视图下建立一个最简洁、有效的站点结构(如图1)。

当然,我们也可以通过一个框架网页达到使各个环节和板块彼此链接、灵活跳转的目的。

2.利用表格或框架巧妙为网页布局

站点结构(即课件的结构)建立完毕后,即可从主页开始在“网页”视图下编辑每一页的内容。在网页编辑中,由于网页上元素(媒体)众多,更合理地安排它们的位置、使其位置相对固定,即网页的布局就显得十分重要。

页面的布局,目前常采用的方法有两种:一是借助表格,在整个网页上创建一个或多个表格,将文本、图片、动画、视频等元素放置在表格中,且将其位置固定下来;二是借助框架网页,将窗口拆分为既相互独立、又保持联系的多个框架。它可以满足我们在一个浏览器窗口同时看到多个网页的需要。在不影响其它框架的情况下,通过框架与网页文件的链接,仅在一个框架中更新网页的内容,使得整个课件的结构性更强,浏览各网页内容时更直接、简洁。

3.插入并编辑各种网页元素,丰富和修饰网页内容

在课件的各页面上将文本、音频、图形、动画、图像、视频等媒体元素插入并编辑,其操作方法与word中的操作方法大致相同。为了使页面更加丰富,我们可以使用“插入”菜单在网页上插入“水平线”、“时间戳”、“网页横幅”等来修饰页面,还可通过“网页属性”的设置为网页设置背景图片及音乐。

4.使用“组件”、“网页过渡”等方法给网页添加动态效果

为了使课件的各页面更加生动、丰富,更吸引学生的注意力,可以使用“插入”菜单“组件”命令中的“字幕”将某些需要引起学生关注的文字插入为一个滚动的字幕;使用“格式”菜单中的“动态HTML效果”命令将文字设置为单击、双击、网页加载、鼠标悬停时出现飞入、弹出、螺旋、擦除等效果;使用“插入”菜单“组件”命令中的“横幅广告管理器”,制作多幅画面反复过渡组成的带有广告效果的画面;使用“插入”菜单“组件”命令中的“悬停按钮”,插入当鼠标悬停其上显示发光、凸出、凹进等动态特性,并可链接到网页、声音、图片的动态按钮;必要时还可以插入Java小程序、Activex探件、Flash插件用于多媒体显示、动画制作、数据库通信等;如果教师需要将该课件到网上,并希望与通过网络学习的学生交流、获取教学反馈信息、主持小组讨论,就需要借助Frontpage的表单功能。

教师如果希望在打开、关闭网页时出现一些动态的过渡效果,还可使用“格式”菜单中的“网页过渡”命令,设置在进入网页、离开网页进出现擦除、放射、收缩等动态效果。

5.建立网页间的链接,使整个课件结构成为一体

为了使课件的各个网页(也即教学过程的各个环节)相互链接,使课件的进程与课堂教学的进程和谐统一,我们可以在网页之间通过插入导航栏、共享边框或者利用文本、图片、悬停按钮、书签等多种形式的超链接,让课件的各个环节和板块链接在一起,非常方便地相互跳转,让课件的使用者在其导引下传授、获取知识。当然,这种链接的路径应该设计得尽量简洁。

6.测试站点,课件到internet上

在课件的制作过程中和前夕,我们需要把整个站点(也即整个课件)全面地进行检查(包括超链接、拼写、目录、内容等的正确性),以免课件使用过程中或后内容有误或不能正确使用。测试成功后,则将课件的整个站点到internet某个站点的服务器上。

二、制作网络课件应注意的问题

1.课件中使用的图片、动画的文件的容量应尽量小一点,图片一般应使用JPG格式,动画尽量使用二维动画,如GIF动画,如GIF动画或Flas。

2.课件中应尽量少用与教学内容无关的动画修饰页面,以避免在教学中分散学生的注意力。

3.每一个显示页面都不宜太长,且尽量避免使用滚动条查看。

4.网页下载速度要快,从选择所需页面算起到完成网上下载、在浏览器看到该页为止,以不超过30秒钟为宜。

5.导航栏、文本链接等各种形式超链接的路径要简洁,要使课件的浏览者方便地在各教学板块、教学内容中进出而不至迷路。

6.各网页的艺术风格应尽量协调统一。

7.设计网络课件时,要遵循如下教学设计原则:注重教学目标及教学内容分析、设计教学活动时注意情境创设,强调“情境”在学习中的重要作用、注意信息资源设计,强调利用各种信息资源来支持“学”(而非支持“教”)、强调以学生为中心、注重自主学习设计、强调“协作学习”,要注重协作学习环境设计、注重基于网络教学策略设计。

8.界面设计方面,界面设计即对屏幕上将要显示的信息的布局进行设计,包括主菜单、不同级别的操作按纽、教学信息的显示背景、翻页和清屏方式等。

9.界面布局要合理、风格一致、色彩搭配协调。文本设计、图片选择要美观大方,能激发学习者的学习激情。

10.在图像处理、动画制作、声音录制、视频采集、配音效果等方面要有一定的驾驭能力。制作思路要清晰,尽量采用较直接的设计流程,使整个操作流程一目了然。制作课件时不要与常规体系相悖。比如文字在呈现时应尽量采用正规常用的字体;图形符号的书写应符合本学科的规范,有声音的媒体则普通话必须要标准。

11.注意声像的有机结合。课件是现代多媒体技术发展的产物,如能在视听元素结合方面得到进一步加强,使之具有形神并茂、触景生情的特点,那么在吸引学生注意力方面将会有着得天独厚的教学特长。

第5篇

关键词:顶岗实习平台;系统设计;高职院校管理

中图分类号:TP39 文献标识码:B

1 引言(Introduction)

顶岗实习是现阶段高职院校普遍实行的实习模式,但规范、高效的顶岗实习网络化管理仍处于积极探索、反复实践、不断改进阶段。近几年,虽然各高职院校教务管理部门针对顶岗实习网络化管理开展了一些研究和实践,但设计的平台通用性欠强,功能欠全面,使用欠方便[1]。有鉴于此,文中分析设计了一个通用性好、功能性强、使用方便的顶岗实习平台系统。

2 需求分析(Demand analysis)

顶岗实习平台应该包括两大功能:(1)实现师生之间的交流。即学生通过平台向导师汇报实习和(或)课题完成情况并寻求指导,导师通过平台给学生回复指导。(2)实习管理。即通过实习管理功能实现对管理制度、实习要求、课题、群发信息、新闻等内容的管理,通过计划管理功能实现对实施计划、实习单位信息变更、计划变更等内容的管理,通过互动交流功能实现对建议举报、互动信息、定期监控、不良记录等管理,通过论文报告功能实现对论文报告的管理[2]。

顶岗实习平台的用户包括学生、导师、系部管理员、系统(教务处)管理员、院领导五种。

该平台的限制与约束为:(1)编程语言可采用/ASP/JSP,并符合编码规范;网页设计符合Web标准。(2)顶岗实习平台应能运行在Win2003以上的服务器操作系统(含Microsoft Office(Excel)2003以上版本)和主流Web服务器上,数据库服务器使用SQL Server2005以上版本。用户在安装有XP或Win7等主流操作系统的一般客户端计算机上,通过主流浏览器的常见版本应能正常操作顶岗实习平台。(3)必须登录后操作,并按权限的不同进行不同的操作。

从非功能性需求上看,顶岗实习平台应界面友好、简单易用、响应速度快、操作或出错友情提醒;系统运行稳定;对客户端计算机配置要求不高;系统应具有良好的可扩展性,便于根据发展需要增加功能;系统安装、移植方便。

3 系统设计(System design)

3.1 设计背景

(1)系统目标。设计开发的顶岗实习平台,运行后应能实现师生之间的互动交流和定期监控,并对实习进行网上统一管理,从而有效地提高管理与指导质量、学生顶岗实习质量。

(2)系统环境定义。计算机硬件:包括安装顶岗实习平台的远程Web服务器、SQL Server数据库服务器、浏览顶岗实习平台用的客户端计算机。

软件:包括顶岗实习平台、AspUpload文件上传组件、服务器操作系统、Microsoft Office(Excel)、SQL Server数据库管理系统、客户端计算机操作系统等[3]。

人机界面:在浏览器上显示的顶岗实习平台的各个页面。

(3)技术路线。体系结构:B/S结构[4];开发与测试工具:Dreamweaver CS4或VS2008以上版本、Web服务器(IIS/JDK+Tomcat)、数据库服务器SQL Server2005以上版本;代码编写:服务器端/ASP/JSP、客户端JavaScript和JQuery、AJAX技术等[5]。

3.2 软件功能设计

顶岗实习平台划分为登录管理子系统、基础管理子系统、实习管理子系统、实施计划子系统、互动交流子系统、论文报告子系统。

(1)登录管理子系统包含的功能模块:登录管理、新闻显示。(2)基础管理子系统包含的功能模块:设置届数、实习启动、系部管理、专业管理、班级管理、学生管理、系管管理、领导管理、教师管理、公共信息维护、系统维护管理。(3)实习管理子系统包含的功能模块:管理制度管理、实习要求管理、课题管理、群发信息管理、新闻管理。(4)实施计划子系统包含的功能模块:实施计划管理、计划变更管理、计划浏览。(5)互动交流子系统包含的功能模块:汇报管理、回复管理、互动总览、定期监控、不良记录管理、建议举报管理。(6)论文报告子系统包含的功能模块:论文报告管理。

3.3 软件逻辑设计

3.3.1 数据流设计

顶岗实习平台的顶层数据流图如图1所示,其余各层数据流图略[6]。

3.3.2 数据库设计

顶岗实习平台涉及的实体包括学生、班级、专业、系部、教师(含管理员、院领导)、实习单位、课题、实施计划、更新计划、学生汇报、汇报答复、举报、举报答复、论文报告、实习要求、管理制度、群发、新闻、未主动联系汇报、校导师不良记录、当前届数等,可使用Sybase Power Designer建立概念数据模型[7,8],再将各个实体及相应的各个关系转化成关系模式。本系统因为安全性要求高、字段较多、字段取值范围宽、记录多、要使用存储过程并定期执行监控作业,故选择SQL Server数据库,进而创建物理数据模型,并生成SQL表创建代码。

3.3.3 用户界面设计

按照顶岗实习平台开发需求和设计要求,设计的系统主页界面除包括常见的页头和页脚外,还包括用户登录区和系部、学校新闻通知显示区,以及“我的信息”编辑入口。用户登录后,根据权限的不同分别进入相应的界面:学生主页界面、导师主页界面、院领导主页界面、系部管理员主页界面、系统管理员主页界面,然后进行相应的操作。

为保证系统各个界面整体风格的统一,各个主页界面、各个功能网页界面的页头均类似、页脚均相同。各个功能在组织时可采用Spry菜单栏形式。

学生主页界面上放置有相关提醒、汇报表单,并显示最近的几次汇报标题等信息;导师主页界面上显示相关提醒、最近的几次汇报标题等信息;院领导主页界面上显示最近的几次汇报标题等信息。

3.4 使用场景设计

顶岗实习平台在各个高职院校使用,一般安装在该学校校园网内的某台服务器上。(1)在校内访问系统:在校园网内能正常访问顶岗实习平台所在服务器的计算机,安装的浏览器应是常见浏览器的常见版本,浏览页面速度较快。(2)在校外访问系统:能正常访问顶岗实习平台所在服务器的计算机,安装的浏览器应是常见浏览器的常见版本,浏览页面的速度取决于所使用的网络。

3.5 部署与安装设计

顶岗实习平台应安装在Win2003以上版本的服务器上,并安装Office Excel2003以上版本、SQL Server2005以上版本、AspUpload文件上传组件。条件允许的话,可单独配置一台数据库服务器,安装SQL Server2005以上版本。数据库服务器须安装SQL Server以便执行定期监控作业。

3.6 软件安全性设计

顶岗实习平台在安全性上的设计包括:(1)使用SQL Server作为数据库,具有较好的数据安全性。(2)使用系统必须进行登录,不同权限的用户登录后只能进行各自规定的操作。(3)对用户可能输入的非法字符, 如:select,insert,;,update,',delete,exec,admin,drop,from,truncate,xp_cmdshell,netlocalgroup,and,chr,master,declare,*,char,script等进行过滤[9]。(4)上传的文件直接保存在数据库中,避免恶意文件可能对服务器造成的损害。(5)导入Excel文件时,对导入的文件进行判断,确保导入的是Excel文件。(6)用户操作出错时均有出错提示。(7)在不同的Windows服务器上,在两种典型的浏览器IE、Firefox下,系统使用效果基本无差别。

3.7 程序测试流程与用例设计

测试时按照单元(模块)测试集成测试(子系统测试、系统测试)验收测试的测试流程进行。其中,单元(模块)测试是由相应模块的开发(编程)人员在开发(编程)阶段自行测试,而集成测试则是由测试人员根据测试用例专门进行测试的,验收测试由用户进行测试的。具体的测试用例此处从略。

4 结论(Conclusion)

文中设计的顶岗实习平台投入运行后可以使师生之间的互动交流方便高效,并能实行定期监控,能对实习各方面情况进行网上统一管理,从而有效地提高管理与指导质量、学生顶岗实习质量[10],也可以在各个高职院校推广使用,实现开发资源共享。由于顶岗实习平台一般挂接在校园网上,并在Internet上使用,因此,可以实现各个高职院校顶岗实习管理经验网上交流,并且只需提供给上级有关部门一个用户名和密码,就可让其实时查看各种信息,实时了解各个高校顶岗实习情况。

参考文献(References)

[1] 凌玲,徐金寿.高职学生顶岗实习管理研究的国内综述[J].中国电力教育,2012,(29):142-143.

[2] 肖彦春,等.高职顶岗实习教学过程管理的探索[J].中国现代教育装备,2012,(17):78-80.

[3] 李振涛,刘洋.Web图片上传技术的探究[N].河北工程技术高等专科学校学报,2008,(1):55-58.

[4] 何开春,等.中华文化英文文章管理系统[J].计算机系统应用,2013,22(5):45-48.

[5] 李俊成,童宇.基于B/S的顶岗实习综合管理平台的构建[J].科技信息,2012,(20):227.

[6] 田淑梅,等.软件工程―理论与实践[M].北京:清华大学出版社, 2011.

[7] 肖海蓉.基于统一建模语言的软件开发实例[J].计算机系统应用,2013,22(7):141-143,182.

[8] 李绍中.基于UML的高职学生顶岗实习管理系统建模研究[J].电脑开发与应用,2012,25(9):49-51.

[9] 王青国.浅析Web应用软件开发安全[J].计算机系统应用,2013,22(2):5-9.

[10] 黄国峰.顶岗实习管理系统的研究与实现[J].现代商贸工业,2010,22(3):286-287.

第6篇

【关键词】网页设计;前端工程师;工作过程;实训模式

为了适应社会进步所带来的人才需求变化和提升教学效果,高等职业院校不断尝试结合专业和课程的特点,引入多种课程开发方法,深入进行课程建设和改革。目前,基于工作过程导向的课程教学改革正逐渐成为高职教育改革的重要探索领域。网页设计课程是高等职业院校电子商务专业和计算机类专业开设的职业核心课程。所以,网页设计课程的教学质量直接决定了学生的实践能力和就业能力。

1.网页设计课程存在的问题

网页设计课程的相关岗位包括:前端工程师、网站管理、网络编辑等,其中前端工程师是最主要的岗位。前端工程师是Web前端开发工程师的简称,是一种高端技能型人才。很多高职院校的相关专业开设了网页设计课程,但培养出的学生很多都达不到企业关于前端工程师岗位的用人需求,所以依然存在很大的人才需求缺口。

网页设计课程存在的问题主要包括以下几个方面。(1)知识体系相对滞后。学生在学校学到的table表格布局等相关知识在企业已经基本不用。学生对企业用人需求描述中的专业术语和知识比较陌生,没有用过企业要求的知识体系,这是造成学生不敢在前端工程师岗位竞聘的主要原因。(2)注重单个知识点的掌握,不注重综合能力培养。调研发现网页设计课程的教学组织大多采用案例教学等方法,注重单个知识点的掌握,学生掌握了一个个知识点,比较有成就感,但面对企业的工作任务却无从下手,感觉都不是自己学过的知识。这种注重单个知识点,忽略综合能力培养的教学方式,虽然短期能够得到学生的认可,但并没有达到良好的教学效果,相应地也不能实现教学目标。

这引起了很多专家学者的关注,但很多研究仅仅是简单地将某一种教学方法应用于课程的实训教学,或者侧重于项目驱动、任务导向的教学过程设计,都不够系统,不够贴近前端工程师的职业能力需要,所以很难达到满意的教学效果,也很难满足学生的就业需求。因此,结合高职学生的实际情况和职业需求,对“网页设计”课程实施基于工作过程的实训模式改革。

2.课程改革思路

工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程,从而构成该产品、该项目的工作过程系统。基于工作过程即工作过程导向,是一种课程开发方法,是2002年德国劳耐尔(Rauner)教授带领下的不来梅大学技术与教育研究所与大众汽车公司合作开发的一种职业教育课程开发方法。

网页设计课程面向的岗位群中最主要最具代表性的是前端工程师。所以在网页设计课程的开发过程中依托前端工程师岗位展开。课题在研究过程中将通过走访企业、校内交流、理论应用研究、调查问卷等方法对网页设计人才需求情况和课程开展情况展开分析。根据调查研究中所发现的网页设计课程教学过程中所存在的问题,结合企业对网页设计人才能力的需求,对网页设计师的工作过程进行分析,分解出典型工作任务,分析各个环节的能力要求。再基于网页设计师的工作过程,构建网页设计课程的实训教学模式,其中包括实训内容、实训方法、考核方案等。并将构建的实训教学模式应用于教学实践,借以激发学生的学习兴趣和学习热情,改进教学效果。

3.前端工程师典型工作任务分解

通过调研,我们发现前端工程师的主要工作内容是基于XHTML+CSS架构根据网站策划图实现网站前端界面开发,所采用的技术目前主要是HTML4+CSS2,但也有部分前端工程师为了达到更好的设计效果已经升级到HTML5+CSS3。为了兼顾目前的主流技术,课程设计以HTML4+CSS2为主要教学内容。但为了学生将来的技术升级和可持续发展,课程简单涉及到HTML5+CSS3的特点。

将前端工程师的主要工作内容进行分析整理,结合前端工程师应具备的能力和素质,我们将前端工程师的典型工作过程分解为以下八个部分:网站规划、页面布局、简单元素添加、导航栏设计、图文列表设计、特效脚本应用、系统设计、兼容性测试。一个网站是由一个个网页所组成的。任何一个网页都要经过除了网站规划之外的七个步骤才能完成,每一个网页的设计完成需要用到的知识基本类似,所以这里我们以单个网页的设计完成为主要目标。前端工程师岗位的工作内容在技术方面涉及到Photoshop、Flash等网页设计图形设计软件的使用以及JavaScript特效脚本的应用,这些都是网页设计课程的前导课程或同期课程的讲授内容,所以在此只涉及到应用,并不深入讲解。

4.重新构建教学体系

4.1 实训内容设计

网页设计课程是以实践为基础的核心课程,所有理论知识必须在技能训练过程中得以掌握和运用,所以必须注重培养学生理论知识的灵活运用能力和网页制作实训能力。网页设计课程的实训内容设计重点体现在以下几个方面:

(1)以工作过程分解为依据。网页设计课程以前端工程师的典型工作过程分解为依据,将实训内容设计为包括局部设计、界面设计、兼容性测试、案例实训四个大的模块,贴近前端工程师的工作过程,满足前端工程师的岗位能力需求,使整个教学过程更加具有针对性。局部设计又由常用XHTML标签、DIV布局、CSS样式美化、JavaScript页面特效组成。局部模块设计即兼顾网页设计课程知识体系的系统性,又结合前端工程师的工作过程,即有利于加深学生对个别知识点的理解,又有利于学生网页设计知识体系的构建。

(2)基础知识与综合实训并重。实训内容的前三个模块属于基础知识学习部分,最后一个案例实训模块属于综合实训。在整个课程设计中,综合实训课时占整个课程课时的1/3以上。课程教学方式也从前期的讲练结合,转变为实训辅导为主;授课对象从前期的面向整体为主,转为面向个体为主。通过对综合实训课时比例的增加,培养学生对知识点的综合运用能力,进而无缝衔接前端工程师的岗位能力。

(3)化整为零、小小案例。前端工程师的工作过程是一个系统性非常强的、复杂的工程,由很多小的知识点组成,需要对知识点进行综合、灵活的应用。针对知识点的案例往往并不适用于整体网页设计,这就造成了知识点的学习与综合实训的脱节,容易给学生造成一种无所适从感。课程实训设计将分布于综合实训中的局部功能分解为基础知识点的学习案例,一个个局部功能分解为一个个小小案例。这种方法也使得学生在做综合实训时有一种亲切感,方便学生知识体系从局部到整体的构建。

4.2 实训方法设计

课程实训方法设计结合实训内容特点,采用“教、学、做”一体化的教学方法。局部设计主要采用理论实践一体化的项目教学法和任务驱动教学法,强调知识点在小案例中的应用。综合实训主要采用分组教学法和真实案例教学法,强调小组协作能力和综合实训能力。

(1)项目教学法。项目教学法时一种由项目引入进而展开知识点的教学方法,一边分析讲解、一边操作演示,讲练结合,激发学生学习兴趣,提高学生分析问题、解决问题的实际能力,轻松达到教学目标。

(2)任务驱动教学法。将实训内容设计为一个个独立任务,充分调动学生的学习积极性和主动性。任务也分为三种类型:局部功能任务、整体设计任务、真实企业任务。任务的实施也是从简单的局部功能任务到整体设计任务,再到灵活运用的真实企业任务的过程,逐步进阶。任务驱动贯穿整个实训环节设计,有利于训练学生的职业态度,也有利于提高学生的知识应用能力和创新能力。

(3)分组教学法。综合实训阶段的任务相对复杂,单个同学实现有一定的难度,所以采用分组教学的方法,有利于形成小组内探讨解决问题的氛围,也有利于加深对知识点的理解,能有效培养学生的团队意识。为充分发挥每个成员的潜能,形成足够量的成员任务,在设计小组时人数不宜太多,一般以2-3人为宜。

(4)真实案例教学法。将企业真实案例引入教学过程,能有效拉近课程教学与岗位能力需求之间的距离,充分激发学生的学习热情,即能让学生对岗位能力需求有更深刻的理解,也能增加学生的自我认同感和成就感,进而达到培养岗位人才的目的。

4.3 考核方案设计

本课程的最终目的是要求学生应用所学知识,根据网站策划图完成网站设计。前端工程师是一个注重实际能力的岗位,传统的理论知识考试方式不能充分评价学生的学习成绩和能力水平,对于学生实践能力的提高,以及就业能力的提高是没有多少益处的。也有部分研究者将考核形式改为考核学生完成网站作品制作的形式。这种考核方式相对理论知识考试有了很大的进步,更加注重实践能力的考核,但很多时候教师考核给出的网站策划作品比较滞后,内容相对简单,所有同学完成一样的网站设计,难免存在抄袭的嫌疑。这就造成了很多同学觉得自己对课程内知识掌握的不错,但看到企业复杂的网站策划图,依然不敢面试前端工程师岗位。

因此课题组对考核方案进行了大胆的改革,期末总评学习成绩由三部分组成:过程考核(平时到课考勤、上课回答问题和随堂作品)占20%、技能考核(课内分模块作品以及综合设计作品)占30%和项目考核(期末综合作品)占50%。这种方式较为客观的反应了学生的学习情况和能力水平,主要特点包括:

(1)真题真做。将企业一线的多个真实案例拿来供学生选择,作为项目考核题目。多种作业选择能在一定程度上减少学生作业抄袭的情况。来自企业一线的真实案例与岗位能力要求高度契合,增强学生就业能力和自信心。

(2)注重过程考核。期末考核只占期末总评成绩的50%,其余两部分都是教学过程中完成的,属于过程考核。这样的考核方案设计能有效避免学生过分注重短时间的期末考核,能使学生更加重视知识技能积累的学习过程。

5.小结

基于工作过程的网页设计课程实训模式开发,以前端工程师的典型工作过程分解为依据,从简单到复杂,从局部到整体,符合学生的认知学习规律。实践内容以来自企业一线的真实案例为基础,真题真做,培养和提高学生的实践动手能力和综合运用能力,拉近课程培养与企业用人需求之间的距离,提高学生的就业能力和核心竞争力,实现技术技能型人才的培养目标。

参考文献

[1]何兴国.DACUM与工作过程导向课程开发方法比较研究[J].职教论坛,2012(27):70.

[2]孙士新.基于工作过程导向的高职本土化教学模式研究[J].辽宁医学院学报:社会科学版,2013(2):69.

[3]沈玲.基于工作过程的高职课程建设研究[D].湖南师范大学论文,2012.6:20-27.

第7篇

【关键词】软件工程;数字媒体;专业建设

1.引言

随着计算机技术、通信技术和数字广播等技术不断发展,以互联网、无线通信为传播载体,以传统媒体内容与创新内容模式为核心的数字媒体产业在全球范围快速崛起,并正在改变着人们的信息获取方式和休闲娱乐的形式。

我国的数字媒体业近几年正处于高速发展时期,对于具有较高人文素养、掌握数字媒体核心技术并具有艺术创意能力的复合型数字媒体技术开发与设计人才需求旺盛。四川理工学院软件工程专业是与IT企业合作办学、实行“3+1”人才培养模式,即学生前3年在校学习,第4年在软件企业实习并完成毕业设计(论文)。为使培养的学生既有较扎实的理论基础,又有适应人才市场需求的职业技能,在软件工程专业大框架下设置了数字媒体技术方向。

数字媒体技术作为一个宽口径、以技术为主、艺术为辅、技术与艺术相结合的新的专业方向,涉及到不同的学科知识,因此,我们有必要通过探索与改革人才培养模式、课程体系以及实践教学体系的研讨,搭建科学的创新人才培养平台,促进软件工程专业人才培养整体水平的提升。

2.人才培养目标

培养目标是制定教学计划、设计课程结构、选择知识发展方式以及确定教学组织形式的依据,也是教学内容、教学方法、教学组织与管理、教学手段、教学评价等方面改革的基础和前提。软件工程专业数字媒体技术方向具有软件工程与数字媒体技术相结合的特色,注重对学生软件开发、应用能力的培养,实践性强。结合我们自身办学特色和办学条件,我校软件工程数字媒体方向人才培养目标是:“培养具备计算机科学、多媒体网络、软件工程技术、信息安全等方面的专业知识与技能,具有扎实的软件工程和数字媒体技术基础理论、宽厚的专业基础知识、较强的实践能力,能够从事包括新媒体应用以及虚拟现实等在内的多媒体技术开发、数字媒体设计与创作、计算机游戏设计、网页设计与网站维护、信息服务及数字媒体管理等工作的创新性技术人才。”

3.核心课程体系

数字媒体方向课程体系的建设以创新性复合型人才培养为基本指导思想,重视实践课程的开设,使学生所学习掌握的方法具有充分的实效性,真正做到学有所用,以适应未来的工作岗位,成为本行业和企业所欢迎的有用人才。课程体系分为软件工程专业核心课程模块、数字媒体方向核心课程模块、专业实训、毕业实习和毕业设计(论文)等模块。

3.1 核心课程

软件工程专业数字媒体技术方以软件工程专业为主线构成专业基础和专业主干课程。其中,计算机与软件基础课程有:计算机导论、程序设计入门、面向对象程序设计、数据结构与算法、Java程序设计、计算机组成原理、数据库原理、计算机网络、操作系统、编译原理、信息安全技术、计算机体系结构以及J2EE与中间件技术;软件工程专业课程有:软件工程导论、软件测试技术、需求分析与UML设计、软件项目管理与过程控制;数字媒体技术专业课程有:数字媒体技术导论、计算机图形学、数字图像处理、网络流媒体技术、用户界面设计、视频音频制作与处理、数字影视特技应用、高级游戏特性与游戏引擎、人机交互技术、虚拟现实技术与应用、高级脚本与插件技术等。对于实践性较强的课程开始单独的实验课程和配套的课程设计。

3.2 特色课程

计算机网络游戏由计算机技术、艺术设计学和计算机动画以及计算机图形图像技术高度交叉结合,目的是培养具有扎实的游戏编程功底和良好的逻辑思维习惯,具备较强的审美能力和一定的艺术素养,熟悉游戏产品开发流程,具有一定的策划能力,能在游戏公司、门户网站、手机运营企业、动画公司等单位从事游戏设计、游戏开发、游戏制作、游戏策划、游戏运营等方面工作的富于竞争力与创新精神的高级复合型人才。

计算机游戏程序设计。课程目标:本课程主要学习普及游戏开发理念,培养游戏开发氛围,挑选有潜力的学生组成开发团队;传授游戏开发中的程序设计要素,特别是游戏引擎开发的基本知识。通过本课程的学习,学生能够掌握游戏开发的基本理念,熟悉游戏开发的基本技巧和流程,并具备从事游戏程序设计工作的基本技能。

虚拟现实与数字娱乐。课程目标:本课程主要介绍虚拟现实的基本概念及其系统组成、相关的软件技术及虚拟现实的应用,并介绍了当前数字娱乐的现状,发展和一些关键技术。内容包括:虚拟现实的定义、特性和组成,虚拟世界的创建和管理,虚拟现实中的视觉计算,虚拟现实中的交互技术,虚拟现实中的声觉计算,增强现实,分布式虚拟现实,虚拟现实应用,与虚拟现实相关的数字娱乐技术。

4.实践教学体系

培养符合时代需要的创新性人才,就要强化实验教学的开放性和多层次化。基于创新性原则和以生为本原则,结合培养目标和自身教学特点,数字媒体技术方向实践教学体系分为课程实验,专业实训、毕业实习和毕业设计三个方面,各实践环节之问相互协调、相互衔接、循序渐进。

4.1 课程实验

依照实践能力培养循序渐进的原则,根据实现数字媒体技术专业基本能力培养的系列课程,并按照系列课程的复杂度和规模设计实践环节,开展了多层次课程实验教学,根据学生的需要和实践能力培养的渐进规则,将实验课安排大学四年的各个环节。

多层次实验教学是指在实验大纲与目标的规范基础上,将实验项目设计成基础型、综合设计型、研究创新型不同层次的实验。同一学生从基础规范一综合设计一研究创新这样难度递增的实验项目中逐渐进行训练,实现系统培养学生综合实践能力。课程实验主要包括:手绘训练、视频特技与非线性编辑、多媒体网页设计、移动娱乐软件开发、网络娱乐软件开发、界面设计课程设计、虚拟现实开发课程设计等。

4.2 专业实训

专业实训作为知识、能力、综合素质教育的结合点,成为数字媒体技术专业实践教学的重点之一。专业实训是对课堂教学具有延伸作用,是学生培训职业能力、熟悉职业环境、了解实际知识的重要渠道。通过专业实训,学生不仅可以把所学转化为所用,还能使学生在学习操作过程中通过不断调整自己的知识结构来慢慢适应相应职业岗位,锻炼职业的能力,为实习以及今后走向社会积累经验、打下基础。

我校软件工程专业是校级专业综合改革试点专业,以争建微软IT学院、HP软件学院为契机,与知名IT企业开展深度合作,联合培养具有国际视野的软件开发、软件测试和服务外包人才。与中软国际、Tarena(达内)科技等十多家IT企业联合建立了实习实训基地、就业基地。

4.3 毕业实习和毕业设计

毕业实习是学生将前期学习到的知识运用到生产实践中,真正了解、感受未来的工作,锻炼自己各方面的综合能力。真正实现与行业需求的专业实践能力对接。能胜任相应岗位的工作,从而积累工作经验,为就业做准备。为了增强学生和指导老师对毕业设计(论文)及毕业实习的重视,提高毕业设计(论文)的质量和提高学生在毕业设计(论文)及毕业实习实践环节获得的实践能力,也为缓解毕业设计时间(论文)不足,笔者将毕业实习与毕业设计(论文)有机结合,实行“毕业实习+毕业设计”相结合的模式,学生毕业设计的内容来自于毕业实习,并且毕业设计的内容要将毕业实习的内容进行一定的升华,除体现学生四年来所学知识综合之外,还要体现出学生的创新能力与科研能力,达到培养创新型、复合型人才的标准。

5.结束语

通过对国内外数字媒体技术相关专业及方向的调研,基于创新性人才培养目标,建立了相关的核心课程和多层次实践教学体系,融合专业技术、实践教学、校企合作共同培养为一体的软件工程数字媒体特色专业方向的知识体系,着力培养学生的艺术与技术交叉结合的数字媒体制作与开发能力和职业素质,进而使得学生的基础知识、科学素养、艺术感悟、专业知识、创新能力、工程能力和职业素质都得到全面均衡的发展,以增强他们在数字媒体行业就业的竞争能力。

参考文献

[1]沈琦,于学军,张丽,等.软件工程(数字媒体技术)特色专业复合型创新型人才培养模式研究[J].中国校外教育,2010,16:162-163.

[2]蔡建平,沈琦,于学军等.软件工程(数字媒体技术)特色专业的特色建设[J].软件,2012,33(4):108-111.

[3]耿卫东等.面向数字媒体技术专业的数字化学习平台建设[J].计算机教育,2010(16):99-101.

[4]向辉.数字媒体技术专业课程体系探讨[J].计算机教育,2008(15):28-30.

[5]黄成云.数字媒体技术本科专业实践教学体系研究[D].华中师范大学,2012,5.

第8篇

关键词:信息可视化;视觉界面;交互

俗话说:“一图抵过万语千言”,交互式信息可视化设计作为现在视觉界面传达信息的新方式被越来越多的领域所应用,它加深了人们对其表现出来的信息数据和新闻事件的理解,与此同时,使得界面上的抽象信息的呈现成为一种美丽、连贯和叙述性的事物。如何在应用新的设计语言和技术的同时,准确地把握信息内容并向受众传播;如何将视觉界面的整个可视化做到颜色、图形、图案和获取信息方式的合理性组合在一起;如何顺应受众的认知和体验需求,进一步促进信息可视化的设计,是我们在信息时代背景下应该思考的问题。视觉界面交互式信息可视化不仅展现了信息之间的趣味联系,同时通过与人的互动增强了信息的关联性和亲和度,我们期待更多富有人性化的信息可视化形式出现在我们的生活中。

1. 信息可视化概述

信息可视化(英文:Information visualization)是一门跨学科的设计领域,旨在研究大规模非数值型信息资源的视觉呈现,以及利用图形图像方面的技术与方法,帮助人们理解和分析数据。可视化是基于人们的认知活动和对信息的再理解过程,它强调的将那些复杂、不可视的事物向可视的转变。

信息可视化(Information Visualization)是在计算机协助下,通过对数据可见的、 交互的表示,从而洞察数据,发现信息并利用图像图形学方面的技术与方法,向人们传递信息,帮助人们跟好的理解数据。

2. 视觉界面信息可视化的交互式设计分析

交互设计(Interaction Design)作为一门关注用户交互体验的新学科产生于二十世纪八十年代,是由IDEO的一位创始人比尔・莫格里奇在1984年一次设计会议上提出。何为交互设计?从用户角度来说,交互设计是一种技术,它能够轻松的解释产品,并使受众在读取信息时感到轻松。首先交互设计的前提是要充分了解目标受众想要什么,关注什么,爱好什么,喜欢哪种方式去进行互动。还要对交互的本身进行扩充,不能局限于单方面的需求还可以结合多个领域的沟通,还可以涉及不同的学科领域。

从而开展对产品的界面的交互设计,让产品和它的受众间建立亲密的关系,从而有效传达信息给目标。这种可视化通过 Flash 或 Dreamweaver等软件的编程制作,将已经转换为图形语言的数据进行整合,依据科学数据以美学的形式展现,其呈现形态不仅仅是可以动起来的画面而且观者可以随着自己的关注点来跟媒体上的短片进行互动,相较视频信息图更为灵活。例如新媒介交互体验的案例,这是纽约一家专门为零售店铺提供界面技术支援的公司,他们推出的 Perch 产品主要是针对零售业店铺内的虚实互动装置作出规划,其实目前这类的应用已经很普及化了,一旦顾客拿起一个产品,更多的信息将被展示出来。以这种别出心裁的互动行为展示商品,不仅直接有效的传递商品信息,而且吸引了大量购买者的目光。从信息可视化角度来说,是通过计算机界面这个媒介,将抽象的信息数据用视觉化的形式呈现出来,并形成一种人性化的、方便流畅的人机交互模式。

3. 视觉界面信息可视化交互式体验

在信息可视化的传递和分享过程中,用户首先看到的是整体数据所呈现出来的视觉外观。区别与最开始枯燥冗长的表格形式,信息可视化强调了它的图形魅力,与此同时,使得用户不会错过数据里所隐藏着的有趣P系。当交互的信息可视化给用户的第一感受是“简洁”或者“炫丽”时,其实是信息可视化视觉界面给人的感官体验,这种体验是用户本能的、即刻的反应,随后上升为一种内在的感受。人们在生活中无时无刻不在体验,只有亲身经历的感官体验,才能继而得到情感上的满足,在视觉界面中交互式信息可视化提供给用户的体验主要通过感官、行为、情感的整体作用来共同营造。

3.1 感官体验

视觉是人类获取信息和感知外界的重要途径。科学研究表明,通过视觉所能获取的信息量占获取总信息量的70%,听觉占20%,其他感觉仅占了10%。人们更容易记住通过图形、图像、地图、动画等视觉形式所呈现出来的信息,因此,视觉界面交互式信息可视化设计是信息传播及发展的一种必然趋势。

信息可视化中的声音起到了对视觉图形界面的丰富和补充,依靠不同的声音,可以辅助信息可视化的内容制造出愉悦、舒缓、神秘、激进等气氛,并能提供给用户一些对信息的指引作用。其声音有两种形式:(1)在用户与可视化进行信息交互的过程中,声音起到提示用户操作准确性的作用。比如通过用户选择、点击某条信息数据,声音发出类似于简短的鸣笛声、相机快门声、石子落入水中的“扑通”声等,以此告知用户已选中或正在打开所选择的信息,这属于信息可视化中声音的功能性作用。(2)另一种声音元素表现为背景音乐,其作用是通过对信息可视化特殊主题的情境渲染,令用户能够产生沉浸其中之感。当用户全神贯注于可视化氛围中时,视觉图形利用人们视知觉的联想,听觉则进一步完善联想的真实性,比如以波浪纹表现时间及事件的可视化界面,辅以潺潺流水声,让人彷佛置身于历史的长河中,感受时间如流水划过。例如:一个在线交互式信息可视化,名为The breathing earth。在这里用户可以看过全球每个国家的出生和死亡人数,以及向大气排放二氧化碳的数量。信息可视化的背景音乐一直是类似于下雨的毫无感彩的声音,其节奏与可视化中二氧化碳排放的频率相对应,随着界面中数值的不断变化,在听觉,触觉和视觉感官共同刺激下,用户不仅能够印象深刻,而且也更能体会到可视化内容的寓意。

3.2 行为体验

在界面设计中交互式信息可视化提供给用户的行为体验首先是以可视化的可用性为基础。比如:可视化传达了什么信息含义?它都有什么样的交互方式?用户是否能够清晰理解如何操作?如果信息可视化仅仅停留在表面的美观和炫丽上,而缺失了其最根本的信息传达的功能,那它也只能属于华丽的躯壳。

从某种意义上来说,信息可视化行为体验中的可用性即它是否能使用户进行操作使用后达到获取信息知识的实现。多数信息可视化都能将信息内容呈现给用户,但却常常由于信息量的杂乱无章、毫无重点,而使用户陷入更为困难的情境中。因此,为了让用户在与信息可视化交互过程中获得愉悦的行为体验,需要分析用户的视觉心理特征、行为习惯以及各国不同的文化等等,一个具有设计良好的信息可视化首先必须通过可用性测试,验证是否能够准确的传达信息并增加信息数据的连贯性和易理解性。

信息可视化中的行为体验与功能性和易用性有关,在视觉界面给人的第一感觉之后,行为层次的设计体现的是信息可视化与用户交互功能的实现。不同于传统平面媒体或网页中静态的可视化形式,交互式的信息可视化在用户浏览时提供给用户与信息数据一定的交互界面。例如通过放大、缩小、拖拽、点选、图层控制等方式实现一系列信息获取时的交互过程。界面中信息可视化的交互方式赋予了信息生命特征,体现了视觉界面设计的社会价值,同时也丰富了用户在行为层面的体验。

3.3 情感体验

视觉界面中交互式信息可视化在提供给用户感官上的数据美感和互动传递信息的基础上,会使得用户产生更深层次的理解、意识和情感等多种影响。“积极的情感增强了创造性和广度优先的思考,而负面的情感集中在认知上,增强深度优先处理并把干扰降到最少。”因此,当可视化的界面令用户感到喜欢、享受时,则满足了他们视觉和心理的需要和期望,这会令整个信息获取和传递的过程更为流畅和易用。

把枯燥乏味的数据变成有趣美观的图形画面,不仅会令信息和事件变得清晰,同时在视觉美感、交互操作带来的乐趣和愉悦共同作用下能产生更多的共鸣感和探求欲望。

4. 结论

视觉界面中交互式信息可视化的信息呈现方式不仅满足了用户对知识以及事件关的需求,同时也增加了用户在互动过程中的趣味性和体验感。通过用户与信息之间的交互改变可视化的视觉界面,使得用户真正参与到与信息交流的环节中,因此,用户和信息可视化的交互成为了现在信息可视化的核心。与传统静态的信息可视化相比,视觉界面中交互式的信息可视化最突出的是其可交互性、可选择性,它提供给用户更多的自由,同时也加强了信息之间的联系。

在交互式信息可视化中,用户作为信息传播过程中积极主动的寻求者和接收者,他们会按照自己的兴趣点和关注方向去选择各种信息,以满足自己的不同需要。信息可视化的整个过程更像是用户去大型超市购物,超市尽可能地为用户提供各类优质的产品(视觉精彩、交互流畅的可视化设计)。交互式信息可视化将主动权交给了用户自己,在这里用户不仅仅是信息的解读者,同样是信息交流时的参与者和主导者,而其核心则是如何通过一种更为有效的表现形式将信息传递给目标用户,使得用户在享受视觉“产品”的体验下获得知识和信息。

[参考文献]

[1] 戴立玲等,《信息图形化基础》[M],北京化学工业出版社,2004.10

[2] 龙尼・利普顿(美)著,、刘小麓译,《信息设计实用指南》[M],上海人民美术出版社,2008

[3] 戴维・达博纳,阿诺基・P西(英)著,汤凯青译,《新编英国平面设计基础教程》[M]上海人民美术出版社,

[4] 廖宏勇、张小纲编著,《信息编排设计》[M],北京大学出版社,2011.8

[5] 鲁晓波、詹炳宏编著,《数字图形界面艺术设计》[M],清华大学出版社,2006.4

[6] 王令中著,《视觉艺术心理》[M],人民美术出版社.2005.8

[7] 鲁道夫・阿恩海姆(美)著,滕守尧、朱疆源译,《艺术与视知觉》[M]四川人民出版社,,1998.3

[8] Jeff Johnson(美),著,张一宁译,《认知与设计―理解UI设计准则》[M],人民邮电出版社,2011

[9] Robert Spence(英)著,陈雅茜译,《信息可视化交互设计》[M],机械工业出版社,2012

[10] 覃京燕,信息可视化中交互设计方法探析[J],装饰,2007

[11] 吴桥,动态设计―新媒介条件下的视觉传达[J],新视觉艺术,2009

[12]李韦,信息图形化――浅谈图形在人机交互用户界面设计中的重要性,[J],开封教育学院学报,2006.

[13] 王赛兰,论交互设计中的信息可视化[J],产业与科技论坛,2012.

[14]龙娟娟,信息图形设计中的情感因素[D],中央美术学院硕士学位论文,2010

[15] 张尤亮,信息图形设计―信息图形设计在视觉传达领域中的应用[D],中央美术学院硕士学位论文,2010