Web学习资源的视觉传达设计研究

来源 :远程教育杂志 | 被引量 : 0次 | 上传用户:augustS
下载到本地 , 更方便阅读
声明 : 本文档内容版权归属内容提供方 , 如果您对本文有版权争议 , 可与客服联系进行内容授权或下架
论文部分内容阅读
  [摘要]文章将视觉传达设计理念引入Web学习资源的设计。首先将资源进行功能模块划分,构建Web学习资源的视觉传达设计模型;进而结合Web学习资源实例,分析并提出“整体定位设计→模块设计→整合资源设计”的Web学习资源视觉传达设计方案。
  [关键词]Web学习资源;视觉传达设计
  [中图分类号]G434
  [文献标识码]A
  [文章编号]1672—0008(2009)04—0051—03
  
  一、引言
  
  信息时代背景下网络化、数字化学习方式显得尤为重要,对与之配套的优质Web学习资源的需求日益突出。教育部及各级教育部门为此投入了大量的人力、物力、财力,并取得显著成效。截至2008年,90%以上的独立建制中小学基本实现“校校通”,并在此基础上各地区建立了教育城域网;适用于高校的国家级“精品课程建设工程”共建设精品课程1727门。
  


  伴随广泛的网络阅读与学习,青少年的视觉素养逐步提高,视觉审美能力日渐增强。他们对阅读对象、解读方式、视觉性质以及艺术价值等进行深层思考,对资源设计的审美需求与日俱增。一项关于“在校大学生数字化学习特征调查与分析”报告显示:学习者普遍认为数字化学习内容较传统学习方式更加丰富、生动,更易激发学习兴趣,能够更好地发挥学习的主动性,满足自身需要;但学生也认为目前的数字化学习存在更容易疲劳、无法长时间坚持、注意力不集中等问题。对于注意力不集中问题,有23.2%的学生因交互得不到及时反馈。有19.5%的学生认为是由于学习内容组织形式枯燥,还有11.9%的学生认为是界面设计单调导致注意力不易集中,另外还有9.2%的学生将其归咎为网络诱惑大、信息纷杂以及容易迷航等原因。
  由此可见,目前Web学习资源在数量大、应用广的背后隐藏着诸多设计缺陷,导致资源的教学应用效果差强人意。从以上数据可以看出,除了资源的教学设计亟待进一步完善以外,资源的视觉传达设计问题也应该引起教育工作者与资源设计者的足够重视。鉴于此,本文从视觉传达设计的角度对Web学习资源设计展开研究,旨在拓展Web学习资源的设计视野,改进资源设计方法,以利于提高资源的教育传达效果。
  
  二、视觉传达设计及其教育应用
  
  视觉传达设计(Visual Communication Design)是一门研究视觉及其应用的学科,它是兴起于19世纪中叶欧洲印刷美术设计(Graphic Design)的扩展与延伸。视觉传达设计是将有关内容传达给眼睛从而进行造型的表现性设计,是“给人看的设计,告知的设计”。视觉传达设计的主要功能是以印刷品、电子媒介为载体,设计、传达视觉信息,从而达到人与人之间通过“看”的形式进行交流的目的。
  随着新媒体技术的蓬勃发展,视觉传达设计在商业领域的成功有目共睹。视觉传达设计理念已经潜移默化地融入人们工作、生活的方方面面。从城市环境到居家装饰。从工业生产到日常生活,小到一枚钥匙,大到一座城市——设计在当今人类的生活中扮演着举足轻重的角色,真可谓“时时见品味,处处皆设计”。
  Web学习资源主要以专题学习网站、网络课程、WebQuest等形式存在,其功能是通过资源平台实现学习信息的传递、交流、共享。Web学习资源的建设是平台创建、信息整合、资源设计相结合的过程,其中资源设计包含教学设计、视觉设计两部分。教学设计保证资源教学内容的科学性;视觉设计则实现资源视觉呈现效果的准确性、合理性。
  因此,本文在Web学习资源的设计研究中引入视觉传达设计理念,并将其融入Web学习资源设计实践中。从独立的视觉元素到整体的设计风格,都传达出准确、合理的信息内涵,从而更加符合学习者阅读与审美的需求,改善学习体验,提升资源教学应用效果。
  
  三、Web学习资源的视觉传达设计方案
  
  


  本文以目前Web学习资源中最为广泛、最具代表性的资源形式——网络课程为研究对象。通过调查分析发现,目前大多数网络课程在设计时整个课程采用统一的模版样式,甚至不同的网络课程在设计时界面风格也大同小异,造成设计风格“统一有余,却个性不足”。网络课程中各组成部分的子界面大都与主界面采取同一种设计思路和风格,无法凸现其自身的特殊性,不能适应网络课程教学需求;学习者置身其中易引起视觉审美疲劳,更无从谈及唤醒其创造性。本文借鉴视觉传达设计理念,按Web学习资源在内容、功能上的不同划分为几个功能模块,采取整体定位设计一模块设计一资源整合设计的思路。首先进行整体定位设计继承以往资源设计中统一协调的原则;模块设计拓展了每个模块的设计空间,使得各个模块突破模版式设计的局限充分展现自身特点,从而更准确、恰当地传达该模块中的信息内涵;最后整合资源设计又回归整体,使得设计理念既协调统一又特色鲜明。接下来,对Web学习资源的视觉传达设计进行分析研究。
  
  (一)Web学习资源模块的划分及其特征
  本研究选取中央广播电视大学“电大网络课程”中的51门网络课程为研究对象,其中涵盖了工学、法学、管理学、教育学、经济学、农学、理学、医学、信息科学等基本学科门类,保证了研究的科学性、有效性。按照网络课程的组成部分进行划分、归类,区分其共性和个性,将其分为四大功能模块,如表1所示。
  Web学习资源四大功能模块的教学功能各有侧重,在整个资源中所占份额不尽相同,信息呈现方式也各具特色。课程内容传递模块是最具普遍性的资源模块。它是资源中承载信息最集中的部分。该模块主要通过丰富的文本资料、实录视频呈现教学内容,辅以课程导学资料引导学生进入课程学习。教学活动组织模块主要承载一般性教学活动如模拟测试、学生自测之类,主要以文本方式呈现;在经济类学科中,案例分析在这一模块中的份额较大,主要以文字、图片、辅以视频和动画来呈现案例信息,引导学生分析案例,从而有效地组织教学活动。学习社区讨论模块是网络课程中主要的学习交流区,师生、生生之间在此实现信息的互动;信息呈现以文本为主,辅以语音在线交流。
  
  (二)Web学习资源的视觉传达设计模型
  Web学习资源的视觉传达设计是视觉传达设计、网络技术和教育学的交叉研究领域。如何以网络为载体,将Web学习资源快捷、有效、广泛的传达给学习者?信息设计的审美、亲和力和创新是关键。Web学习资源视觉传达设计的终端为学习者,学习者是教学过程的最终体验者和受益者。那么,学习者的体验应该是Web学习资源视觉设计的重要问题。因此,Web学习资源视觉传达设计的首要任务在于设计分析。在设计分析的基础上,进行整体风格的定位;在整体基调和谐的前提下,按照模块教学功能的不同分别设计模块中的信息元素(色彩、图形、多媒体元素、版式等)。其中,设计分析贯穿于整个设计流程,因此每个设计环节之间都是开放的。根据视觉传达设计原理,本文设计了开放的“Web学习资源的 视觉传达设计模型”,用以指导资源设计的整个过程。具体模型如图1所示。
  1、整体定位设计
  (1)设计分析。设计分析是整体设计定位的基础,也是Web学习资源视觉传达设计的核心。分析的内容主要包含学习者行为、心理分析,学科承载的信息特征分析。我们可以借鉴许多在商业网站运作中的成功案例,如索尼、松下、柯尼卡等,设计师首先不是去绘制“美”的形,而是进行用户分析,从而为设计提供概念(concept)和目标(target)。同理,Web学习资源设计要首先通过学习者的分析并结合该学科资源的特性分析,使得设计者产生明确的设计理念和目标,为接下来的整体设计定位作铺垫。
  (2)风格定位。对中央广播电视大学“电大开放课程”中的51门网络课程进行分析认为,Web学习资源因其所属学科门类的不同,应该具有不同的设计风格。首先,Web学习资源的设计都应具有教育的共性,设计风格类型以简洁明快的传递教学信息为先导。其次,学科类别是设计风格的决定性因素,信息的设计风格又是该学科文化特质的体现。例如,在实例调查中我们发现,市场营销类与高等数学类因其学科差异而造成设计风格截然不同,前者偏活泼、动态、开放,后者偏严谨、简约、稳重。
  2、模块设计
  根据每个模块的功能特点,详细设计该模块的视觉元素与风格版式,具体设计方案如下:
  (1)课程内容传递模块是系统承载Web学习资源的主要模块。首先,模块版式应该清晰易读,以能够简洁、完整地呈现学习内容为宗旨。运用和谐的比例划分导航区和信息区,使其符合学习者的最佳视觉习惯。确立良好的比例关系,让人有“恰到好处”的心理感受,符合人的视觉经验和心理效应。比例关系一般体现在:画面所限定空间的长宽比,画面构成中实体内容与留白的面积比,画面被分割的比例,图文的关系以及各视觉元素内部的比例等形式上的数量关系。以“市场营销学”课程为例展开分析,清晰的“F”版式将导航信息和教学主体信息分隔,课程内容由视频信息和文本信息同步呈现,两者的比例划分接近黄金分割,视觉上极为舒适。其次,模块信息元素单一,主要以文本和视频为主,易产生视觉疲劳。因此,为突出该学科的开放性特点,多处运用圆点的视觉集中属性,通过点的排列产生线的感觉,引导动态的视觉流程。另外,色彩也是设计中的重要元素,色彩的组合与搭配直接影响模块的整体基调。该模块中动感、醒目的橙色圆点是引导学习活动继续进行的隐性图标,它与橙色方块的对照使得信息模块整体产生了对称均衡美。
  (2)教学活动组织模块是学习活动的集中区,形式较为多样,包括模拟测试、教学实践、案例分析等。现有的模拟测试环节较为正式,版式简单。然而,从调查中我们发现,模拟测试环节大多是纸本试卷的搬移。根据学习者的视觉习惯,长时间的集中注视电脑屏幕易造成眼部疲劳,最终迫使学习者中途放弃测试或产生心理厌倦感。因此,建议这个环节应该从多媒体元素角度适当增加互动成分(如音频回应、答案的图片化显示等),使得枯燥的测试产生共鸣,打破以往单一模式,使学习者享受有别于纸本测试的轻松测试环境。此外,案例学习与教学实践环节也应充分体现教学活动趣味性、形象性的特点,采用视频、图像等直观的形式引导学生融入教学活动中,理解和感受由活动所带来的知识情趣。从色彩角度来看,该模块应该注意醒目色彩的使用。比如在线测试环节中,醒目小标记的警示、提醒作用不容忽视,可以以较小的醒目色块提示给学习者关于问题的理解、客观的判断、知识的拓展等等方面的标记,更能加深学习者对知识内容的印象,产生良好的学习效果。
  (3)学习社区讨论模块是一个交互式模块,为学习者提供轻松愉快的信息交流环境。因此,在视觉设计过程中应该注重具有动态性元素的使用,如色彩的点缀和简洁的动画等。从“用户体验”角度考虑,学习者在这一模块中期望得到的是有别于课程传递模块的轻松愉快的活动体验。“小学语文教学研究”课程的学习讨论模块,沿袭了课程的整体风格,以绿色为主基调,仅在二级导航的文本部分有所变动。此外,色彩过于单一,表现缺乏动感;整个界面都以绿色系装点,这使得绿色不是生机的表现,而成了呆板的象征。内容仍然是纸质文本的“搬家”,缺乏讨论交流的动态元素。因此,该模块整体设计缺乏活力,与讨论模块的创意宗旨有所偏离。根据模块化的设计理念,应该在整体资源协调的基础上,进行模块的创新性设计,与模块自身的实现功能吻合,准确地传达该模块的信息内涵。
  (4)虚拟情景模块既可以创建系统的学习情景,又可以随机获取学习环境,提供学生学习的真情实景。这对开发、设计技术要求较高:首先,模拟情景要符合知识的真实性,要求情景造型具备美观、逼真的特点。另外,虚拟情景模块中学习者的情景体验也尤为重要。从学习者角度出发,学习者对该模块的需求是能够亲身参与虚拟情景中的活动,真实感受学习环境,并且在其中“扮演角色”。以“新思维综合英语”课程为例来分析,为突出该学科新奇性、应用性、人文性的特点,课程着重设计了虚拟情景模块。从视觉元素角度来看,逼真的动画形象代替了简单的文本呈现;同时,教学内容的角色扮演强调了学习的自主性,激发了学习者的学习热情和学习兴趣;此外,成功的色彩搭配也使该模块的视觉传达效果显著提高。采用具有较强“前进感”的橙色系来搭建内容框架,获得更强烈的视觉效果,动画背景则多采用具有后退感的色彩来表现,产生丰富的界面层次感。
  3、资源整合设计
  整合各个模块的设计效果,构建起完整的Web学习资源系统。遵循视觉传达设计中既有协调统一又有对比均衡的原则,从纵向纬度把握资源设计的整体格调,从横向纬度突出各模块内容设计特色,最终完成基于模块化设计理念的整体定位设计→模块分析设计→整合资源设计的视觉传达设计过程。
  
  四、结束语
  
  对于目前Web学习资源的视觉传达设计而言,遵循科学的设计理念,转变思维方式尤为重要。依据模块化设计理念,符合现代视觉传达设计规律的Web学习资源将成为促进学习者思维转变的重要因素。目前,我国Web学习资源的建设规模日趋庞大,资源的功能模块划分逐渐清晰和丰富。因此,本文提出的模块化设计理念旨在满足学习者日趋多元化的知识需求和审美需求,提高Web学习资源视觉传达的有效性和艺术性,以期对Web学习资源的优化建设起到积极地推动作用。
  
  本文责编:陈媛
其他文献
[摘 要] 国内信息化学习的不断发展使Moodle研究受到了前所未有的关注,同时也取得了新的进展和突破:Moodle本土化推广进程的研究从最初对Moodle功能介绍及其安装的探索进入到反思研究阶段;基于Moodle的网络课程设计与开发的研究更加注重在教学实践的基础上提出新的设计模式;利用Moodle进行网络教学与网络协作学习方面越来越重视开展实证研究;利用Moodle开展教师培训的研究开始转向结合
期刊
[摘 要] 本文概要介绍了J. Michael Spector, M. David Merrill, Jeroen Van Merrienboer & Marcy P. Driscoll主编的Handbook of Research on Educational Communication and Technology (Third edition)〔《教育传播与技术研究手册(第三版)》,Lawr
期刊
[摘 要] 本文首先对综述中用到的关键术语进行了界定,并讨论了思维技能、学习和技术三者之间的联系;然后从讨论一般思维技能是否存在的问题入手,针对思维技能能否被教授的问题进行了理论和实证的分析;接着对技术在思维技能教学中的作用进行了讨论,并认为信息和通讯技术(ICT)在思维技能教学中的作用方式主要有三种:作为导师或者教学机器、提供思维工具以及支持学习性对话。最后为使用技术支持思维技能的教学制定了指南
期刊
[摘要]今年第十三届全球华人计算机教育应用大会(GCCCE2009)的主题是:华人世界数位学习的合作与推广。会议主旨是希望通过各项活动促进华人地区数位学习的合作与发展。本次大会主要围绕十个主题进行:行动与无所不在的学习、悦趣化学习与社会、华语文数位学习、电脑支持的合作学习与人工智能教育应用、创新学习环境构建与教育软体设计、数位化测验与评量、企业e-Learning:平台、资源与模式、中小学教师论坛
期刊
[摘 要] 工业时代的学校教育模式特征是“以教为本”,但是其业绩效能已经挖掘殆尽。此时,必须进行变革形成新的S曲线。从S1到S2曲线,两个S 重叠的部分是就是组织效能低下的区域。如何摆脱旧的教学模式,采用系统设计教学的理念,面向社会发展与培养新人的需要,佛罗里达SY2000创意便是一种值得参照的尝试。  [关键词] 宏观教学设计;SY2000;学校教育模式  [中图分类号] G434 [文献标识码
期刊
[摘 要] 组织和开展教学的途径主要可以分为接受式、直导式、指导发现式和探究式四种结构。它们反映了吸收、行为和认知三种不同的学习模式。每种教学结构都有其适用的范围,尤其必须考虑学习者的原有经验以及学习任务的迁移类型。应依据学习活动中主要的认知过程特点来提出相应的教学原则——认知减负、集中注意、利用旧知、心智建模、实现迁移、自我监控和认知激励等,同时考虑各项教学原则与四种教学结构间的动态关系,以此达
期刊
[摘 要] 视线追踪作为视觉心理的一种重要研究方法,正广泛应用于多个领域。将视线追踪技术应用于e-Learning系统中,将提供一种新的研究视角。本文介绍了视线追踪技术及其特点,并通过两个眼动实验案例论述了该技术在e-Learning研究中的应用,以及对e-Learning系统设计的启示。最后以AdeLE项目为例,阐述了视线追踪技术在适应性e-Learning系统中的应用及其前景。  [关键词]
期刊
[摘 要] 以计算机和互联网为代表的信息通讯技术已经深刻地改变了人们的生活方式和交流方式,也因此,21世纪给世界各地传统学校和传统教育体制带来的是机遇与挑战并存的发展前景。在这样的背景下,杭州师范大学、美国肯恩大学和浙江大学教育学院联合举办了第11届西博会“21世纪学习”国际论坛,论坛邀请了21位国际教育技术专家和6位国内教育技术专家,共做了26场报告。报告的主题包括五大方面:(1)信息通讯技术(
期刊
[摘 要] 本文在建构主义学习环境理论、系统化教学设计理论以及认知学徒制和合法边缘性参与理论指导下,结合网络课程学习社区的组成要素,以教育技术学导论课程为例,探讨基于Claroline的网络课程学习社区模型的设计与构建。  [关键词]Claroline;网络课程学习社区;模型  [中图分类号] G40-057 [文献标识码] A [文章编号] 1672—0008(2009)05—0046—04  
期刊
[摘 要] 本文采用内容分析法和文本分析法对第十三届全球华人计算机教育应用大会(GCCCE2009)中“悦趣化学习与社会”(本文称游戏化学习)子会议的全部录取论文进行了深入分析,据此探讨全球华人社区游戏化学习的研究现状和未来的发展趋势。  [关键词] 教育游戏;现状;趋势;GCCCE  [中图分类号] G434 [文献标识码] A [文章编号] 1672-0008(2009)05-0069-05 
期刊