视觉文本：关于课件设计的研究

步振华

摘 要：信息时代的到来，促使数字技术不断地迭代升级，在现代教育技术发达的今天，设计教学中板书式的传统表达已经远远不能满足人们学习的要求。强调视觉化体验的多媒体课件的出现与迅速普及，打破了传统教学技术手段的局限，将抽象化的理论知识、经典案例、技能方法、作业范例进行重新编排，形成具有逻辑秩序和一定形式美感的视觉文本，成为教师传道授业解惑的重要媒介。

关键词：课件；设计；手法

0 前言

本文希望通过对具有代表性的课件设计案例及文献进行系统地收集与分析，针对课件类型和功能的不同进行归纳与整理；对影响教学内容传达的视觉元素呈现的形式法则进行归纳与分析，整理出设计课件的一般形式法则的参照体系；结合最新的技术手段与媒介语言，并尝试分析非线性交互式多媒体课件设计与演示方式在教学中应用的可能，进而重构为感性的视觉文本，达到提升传授效果的目的。

1 课件设计概述

1.1 涵义

课件是根据教学大纲的要求，经过确定教学目标、教学内容和任务分析、教学活动结构等环节，在遵循一定的视觉传达形式法则的基础之上，利用多媒体技术而设计制作的数字文件，是教师为学生传道授业解惑的最重要、最普及的媒介，也称之为“多媒体课件”。设计课件是一个将教学信息进行视觉文本化的转译过程。其特点包括以下几个方面：

丰富的表现力：多媒体课件不仅可以更加自然、逼真地表现多姿多彩的视听世界，还可以对宏观和微观事物进行模拟，对抽象、无形的事物进行生动、直观的表现，以及对复杂过程进行简化再现等，进而使得教学活动充满了魅力。

良好的交互性：多媒体课件不仅可以在内容学习的使用上提供良好的交互控制，而且可以运用适当的教学策略指導学生学习，更好地体现出“因材施教的个别化教学”。

极大的共享性：网络技术的发展，多媒体信息的自由传输，使得教育信息在全世界交换、共享成为可能。以网络为载体的多媒体课件，促进了教学资源的共享。

多媒体课件在教学中的使用，提高了教学媒介的表现力和交互性，促进了课堂教学内容、教学方法、教学过程的全面优化，提升了教学效果。但其可操作性略逊于传统板书式教学模式。

1.2 发展现状

课件制作的工具目前分为以下几种：PowerPoint、Keynote、Flash、Adobe Acrobat、Authorware、几何画板、方正奥思等。呈现媒介形态目前分为以下几种：PPT幻灯片、视频课件、网页课件、动画课件、APP网络课件等。目前的课件设计存在以下问题：

第一，课件设计在视觉表现上产生了误区——视觉饕餮盛宴，一味地追求动画效果、三维技术，界面花哨，变相地提升了课件设计的技术门槛，也偏离了课件用以辅助教学的原则，而且，过于夸张和花哨的课件也会在教学过程中分散学生的注意力。

第二，对于课件教学内容的编排，大部分还是以单线性思维模式来组织，缺乏交互和导视设计。技术的匮乏导致课件只能以文字和静态图片的形式来阐释抽象的教学信息内容。这样的课件表现形式单一，与传统教材的电子版没有什么区别，学习的时候容易产生枯燥、乏味、烦躁的情绪，加之演示环境的限制，最终导致教学效果大打折扣。

至此，针对课件设计的内容结构编排，一些专家学者提出了新的概念——非线性网络课件，但目前还没有一个明确的定义。字面的误读，使得大家普遍把超级文本链接作为非线性课件的定义标准。笔者认为，非线性课件的核心思想就是要打破教师单向教学模式及学生被动接受学习模式，为学生营造积极、主动及自适应的学习环境，突出以“学生为中心”的学生内随机因素自组织的教学思想。

这一系列的问题，是我们每一位课件制作者和使用者必须关注的。可以设想根据学生认知模型提供的信息，通过智能化的运算与推理，动态生成因人而异的教学的内容与策略；通过智能诊断机制判断学生的学习水平，分析学生产生错误的原因，同时向学生提出更改建议，以及下一步学习内容的建议；通过对全体学生出现的错误分布统计，智能诊断机制将向教师提供教学重点、方式，测试重点、题型的建议等。

2 课件的功能与类型

2.1 功能分类

（1）演示展示。在教学常态中，专家学者讲座使用课件将自己的学术思想和观点提纲挈领地展现出来，并借用多媒体技术的表现形式使内容更加活泼生动，将信息传达给学习者。

（2）阐释解读。借助多媒体技术生动、清晰、全面地阐释解读以抽象的教学信息如概念、过程、技法等，使教学信息更加易读，同时提升学生的学习兴趣。

（3）媒介平台。课件在多媒体技术的基础上，结合当下跨媒体协作的方式，将教学信息按照一定策略上传至网页、教学软件、设备终端等平台，进而为大众增加学习和练习的渠道。

2.2 类型分类

（1）课堂演示。这类课件通常应用在课堂教学，是为了将某一学科的教学信息如概念、过程、技法等更加生动形象地传授给学生。

（2）自主学习。这类课件是在课堂教学之外，以独立形式存在的媒介载体，如作业软件、论坛、精品课程等，学生可以自由安排时间、地点来进行自主式学习。

（3）资料检索。这种类型的课件包括电子图书、电子词典、手机App①软件以及各类试题库等，在这类课件中会提供大类的教学资料以供学生课外检索阅读。

3 课件设计构成关系

这里所指的构成关系，旨在梳理出构成课件设计中各要素之间逻辑关系和视觉表现方式，力求发现固有认知的误区，同时发现新的实现可能。

3.1 文本与课件

文本（Text）是书面语言的表现形式，②从文学的角度说，通常是指具有完整、系统含义（Message）的一个句子或多个句子的组合。文本是信息的载体，包含文字文本和视觉文本，是课件的核心信息的支撑体。

课件承载着文本所要传达的信息内容，它以视觉化的方式再现、诠释文本。设计课件是由抽象符号向视觉化文本演变的过程，它将教学信息中抽象的文本信息，严格按照教学目的和适当的视觉传达形式法则借助多媒体技术加以渲染、拟像、再现、律动、渐变等，最后以视觉的形式再加以呈现。

3.2 文字与图像

文字是人类把时空的影像变化转译成视觉可见的符号系统，是书写记录的视觉表意符号，是人类约定创造的视觉形式。图像是人对视觉感知的物化再现，蕴含多种含义，它既可以通过光学设备获取，也可以人为创作，而且还可以记录保存在纸质媒介、胶片等对光信号敏感的介质上。随着数字采集技术和信号处理理论的发展，越来越多的图像都采用以数字形式进行存储。因而，有些情况下“图像”一词实际上是指数字图像，图像又分为静态图像和动态图像。③

在课件设计的实际应用当中，文字是最常见的符号载体，但类似概念、原理、过程等较为复杂的教学信息，通过有组织有设计的文字进行传达，其准确度较高。但是通过视觉图像形式来传达教学信息则更具直观性，可以让我们更加快速地理解文本内容，同时还会在我们的记忆中形成语义编码，有利于加深记忆。

3.3 图表与动画

图表（Infographics）是一个可读、可视化的复合体系，由图像、文字和数字结合而成，可使信息更形象地呈现。它帮助人们将隐含的、复杂的和含糊的信息内容加以归纳编排，运用特定的视觉化元素以显著、鲜明、简单、直接、连贯的可视化方式更直观地呈现出来。

迄今为止，大部分动画在课件设计中的作用仅停留在实现表层动态技术或者简单的装饰。但信息设计作为令人关注的新专业名词在一些公共媒体里应该得到实际应用。笔者由此提出将课件设计纳入信息设计的范畴，信息設计中的一些实用并可操作的设计方法和形式语言可以为课件设计提供一些借鉴。

3.4 课件与环境

随着科学技术的迅猛发展，虚拟现实技术日趋成熟。在国外，虚拟现实技术已应用于课堂教学。

虚拟现实技术在各方面展现出了强大的应用可能性，蕴藏了无限生机。它能够为学生营造生动逼真的学习环境，学生能够成为虚拟环境的一名参与者，在虚拟环境中扮演一个角色，这对调动学生的学习积极性作用巨大。

4 课件设计叙事手法

课件教学的方式从无到有，多媒体技术的介入进一步增强了视觉表现力。从静态演示到交互参与，从平铺直叙到非线性超链接，从单一媒介体到多媒介共同协作，笔者就现有的几种教学信息叙事模式进行分析。

4.1 陈述式

传播学范畴内，单线性陈述式模式最为直观，也最能实现本体目的。教学课件以陈述的叙事方式来组织形式与内容，是一种单线性思维教学模式。主要说明“是什么”的问题，这种依照教材“述而不作”式的教学，一般适用于初级的、具体的、事实性的知识传授，有时也用于抽象逻辑推理前的必要知识贮备教学。这种习惯依照教材的陈述结构来讲授知识、罗列结论，其教学效果的极大值也不过是知识的堆垒，并不能进一步提高学生的能力。

而在艺术类教学过程中，此种单线性思维教学模式对交叉性学科的知识传播有局限性，所以很难激发学生的发散性思维。

4.2 交互式

多媒体课件设计的应用，不仅仅让课件成为具有多媒体元素的演示媒介，它最大的特点在于能实现人机交互，让学生参与进来，通过输入、控制、选择等方式进行自主学习。这就决定了交互性是贯穿整个多媒体课件的。

在大家的通识记忆中，交互式即交互式教学系统，颠覆了传统板书式教学模式，区别于常规软件（如PowerPoint），是一种借鉴互联网应用特性所产生的教学模式。直观地说，就是授课和反馈可以平行进行。目前提到的交互式教学系统，主要都是基于交互式硬件设备的，如交互式电子白板、交互式液晶书写屏、交互式液晶一体机等。相对于传统的多媒体教学，交互式的优点是教师在授课过程中可以直接在授课界面进行课件的讲解、批注、编辑等，教学十分方便。

笔者认为真正将交互融入课件设计中必须具备两个方面考虑：

（1）行为交互体验，即课件具备可操作性，可以通过教学媒介参与到学习中去

（2）视觉交互体验，即课件具备交互行为的同时，具备一定的视觉效果（形式），更需要具备符合人机工程学中的视知觉体验UI④+UE⑤。

在多媒体技术介入课件设计的当下，我们一味追求花哨的用户界面（UI）视觉效果设计，却忽略了课件属于数字化产品范畴的本质问题。作为一个教学的媒介产品，本体包含内容、用户界面（UI）、操作流程、交互功能等多个方面元素，所以我们必须考虑用户对课件使用感觉，从而进行设计和研究，即UE设计。所以课件设计中的UI和UE是不可分割的。

4.3 非线性

非线性即non-linear，是指输出、输入不是正比例的情形。如宇宙形成初的混沌状态。自变量与变量之间不成线性关系，成曲线或抛物线关系或不能定量，这种关系叫非线性关系。

其实非线性概念应用最广泛的是在电影、电视中，是相对传统的线性叙事的一种叙事方式。针对课件设计的内容结构编排问题，一些专家学者提出了一种概念——非线性网络课件，但目前还没有一个明确的定义。

笔者从捷克1966年的交互式电影（interactive movie）《Kinoautomat ： One Man and His House》中获得新的启示。这部电影首先在情节编撰上，不再只采用单线性思维模式的叙事蒙太奇手法，⑥还加入了非线性思维模式平行蒙太奇手法和互动环节，观众可以在影片中的互动环节参与剧情，进而获得前所未有的心理体验。观众参与互动环节的结果会导致多线程的情节走向，这种多线程的非线性叙事方式让观众更加专注于难以预知的故事结局。此电影是历史上第一部交互式电影雏形。2005年，北京电影学院孙立军教授将此概念定义为第三代电影（数字交互式电影或数字互动电影）。

至此，笔者发现一个共性，电影和课件都是传递信息的媒介，只不过是以不同的媒介形态呈现。还有一个表象性偶同，课件的早期形式为幻灯片，逐帧播放，电影也是相似的播放原理，便不再赘述。

那么，我们是否可以从电影中汲取一些灵感，将课件的设计更加灵活、人性化。由此，笔者迸发出一个实验性想法：选择熟知的艺术教学领域的一个课题作为切入点，将非线性交互思路应用到技法、概念、过程的传授解读。

5 课件实验性设计

“茶·器”关于茶道中杯子的制作：

以陶艺专业的一门分支课程中的课题“茶·器”作为切入点，这类实物制作的专业教学，其授课重心只停留在“做”的层面，而对此类器物的文化介绍则是一带而过，甚至直接跳过。

作者将结合UE视觉传达设计理念对这门传统手工艺课程教学的课件设计进行重构，打破这门课程的时空局限性，让更多的人能在没有实践条件的情况下得到身临现场的体验。

借助PPT里的专场动画、图形运动等功能，配合背景音乐对演示内容进行节奏控制。同时配合展览需要，一改传统展示思路，用陶艺专业实验室教学黑板上的二次创作實物作为背景展示元素，可以实现即兴交互。在形式表现上构成鲜明对比，但在内容上仍保持互文的关系。（具体参见南京艺术学院设计学院毕业作品栏目）。

注释：①根据某些学科开发的手机端的应用程序，此程序里涵盖这类课程的所有知识点，方便学生随时检索学习。

②text.维基百科（英），引用日期2012-06-22。

③图像 维基百科，引用日期2010年6月1日。

④User Interface的缩写。字面意思是“用户界面”，一般指用户界面规划，流程上的设计。

⑤UX（UX）：User Experience的缩写。

⑥叙事蒙太奇是按事物的发展规律、内在的联系、时间顺序，把不同的镜头连接在一起，叙述一个情节，展示一系列事件的组接方法。叙事蒙太奇也称“连续蒙太奇”，它的任务是保持叙述对象的时空连续性，即接在一起的几个镜头在时间上是连续进行的，在空间上是相互联系的整体。叙事蒙太奇能够清晰地表达事件的发展和运动的连贯，使观众产生流畅、明白的感觉。

⑦史蒂夫·乔布斯在为Macworld Conference and Expo和其他苹果公司的活动中主题演讲。

⑧《设计基础》精品课程网络交互平台。

⑨南京艺术学院设计学院2011级选课专业介绍课件群。

⑩主讲教师：陆斌，《传统陶瓷工艺基础》PPT课件。

参考文献：

[1] 鲁道夫·阿恩海姆（美）.艺术与视知觉[M].滕守尧，译.中国社会科学出版社，1984.

[2] 曹方.视觉传达设计原理[M].江苏美术出版社，2005.

[3] 保罗·芝兰斯基，玛丽·帕特·费希尔.色彩概论[M].文沛，译.上海人民美术出版社，2004.

[4] 冯健亲.色彩[M].江苏美术出版社，1994.

[5] DonaldA.Norman（美）.情感化设计[M].付秋芳，程进三，译.北京：电子工业出版社，2005.

[6] 李庆玲，马秀峰.巧用“知识脑图”优化课件设计——CAI课件设计的新思维[J].中国现代教育装备，2005 （5）：38-40.

[7] 马秀香.教学课件设计视觉语言的要素与优化组合[J].宁夏师范学院学报，2005，26（3）：82-85.

[8] 陈端端.多媒体课件视觉传达效应研究[D].南京艺术学院，2008.

[9] 张伯邑，李芳.多媒体课件视觉信息传达的设计策略[J].长沙铁道学院学报（社会科学版），2008，9（4）：145-146.