第2章教学资源设计要素

教学资源的设计和开发第二章教学资源的设计要素引言【问题】李梅是一名具有9年教龄的小学数学老师，近几年，随着信息技术的发展，李梅发现利用各种类型的教学资源辅助教学是课堂教学发展的新趋势，但在自己实际操作时，经常会遇到这样的问题：要设计一份教学资源，一般要考虑到哪些设计要素呢？界面如何呈现，内容又包括哪些呢?面对各种媒体要素，该如何选择和组合才能最有效地促进学生的学习呢？【分析】李老师遇到的这个问题有很强的代表性，教师在日常教学中经常会遇到如何确定教学资源设计要素的问题。对这些知识的了解和掌握是后续学习各种教学资源设计与开发的基础，在本章里，你将学习各种常见的教学资源设计要素。我们共需要3个学时来完成本章内容的学习。学习目标[回忆]陈述常见的教学资源设计要素[理解]列举各种常见教学资源设计要素的典型设计方式[应用]使用将教学资源设计要素应用到自己的实际设计中整体来说，教学资源的设计包括界面和内容两个维度。在界面维度，资源的设计和开发者既要考虑界面设计，如布局和色彩，同时也要考虑到导航设计、教学资源的媒体要素组合设计、人机交互设计，以使教学资源在形式上能够最大程度地满足学习者的需求，激发其学习动机。在内容维度，一般教学资源的设计都要涉及到以下要素：知识表现设计、学习活动设计、测评与反馈设计、仿真与控制设计。根据不同的设计理念和教学意图，对教学要素的2第二章教学资源的设计要素不同组织方式，能够开发出多种不同类型的教学资源，包括演示型、个别指导型、评测练习型、模拟仿真型、探究性主题资源、学科资源库以及学科网站等，它们以不同的方式、各自不同的优势对教学的过程提供有效的支持。图2-1为教学资源设计要素示意图，也是本章的主要内容。其中基于内容维度的设计要素“评价反馈设计”和“仿真控制设计”将在第五、第六章进行详细的介绍，本章将不再赘述。图2-1教学资源设计要素示意图第一节基于界面维度的基本设计要素任务1故事板——找出您以前设计过的一个教学资源（可以是上课用的PPT课件或者课后留给学生自学的资源），然后填写下面的信息。教学资源的设计和开发311一、界面设计界面是学习者与教学资源进行信息交流的接口，也是教学内容对学习者产生最初和持续影响的地方,界面设计是否友好、信息是否简明清晰、重要教学信息是否突出等都将在很大程度上影响到学习的效果和效率，因此界面设计是信息化教学资源开发中一个非常重要的问题。(一)界面布局的设计原则布局指的是同一页面中各种元素、各种媒体的相互搭配及各自出现的位置。合理的布局在让人感觉舒适的同时，也能将教学信息更好地传递给学习者。教学资源在界面布局上应遵循如下几项原则：1.主体突出首先，人们观察页面的习惯是从左到右，从上到下，布局设计要考虑到人们的这一视觉习惯，尽量将主体放置在页面中部偏左上的位置，如图2-2所示。其次，遵循对比原则。一般来说主体与背景的区分度越大，主体就越突出，从而成为学习者感知的对象。使主体突出可以通过对比的方法，包括大小对比、明暗对比、色彩对比、形状对比、动静对比等。第三是简化页面，仅仅在页面上保留必要信息，留有一定的空白，使页面主体凸显，内容清晰。4第二章教学资源的设计要素最佳视域区图2-2界面的最佳视域区2.画面均衡均衡是布局时不可忽略的问题，失去均衡，会给人“头重脚轻”的感觉，要做到均衡，就要对画面上的各个对象进行妥善安置，使其疏密得当，相互呼应。均衡主要有两种形式，对称式均衡和非对称式均衡。两种方式各有利弊，在设计时需要综合考虑内容呈现要求、各知识模块比例、色彩搭配等多种要素来实现画面的稳定、和谐。3.一致性根据知觉的整体性规律，人们总是倾向于把看起来相似的事物统一起来，把握其整体特征和意义。因此，每个教学资源都要保持一定的布局风格的一致性。具体来说，在一系列页面中，控制区、内容区等区块的安排要一致，具有相似功能的按钮、图标等也要位于相同的位置，不会随着教学资源的运行而改变。(二)界面布局常见结构设计1.“三字形”页面布局“三字形”页面布局设计将页面分为三个区域，上面的五分之一为标题区，中间大部分为内容区，页面下方为控制区，主要放置按钮。在页面跳转过程中，标题区与控制区的位置保持不变。如图2-3所示，为“三字形”页面布局样式及其应用实例。图2-3“三字形”页面布局及其实例——《脊椎动物》教学资源的设计和开发5112.“右双列”页面布局“右双列”布局方式将标题以及控制的内容安排在人们注意力相对较弱的页面右侧，而将页面左边大部分区域用作内容显示，这种方式符合人们的视觉习惯，如图2-4所示，在其应用实例中采用“右双列”以凸显诗歌正文内容。图2-4“右双列”页面布局及其实例——《郭沫若诗两首》3.“左双列”页面布局“左双列”布局中，界面左侧的小部分区域为控制区，右侧的大部分区域用作内容的显示。这种布局方式并没有将教学内容在人们注意力相对集中的位置显示，因此，它不适合于课堂教学，但是，人们又较为习惯控制区在左边的设计方式，所以这种布局方式常用于自学型教学资源。如图2-5所示，控制区在左侧便于学生自学时把握整体框架。图2-5“左双列”页面布局及其实例——《保护生物多样性》4.“厂”字形页面布局“厂”字形布局页面上方区域放置标题与一级栏目的导航条，页面左侧的主要内容是与一级栏目对应的二级栏目列表，具体内容在子栏目导航右侧的区域显示。这是人们最为习惯的网页布局形式，常用于网页设计中，如图2-6所示。6第二章教学资源的设计要素图2-6“厂”字形页面布局及其实例——《美丽的公鸡》5.“兀”字形布局“兀”字形布局常用于网络资源首页，页面上方一般放置标题及导航条，下方划分为左、中、右三部分，每部分又可以放置若干个小栏目。这种布局方式可以将部分甚至是全部栏目的主要信息显示出来，让人们对资源有一个整体的认识。如图2-7所示，在其应用实例中，个人学习空间页面由于要呈现的内容较多，采用“兀”字形布局。图2-7“兀”字形页面布局及其实例——学习超市平台学习空间6.“海报”式布局“海报”式布局常用于教学资源的首页，这种布局效果使整个页面类似于一张宣传海报，在页面的中心有一张设计精美的图片，而经过精心设计的导航条和图片形成自然完美的融合。如图2-8所示，其应用实例就是典型的海报式布局。教学资源的设计和开发711图2-8“海报”式页面布局实例——《向往奥运》专题学习资源首页(三)界面色彩的运用色彩也是界面设计的一个重要方面。色彩运用得好，能给用户带来更好的视觉感受，同时，色彩还能起到突出重点、烘托气氛等作用，因此，合理的色彩运用对于教学信息的表达也能起到很好的辅助作用。界面色彩的运用需要从主色调、色彩的对比与色彩的调和三个方面进行把握。主色调应该根据教学内容和教学对象来确定，形成统一风格。色彩的对比可通过主体和背景、重点和次重点的色相、明度和纯度的对比用来突出重点，区别不同的事物，使画面更加丰富。色彩的调和可通过使用类似色和过渡色来使画面自然和谐，产生较强的统一感和表现力。提示色彩具有三个要素，色相、明度与饱和度。色相指的是在不同波长的光照射下，人眼所感受到的不同的颜色，如红色、黄色、蓝色等，它反映了各种具体色彩的面貌，主要用来区别各种不同的色彩。明度指的是色彩的明暗深浅程度，同一种色彩可以有由明到暗的色彩变化，对于不同的色彩，明度也不相同，例如，黄色的明度较高，紫色的明度较低。饱和度又称纯度，指的是色彩的纯粹程度，对于同一种颜色，纯度的改变会带来显著的鲜艳程度的变化。拓展阅读在多媒体课件制作过程中，色彩是界面构图的重要内容。可参见下文，明晰多媒体课件界面色彩的设计原则。丁卫泽.关于多媒体课件界面的色彩设计[J].中国医学教育技术，2003（6），353-356.二、导航设计8第二章教学资源的设计要素导航在教学资源界面设计中具有重要的作用，它给予学习者以指引，防止学习者在信息量繁多的学习资源中“信息迷航”。在设计时，应注意针对用户对象、资源类型、知识内容、学科性质等方面的特点，选择恰当的导航方式。(一)导航设计的基本原则1.组织结构明确导航的组织结构集中反映了它的引导功能，应该能让使用者一目了然。具体表现为：能让使用者明确自己过去和未来的学习路径；能让使用者对教学内容的结构形成一个整体清晰的认识，了解当前自己所处的位置。2.外观简明统一导航应设计得尽量简明，标识明确规范，含义简单易懂，让学习者能够轻松地利用导航进行学习；导航的位置也应考虑到人们的浏览习惯，让学习者很快就能找到；各个页面的导航风格也应当统一，学习者在不同页面切换时，导航所在的位置和导航的外观都应保持不变。3.操作灵活教学资源的导航应当充分考虑学习者的需要，在必要的地方提供必要的导航，比如，要能够随时从子一级页面返回模块首页或资源的首页。灵活的导航才能让学习者在教学资源这个复杂的信息系统中无障碍地、自由地开展学习。(二)典型的导航方式1.线性导航线性导航将信息按照一定的次序呈现，使用这种导航，学习者只能按照设定好的次序使用教学软件。使用PowerPoint制作的演示文稿在默认情况下就是采用线性导航方式。线性导航可以利用在空白处单击鼠标的方式，也可以利用按钮。教学资源的设计和开发911图2-9线性导航实例2.导航页导航导航页中，导航条目占据页面的大部分，通常情况下，教学资源由若干个模块组成时，通过导航页提供的链接可进入各个模块，导航页也可以作为教学资源的首页。如图2-10所示。图2-10导航页导航实例3.导航条导航无论是演示文稿形式的教学课件还是网页形式的网络课程资源，导航条都是一种最10第二章教学资源的设计要素为常见的分支导航形式，导航条通常会出现在资源的每个页面中。如图2-11所示。图2-11导航条导航实例4.导航树导航树指的是将教学内容划分层次后，做成类似windows资源管理器目录树的样子。采用这种导航方式，每部分内容都可以打开和折叠，导航容纳的内容多，并且层次清晰。如图2-12所示。图2-12导航树导航实例5.弹出菜单导航弹出菜单导航在页面上只显示第一级内容的标题，当鼠标移动到标题上时，将自动弹出第二级内容标题的列表，通过弹出的菜单打开具体内容。如图2-13所示。教学资源的设计和开发11图2-13弹出菜单导航实例6.网状导航网状导航通常以导航图的方式实现，导航图能以图形化的方式呈现整个资源的概况，通过导航图的链接可以进入资源的各个部分，这种导航方式能够使学习者清楚地了解每个模块在系统中的位置。如图2-14所示，通过单击每个知识点，可以展开与它相关联的其他知识点，双击该知识点，可进入该知识点的页面内容。图2-14网状导航实例12第二章教学资源的设计要素7.面包屑导航“面包屑”导航是网站中应用较多的一种辅助导航方式，它通常位于页头的下方，告知用户所在的位置，同时，通过它还可以追溯到网站首页等所在位置的上级页面。如下图2-15中，红色方框内“您的位置”一行即为面包屑导航。图2-15面包屑导航实例提示面包屑导航(BreadcrumbNavigation)这个概念来自童话故事汉泽尔和格雷特尔，当汉泽尔和格雷特尔穿过森林时，他们在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路，所以，面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回上级页面。三、媒体要素组合设计任务2在一次教学研讨会上，讨论起制作课件时，应如何组织媒体素材才能达到更好的教学效果，四位老师分别发言如下：A老师说：我发现学生特别喜欢各种趣味性的东西，因此我会经常把很多好玩的图片或动画放到资源里面来吸引学生的兴趣，哪怕与教学内容无关。B老师说：单独文字呈现教学内容确实枯燥又不形象，我喜欢加入与内容相关的图片，用图文结合的方式来呈现教学内容。C老师说：我经常给学生一个图片，然后辅以我的解说。D老师说:我也经常采用B老师和C老师的方式，不过我为了使学生能记得更清楚，会即加入文字，又加入图片，最后还会辅以我的解说。教学资源的设计和开发13请认真学习下面关于媒体要素组合设计的内容，然后对四位老师的观点分别加以评述。老师观点您的评述A老师观点B老师观点C老师观点D老师观点教学资