教学资源设计

教学资源的设计和开发 第二章第二章 教学资源的设计要素 引言 【问题】【问题】李梅是一名具有 9 年教龄的小学数学老师， 近几年，随 着信息技术的发展， 李梅发现利用各种类型的教学资源辅助教学是课 堂教学发展的新趋势， 但在自己实际操作时， 经常会遇到这样的问题： 要设计一份教学资源，一般要考虑到哪些设计要素呢？界面如何呈 现，内容又包括哪些呢?面对各种媒体要素，该如何选择和组合才能 最有效地促进学生的学习呢？ 【分析】【分析】 李老师遇到的这个问题有很强的代表性， 教师在日常教 学中经常会遇到如何确定教学资源设计要素的问题。 对这些知识的了 解和掌握是后续学习各种教学资源设计与开发的基础， 在本章里， 你 将学习各种常见的教学资源设计要素。 我们共需要 3 个学时来完成本 章内容的学习。 学习目标 [回忆]陈述陈述常见的教学资源设计要素 [理解]列举列举各种常见教学资源设计要素的典型设计方式 [应用]使用使用将教学资源设计要素应用到自己的实际设计中 整体来说，教学资源的设计包括界面和内容两个维度。 在界面维度，资源的设计和开发 者既要考虑界面设计，如布局和色彩，同时也要考虑到导航设计、 教学资源的媒体要素组合 设计、人机交互设计，以使教学资源在形式上能够最大程度地满足学习者的需求， 激发其学 习动机。在内容维度，一般教学资源的设计都要涉及到以下要素：知识表现设计、学习活动 设计、测评与反馈设计、仿真与控制设计。根据不同的设计理念和教学意图，对教学要素的 第二章 教学资源的设计要素 不同组织方式，能够开发出多种不同类型的教学资源，包括演示型、个别指导型、评测练习 型、模拟仿真型、探究性主题资源、学科资源库以及学科网站等，它们以不同的方式、各自 不同的优势对教学的过程提供有效的支持。 图 2-1 为教学资源设计要素示意图，也是本章的 主要内容。其中基于内容维度的设计要素 “评价反馈设计”和“仿真控制设计”将在第五、 第六章进行详细的介绍，本章将不再赘述。 图 2-1 教学资源设计要素示意图 第一节 基于界面维度的基本设计要素 任务任务 1 1 故事板——找出您以前设计过的一个教学资源（可以是上课用的 PPT 课件或者课后留 给学生自学的资源） ，然后填写下面的信息。 2 教学资源的设计和开发 一、一、界面设计界面设计 界面是学习者与教学资源进行信息交流的接口， 也是教学内容对学习者产生最初和 持续影响的地方,界面设计是否友好、信息是否简明清晰、重要教学信息是否突出等都 将在很大程度上影响到学习的效果和效率， 因此界面设计是信息化教学资源开发中一个 非常重要的问题。 ( (一一) )界面布局的设计原则界面布局的设计原则 布局指的是同一页面中各种元素、 各种媒体的相互搭配及各自出现的位置。 合理的 布局在让人感觉舒适的同时， 也能将教学信息更好地传递给学习者。 教学资源在界面布 局上应遵循如下几项原则： 1. 1.主体突出主体突出 首先，人们观察页面的习惯是从左到右， 从上到下，布局设计要考虑到人们的这一 视觉习惯，尽量将主体放置在页面中部偏左上的位置，如图2-2 所示。 其次，遵循对 比原则。一般来说主体与背景的区分度越大， 主体就越突出，从而成为学习者感知的对 象。使主体突出可以通过对比的方法， 包括大小对比、 明暗对比、 色彩对比、 形状对比、 动静对比等。第三是简化页面，仅仅在页面上保留必要信息，留有一定的空白，使页面 主体凸显，内容清晰。 3 第二章 教学资源的设计要素 最佳视域区 图 2-2 界面的最佳视域区 2. 2.画面均衡画面均衡 均衡是布局时不可忽略的问题，失去均衡，会给人“头重脚轻”的感觉，要做到均 衡，就要对画面上的各个对象进行妥善安置，使其疏密得当，相互呼应。均衡主要有两 种形式，对称式均衡和非对称式均衡。 两种方式各有利弊，在设计时需要综合考虑内容 呈现要求、各知识模块比例、色彩搭配等多种要素来实现画面的稳定、和谐。 3. 3.一致性一致性 根据知觉的整体性规律， 人们总是倾向于把看起来相似的事物统一起来， 把握其整 体特征和意义。因此，每个教学资源都要保持一定的布局风格的一致性。具体来说，在 一系列页面中，控制区、内容区等区块的安排要一致，具有相似功能的按钮、图标等也 要位于相同的位置，不会随着教学资源的运行而改变。 ( (二二) )界面布局常见结构设计界面布局常见结构设计 1. 1.“三字形”页面布局“三字形”页面布局 “三字形”页面布局设计将页面分为三个区域， 上面的五分之一为标题区， 中间大 部分为内容区，页面下方为控制区，主要放置按钮。在页面跳转过程中，标题区与控制 区的位置保持不变。如图2-3 所示，为“三字形”页面布局样式及其应用实例。 图 2-3“三字形”页面布局及其实例——《脊椎动物》 4 教学资源的设计和开发 2. 2.“右双列”页面布局“右双列”页面布局 “右双列”布局方式将标题以及控制的内容安排在人们注意力相对较弱的页面右 侧，而将页面左边大部分区域用作内容显示，这种方式符合人们的视觉习惯，如图2-4 所示，在其应用实例中采用“右双列”以凸显诗歌正文内容。 图 2-4 “右双列”页面布局及其实例——《郭沫若诗两首》 3. 3.“左双列”页面布局“左双列”页面布局 “左双列”布局中，界面左侧的小部分区域为控制区，右侧的大部分区域用作内 容的显示。这种布局方式并没有将教学内容在人们注意力相对集中的位置显示，因此， 它不适合于课堂教学，但是，人们又较为习惯控制区在左边的设计方式， 所以这种布局 方式常用于自学型教学资源。如图 2-5 所示，控制区在左侧便于学生自学时把握整体框 架。 图 2-5“左双列”页面布局及其实例——《保护生物多样性》 4. 4.“厂”字形页面布局“厂”字形页面布局 “厂”字形布局页面上方区域放置标题与一级栏目的导航条，页面左侧的主要内 容是与一级栏目对应的二级栏目列表， 具体内容在子栏目导航右侧的区域显示。 这是人 们最为习惯的网页布局形式，常用于网页设计中，如图2-6 所示。 5 第二章 教学资源的设计要素 图 2-6“厂”字形页面布局及其实例——《美丽的公鸡》 5. 5.“兀”字形布局“兀”字形布局 “兀”字形布局常用于网络资源首页，页面上方一般放置标题及导航条，下方划 分为左、中、右三部分，每部分又可以放置若干个小栏目。这种布局方式可以将部分甚 至是全部栏目的主要信息显示出来，让人们对资源有一个整体的认识。如图2-7 所示， 在其应用实例中，个人学习空间页面由于要呈现的内容较多，采用“兀”字形布局。 图 2-7 “兀”字形页面布局及其实例——学习超市平台学习空间 6. 6.“海报”式布局“海报”式布局 “海报” 式布局常用于教学资源的首页， 这种布局效果使整个页面类似于一张宣传 海报， 在页面的中心有一张设计精美的图片， 而经过精心设计的导航条和图片形成自然 完美的融合。如图 2-8 所示，其应用实例就是典型的海报式布局。 6 教学资源的设计和开发 图 2-8“海报”式页面布局实例——《向往奥运》专题学习资源首页 ( (三三) )界面色彩的运用界面色彩的运用 色彩也是界面设计的一个重要方面。 色彩运用得好， 能给