（教育技术学专业论文）格式塔理论指导网络课程视觉效果设计的研究.pdf

摘要 进入2 l 世纪，网络课程倍受关注。在网络教育中，学习者主要是以自主学习为主， 他们在学习过程中受多重感官刺激，特别是视觉刺激。有关学者称，现代社会是一个视 觉社会。有研究表明，视觉是人从外界获取8 0 信息的通道。网页，是视觉范畴的信息 传播媒体，那么，作为更多的是靠视觉去感知学习信息的网络教育来说，教学网页的视 觉设计无疑是影响学习效果的至关重要环节。 关于网页与网站设计的热门文献一致表示，国际互联网从本质上说一种视觉媒介， 设计者应该依靠视觉显示来交流他们所提供的信息。教学信息设计方面的经典文献中有 很多是对效果的研究，并且都认为互联网的视觉效果具有同样的作用，而且比文本在交 互方面具有更高的有效性。 如何保证课程信息被有效获取和感知? 网络课程的视觉效果设计至关重要。 在网络学习中，学习效果的好坏在很大程度上取决于学习者的“视觉感知”，因此， 感知规律应当作为网络教学网页视觉效果设计和评估的基础。而格式塔理论是探讨感知 与学习关系的心理学理论。本研究旨在探讨如何运用格式塔心理学创建一个设计良好 的、符合学习者学习倾向的网页“格式塔”。 本论文从影响网页视觉效果设计的主要因素、“完形”和“不完形”几个角度介绍 了网络课程如何进行视觉效果设计的策略。 关键词：网络课程；格式塔理论、视觉效果设计、“完形”、“不完形” 引言 关于网页与网站设计的热门文献致表示，国际互联网从本质上说种视觉媒介， 设计者应该依靠视觉显示来交流他们所提供的信息。教学信息设计方面的经典文献中有 很多是对效果的研究，并且都认为互联网的视觉效果具有同样的作用，而且比文本在交 互方面具有更高的有效性。 网络课程的网页视觉设计是一种二维空问的艺术，除了文字、图片、图形等视觉要 素外，声、象和互动等特点。它以教育信息的有效传达有原则，以网络与多媒体技术为 基础，融教学要义与美学价值为一体，实现教学信息与视觉要素整合的协调性、综合性、 按体性和系统性。除此之外，设计者应该注意学习者对学习内容的“视觉感知”效果，也 就是说，感知规律应当作为网络教学网页视觉设计和评估的基础。而格式塔理论是探讨 感知及其与学习的关系的心理学理论。目前已有不少学者研究网贞视觉设计；但是，在 国内，以我所获取的资料以及目前的网页设计实践显示，还没有人完整地应用格式塔理 论去指导网络课程中的网页视觉效果设计。优秀而且吸引学习者的网络课程不多，关键 一点就是大部分课程的网页视觉设计效果都不理想，而且缺乏完整性、完整性、系统性， 很多都没有统一的设计风格，不能给学习者提供一个完整的、方便感知并建构自己知识 的网页单元。 有人研究“完形”格式塔在其他方面的应用，那么我们在研究“完形”格式塔在 网页设计中应用的同时。也研究“不完形”格式塔在网页设计中针对发散思维培养的应 用。 格式塔理论对视觉感知的研究以及其系统论的思想为此提供了很好的指导，同时本 文也试图探讨格式塔理论在网页设计中培养发散性思维的可行性。 我们的目标就是创建一个符合学习者学习倾向的情境，激发学习者主动加工学习信 息的热情。本论文旨在探索比较有效的应用格式塔理论进行网页视觉效果设计的策略。 息的热情。本论文旨在探索比较有效的应用格式塔理论进行网页视觉效果设计的策略。 分的。这种组织是伴随人的知觉活动进行的，不能把它理解为一种静态的或者是不变的 印象，决不能把它看成是各部分简单相加的结构，或者说是先有各部分的感觉，然后把 这些感觉加在一起，凑成一个总的印象。“形”是一种直接的、更是同时性组织活动的 产物。格式塔的含义比“形”的宽泛，前者不但包括视觉意象之外的一切被视为整体的 东西，还包括构成一个整体的独立成分。所以，可以说，不管是_ 种意象、一个句子、 一首曲调，甚至一种颜色都可以被视为格式塔。” 正如格式塔理论的创始人之一考夫卡所说：“格式塔学说不只是一种知觉的学说，它 甚至也不只是一种心理学的理论。然而它却起源于一种对知觉的研究，而且在已进行的 实验工作中，比较成功的部分，就是由对知觉进行的研究所提供的。”我们可以说，两 者相依相从的关系就在于，一方面知觉证实了格式塔学说，另一方面格式塔理论也揭示 了知觉的性质和规律。“1 二、格式塔心理学的产生背景 下面，我们将简略地概述格式塔心理学的社会历史背景、哲学背景、自然科学理论 背景及实验依据。 首先：格式塔心理学产生的社会历史条件。格式塔心理学的这个整体观点是具体的 社会历史条件下产生的。二十世纪初，德国资本主义工业得到飞速发展，为了加强资本 输出和掠夺更多的殖民地，德国积极参加瓜分世界的罪恶行动，并叫嚣普鲁士领导世界， 妄图征服各国，称霸全球，使世界各国都臣服于德意志帝国的整体。正是由于这种社会 历史条件，德国的政治、经济以及文化科学等等方面，都倾向子整体的研究，心理学也 不例外。1 8 9 4 年狄尔泰( 1 8 3 3 一1 9 1 1 ) 在叙述和分析心理学著作中，倡导了文化科 学心理学的运动，从研究经验着的整体出发，以反抗艾宾浩斯的说明的分析心理学。1 9 0 6 年斯特恩( 1 8 7 1 1 9 3 8 ) 在他的人与物的一书中提倡人格心理学的研究，也强调人 格的整体性来反对传统的元素主义心理学。格式塔心理学是在这种总的社会历史的思潮 下产生的。 其次：格式培心理学产生的哲学思想背景。康德认为，我们只能认识现象，但不能 对“物自身”有所认识，而对现象的认识必须通过先验的范畴。这种思想对格式塔心理 学有深刻的影响。格式塔心理学就把现象学作为它的理论基础，并以现象学的实验来研 究心理现象。格式塔心理学也接受马赫的中立要素的观点，认为现象的世界是直接感知 的真实的世界，而物理的世界只是在感知的基础上间接推论出来的世界。苛勒更直言不 讳地认为他的思想受到怀特海的新实在论观点和l 摩尔根的突创进化论的影响。怀特海 认为我们有两个世界，并把我们用常识去观察的世界称为“呈现的即刻”的世界，而把 物理学家所认识的世界称为“因果上有效能”的世界。在我们头脑中反映的“呈现的即 刻”的世界与物理学的“因果上有效能”的世界并不是回事。突创进化论认为在进化 的各个阶梯上，可突刨出全新的产物，这些产物是不能用个别成分的简单结合所能说明 的。换句话说，进化的较高阶段所产生的是一个全新的整体的组合，而不是现有的各种 3 成分的机械的凑合。这些思想和格式塔心理学都有共通的地方。 第三：格式塔心理学产生的科学依据，格式塔心理学受当时自然科学重视整体研究 的趋势的影晌。物理学首先抛弃了机械的观点，而采取场的理论。然后这种思潮又引伸 到生物学的领域，例如h 魏斯对细胞移植实验，表明了尚未分化的细胞，可随整个不同 的细胞环境而得到不同的发展，从而认为几乎所有的发展现象都呈现出场的特点。物理 学的场的理论，对格式塔心理学也有直接的影响。在物理学上，牛顿假定可有无限分隔 的物质分子，借助于引力和斥力，可以引起相互影响。我们只要分了解物质分子的位置、 体积和速度，就可预测它们交互作用所引起的结果。1 8 7 5 年马克斯韦尔对电磁力的研究， 发现朝着某一方向移动的物质分子。并不能使另一物质分子朝着所应移动的方向移动。 我们如不考虑到电磁力分布的整个的场，就不能确定某一物质分子的移动方向。而这个 场不是个别物质分予引力和斥力的总和，而是一个全新的结构。于是他就提出了电磁场 的理沦。认为我们如果不参照整个的场力，我们就不能确定个别物质分子运动的结果。 苛勒在静止和固定状态中的物理格式塔( 1 9 2 0 年) 的著作中：采取物理学的场 论，认为脑也是具有场的特性的物理系统，从而论证知觉与人脑活动是同型的。他认为 我们可假定感觉兴奋在脑时，可产生种场的过程。如果一些构成的力一开始就是平衡 的，那么这种过程将保持为一种固定的过程，结果产生的知觉将恰好与感觉输入相符合。 相反地，如果构成的力是不平衡的，这个过程就会发生变化，以便达到一种平衡的状态， 而其发生的知觉就会和感觉输入不相一致，从而使所发生的知觉比最初的感觉感受过程 更趋于完整或完形化。这样他就把物理的格式塔直接移用于生理和心理的格式塔。 第四：格式塔理论的实验依据：格式塔学派是以似动现象的实验开始其研究工作的， 主持这个实验的是韦特海默，观察者是克勒和科夫卡。该实验借助于速示器，实验中将 a 、b 两条发亮的直线先后投射在黑色的背景上。如果放映两条线的时间相隔过长，例如 2 0 0 0 或2 0 0 毫秒时，观蔡者可先见a 线，后见b 线，没有看见运动：如果时间相隔缩短， 例如3 0 毫秒，便可见两线同时呈现，也没有看见运动：如果时间相隔介于两者之问， 例如6 0 毫秒，便可见a 线向b 线移动，或只看见运动，没有看见线，这便称作似动现 象。这与看电影时所见的相同，电影的相片是静止的，但放映时观众却看见人物形象的 活动。 之前早有人发现这种似动现象，但韦特海默对于它的解释则是新颖的。以前的心理 学家在解释运动知觉时，或采取眼球运动说，或采取后象混合说，或采取联想说，以为 先有某些感觉元素，然后把这些元素综合起来，构成了运动知觉。但是韦特海默对这些 解释一加以排除。”1 实验证明，眼球运动至少需要1 3 0 毫秒以上，6 0 毫秒时间是不可能产生眼动的；其 次，后象混合说也难以成立，因为在产生似动现象时，眼球没有移动，如何能有后象的 混合呢? 另外，联想说也得不到支持，因为据似动现象观察者的报告，他们所看见的现 象是一条线在移动着，或仅见运动而不见线。因此，运动知觉是一个格式塔，不能解释 为感觉元素的联合。 4 三、格式塔心理学的基本概念简述 格式塔心理学中的格式塔包含下面两层意思： 一是指事物的形状或形式；另一就是指实体对知觉所呈现的整体特征，即：完形的 概念。 格式塔可细分为几何的格式塔、经验的格式塔两类： 几何的格式塔，是指体现一定几何图案的格式塔，也就是呈现最简单的可能发生的 形念。”1 经验的格式塔，格式塔是按照动态规律形成的一种心理整体，其最重要的原理是完 形趋向原理，最“有意义的”形态的格式塔趋向，则是经验的格式塔。 四、格式塔心理学的研究对象 ( 一) 直接经验 格式塔心理学以行为为研究的对象，但在它并不否认意识。格式塔心理学家采用另 一种词语代替意识。苛勒用“经验”为意识的同义词。 ( 二) 行为环境 考关卡也以行为为研究的对象，他说。“现在我们要明确心理学的任务是研究行为 与心理物理场的因果关系”。可见在他看来，心理学的对象除行为外，还有所谓心理物 理场。这个心理物理场包含有自我和环境的两极性，而这两极的每一部分都各有自己的 结构。所谓结构就是说环境不是各色各样感觉的混乱总和。自我也不是一点，一个总和 或欲望本熊的集合。他认为人格这个概念可用以说明自我的意义。他又把环境分为地理 环境和行为环境。地理环境就是现实的环境行为环境是意想中的环境。考关卡认为行 为产生于行为的环境受行为环境的调节。 五、本研究的意义和思路 我国目前研究格式塔心理学的人不是很多，最具权威的当属著名心理学家高觉敷， 在工业设计领域首先引入格式塔心理学的是陈汗青教授，在图形设计领域真正有效应用 格式塔心理学概念于创作和教学的是无锡轻工学院的林家阳教授。 在国内研究视觉设计以及网页视觉设计的有不少，但大多从影响设计的因素去研 究，没有深入到视觉感知以及深层的心理机制去研究网页的视觉效果设计。 在国外，美国北卡罗来纳a t 州立大学的d o r o t l l yk f o f e 提出了应用格式塔理论 指导网页视觉设计的一些建议，取得了一定的成果，笔者性进一步补充和完善这个工作。 格式塔理论对视觉感知的研究以及其系统论的思想为此提供了很好的指导，同时本 文也试图探讨格式塔理论在网页设计中培养发散性思维的可行性。 我们的目标就是创建一个符合学习者学习倾向的情境，激发学习者主动加工学习信 息的热情。本论文旨在探索比较有效的应用格式塔理论进行网页视觉效果设计的策略。 本文的第1 章绪论；第2 章介绍网络课程中视觉效果设计概述：第3 章介绍格式塔 理论指导网络课程视觉效果设计的策略研究。 6 第三章格式塔理论指导网络课程视觉效果设计的研究 一、网络课程中网页视觉效果设计的主要因素 ( 一) 学习者因素 l 、人的视觉习惯 人在观看东西的时候有种以生具有的流程习惯，也就是视觉流程。视觉流程的形成 是由人类的视觉特性所决定的。为人眼晶体结构的生理构造，只能产生一个焦点，而不 可能把视线同时停留在两处或两处以上的地方。人们在阅读一种信息时，视觉总有一种 自然的流动习惯，先看什么，后看什么，再看什么。视觉漉程往往会体现出比较明显的 方向感，象有一条路线贯穿其中心理学的研究表明，在一个平面上，上半部让人轻松 和自在，下半部则让人稳定和压抑。同样，平面的左半部让人轻松和自在，右半部让人 稳定和压抑。所以平面的视觉影响力和舒适度上方强于下方，左侧强于右侧。所以平面 的上部和中上部被称为“最佳视域”，也就是人眼观看时最优选的地方。在网页设计中 一些突出的信息，如主标题等通常都放在这个位置。当然视觉流程也不是机械的程序， 只要符合人们认识过程的心理顺序和思维发展的逻辑顺序，就可以更为灵活地运用。 所以，我们在网页设计中合理地运用视觉流程和最佳视域，组织好自然流畅的视觉 导向，直接影响到传播者传达信息的准确与有效性。在网页的视觉设计中，视觉导向是 一个重点，网页的视觉设计是一个创造的过程，首先要确保信息的传达，但又要符合人 们接受的思维习惯，做到视觉流程自然、合理、畅快。“成功的视觉流程安排，能使网 页上的各种信息要素在一定空间内合理分布，又能使页面上各信息要素和知识点的位 置、间隙、大小保持一定的艺术感。 网络课程本身以网络为载体，把各种信息以最快捷、方便的方式传达给学习者。在 网络课程发展的过程中，人们除了有能获得学习信息的需求外，逐步产生了审美的需求 和更有效学习、学习更多的需求。人们对美的追求是不断深入的，网页设计同样如此。 网页不光是把各种东西放上去，能看就行，这是远远不够的! 要考虑如何使学习和能更 好地和更有效率地感知网页上的信息，并构建成自我的东西。这就需要从格式塔心理学 入手，制作出清晰、整体性好、符合入类视觉加工机制的页面。使入浏览起来心睛愉快， 接收信息也会更加容易。 同时，应该提到的是，人们更宁愿看颜色柔和、尺寸适中的东西。所以我们在设计 的时候，屏幕颜色应该尽量柔和，减小面对屏幕时的紧张程度。在显示尺寸方面，越大 的尺寸越能引起学习者注意，学习者学习起来越舒适。 2 、认知心理 9 科学显示，大多数人在短期记忆中只能同时把握4 到7 条分立的信息，所以我们在 安排教学信息的时候，一定要把握好知识的排列和归类，不要把过多的信息放在一起， 让学习者没有办法把握罗列的信息，无所事从，造成一些信息无法学习。在教学信息的 安排上，我们不能把过多知识点放在一起。相对而言，学习者更倾向于识别学习内容， 这样会让学习者感觉轻松而且愉快。直观记忆比抽象记忆容易，所以，我们在排版的时 候，应该考虑文字与图象合理搭配，假如有可能，我们通过图表的形式去展示教学信息， 让学习者可以通过能让人留下深刻记忆的图片去记忆文字信息i 加强学习的效果。 3 、网络学习者特征 每个在网络课程里学习的个体都是自己个性和特点成长经历的生动的人，每个人的 学习习惯和风格各不相同。所以，同样的设计对于不同的人来说有不同的效果。我们在 研究了这个网络课程的使用对象和群体特征后，只能按照这个群体里大多数人的学习特 点去组织视觉设计。 ( 二) 信息设计因素 l 、色彩因素 色彩是最具视觉冲击力的要素，好的内容没有好的色彩组织也是失败的。色彩又分 为冷色、中间色和暖色。那么在网页中应用比较多的有红色、紫色、蓝色、绿色、灰色、 黑色和白色。每种颜色都有各自的特点，我们在应用的时候应该考虑它们各自的特点结 合课程的特点。 按照经验，黄色作为一种明度很高的色彩，可令人轻快和兴奋，主要象征活泼、光 明、希望，在网页中使用可产生活泼与热情之气氛。“”假如课程是主要针对少儿或年轻 人的，可使用这中颜色。 红色醒目，象征热烈、喜庆或焦躁、危险。按照中国人的传统和我国的革命传统， 红色在特定的时间( 如中国的传统佳节和八一建军节或党的生日) ，为传达特定祝福 信息和革命热情的网页上使用，可充分表达热烈、喜庆和激情的气氛。紫色是一种冷色， 有神秘感，象征高贵或忧郁，在网页中要小心使用，特别是网络课程中。蓝色是最冷色， 象征智慧、冷静或哀伤。在以传达高科技信息为主的网页( 比如是教授计算机知识的网 络课程) 中使用蓝色调，可营造知识的氛围。 绿色能给人恬静新鲜的感觉，象征清新、青春、健康、生机、希望。绿色作为环保 色让人记忆深刻，所以绿色调网页会激发人们心灵的满足和安慰。 灰色明度适中，象征安静、柔和，如果网页要给人一种质朴的感觉，使用灰色非常 合适。 黑色明度最低，象征严肃、悲哀或庄重文雅，与高明度或高纯度的色彩配合使用， 能突出对方。 白色明度最高，象征明亮、纯真或恐怖。在较暗色调的网页中使用，可以使其表现 内容醒目。“ 总的来说，冷色和中间色使人视觉注意力得到持续，可用于网络课程内容主体。比如 】0 黑色，给人带来安静的感觉，让注意力持续保持，同时人类长期以来都习惯于黑色的字 体，对黑色有一定的依赖性。” 暖色虽然容易引起视觉注意，但容易疲劳，适合用于标题及需要着重突出的内容。但 是这种应用不能过多，种类的选择也不能太乱，否则不单严重影响整体效果，而且会让 学习者产生混乱的感觉，让学习者分不清学习内容的主次。 目前大多网页采用以白色为底，主体内容为黑字的模式，笔者认为不适合网络课程 的教学需要。黑白对比的强烈反差造成人眼的极度疲劳，不符合人本需要。应采取一种 暗白或浅灰背景配黑字的模式，既提供足够的视觉辨认，又减少人眼的疲劳度。 单有以上那些还不够，因为网页在一定意义上说也是一种艺术品，因为它既要求文 字的优美流畅，又要求页面的新颖、整洁，使用色彩可以产生强烈的视觉效果，使页面 更加生动。1 而且，例览者在例览网页时，留下的第一印象就是页面的色彩设计，它的 好坏直接影响阅读者的观赏兴趣。因此，色彩设计在网页设计中居于十分重要的地位。 但是，使用色彩，不是几种色彩的简单相加，网络课程网页的色彩设计应该把握以下两 点： 首先要配合网络课程的需要，主体一定要清晰明朗。为了达到这个要求，课程一般 以浅颜色为背景为主，如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底，柔和、素 淡，配上深颜色的字，如黑色，读来自然、流畅，也有利于突出页面的重点，有利于整 个页面的配色，更容易为大多数人认可和掌握。其他一些次要内容，如背景图片、线条 适宜采用不抢眼的颜色，以免喧宾夺主。只有少量精心选择的元素，为了突出强调的需 要，才采用明亮的色彩，这些彩色亮点就会产生强烈的视觉冲击，吸引学习者注意和留 心，但如果用得太多了，就会形成一种均匀的噪声，而达不到强调的效果。 其次，在背景的色调搭配上一定要注意不能有强烈的对比，特别是同时侵用色彩对 立的颜色。大面积颜色适宜采用低对比度，因为过于丰富的背景色会影响前景图片和文 字的取色，严重时会使文字溶于背景中，不易辨识。所以，背景一般应以单纯为宜。如 果需要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种变化。例如在 制用标题时，为追求醒目的视觉效果，可用比较深的颜色，配上比较鲜明的字体。实际 上背景的作用主要在于统一整个网页的风格和倩调，对视觉的主体起到一定的衬托和协 调作用。一方面吸引学习者的注意力，一方面有助于体现网络 x 文字作为信息传达的主要手段，目前也是网页设计的主体，文字是网页中必不可 少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文 字表现的好与坏将影响到整个网页的质量。 网页文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文 字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰 变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达 信息的主题。“ 网页文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其 风格要与内容特性相吻合，而不是相脱离，更不能相互冲突。“”讲授休闲旅游类知识的 网页，文字编辑应具有欢快轻盈的风格，字体生动活泼，跳跃明快，有鲜明的节奏感， 给人以生机盎然的感受；有关历史文化教育方面的网页，字体编辑可具有一种苍劲古朴 的意蕴、端庄典雅的风范或优美清新的格调。 在网页文字的编排与设计中，由于计算机给我们提供了大量可供选择的字於翟羹溺 x 二、与网页视觉设计有关的一些理论注意和知觉 ( 一) 注意 为什么要提到注意呢? 没有注意，就没有学习者对学习内容的观察，学习者看都不 看，做出来的网络课程就没有任何意义。注意不彻底，不能有效的把握学习者的眼球， 那么学习者对学习内容把握的深度和广度都是有限的，也就谈不上高效的学习，学习者 也就达不到课程要求的标准。 那么，注意是什么昵? 注意也就是选择，对观察对象的选择。人的注意机制是在一 个有着自身结构的知觉领域中搜寻以发现自己的目标。人对刺激物的选择和反应是由自 己控制的，这是本能性、有意识性的反应。它必须随时指导视觉，把自己将要细细审视 的视域置于最集中和最敏感的目光下。只要目光偏离中心视轴1 0 度，其敏锐性程度就 会迅速降低。由于视网膜的感受会受到如此之大的限定，就要求眼睛必须在一次观看中 挑选出某些特殊的部位，使之突出孤离出来，变成视觉的中心或者主要部位。也就是说 每一次注视只能对准一件事物，而且必须把这一主要的对象与周围其他的东西区别开 来。对于这个物体来说，之所以被选择出来加以注视，大约有两个自身的原因，一是它 与周围一切事物相比显得突出；二是它合乎观看者的需要。 ( 二) 知觉 视知觉是知觉中的一种，了解了知觉才能更好的了解视觉。那么知觉有以下几个特 征。 一是知觉的选择性。积极的选择是视觉的一种基本特征。正如其他理智的行为一样。 在它们喜欢选取的东西中，最多的是环境中时时变化的东西。由于有机体的需要是经由 眼睛加以调节的，对于变化的东西自然要比不动的东西感兴趣得多。我们在感知客体时， 总是不能同等的反映来自客体的信息，而是有选择地把握其中的某些部分，这便是知觉 的选择性。知觉的选择性主要表现为以下三个方面。 首先是知觉时的注意。我们对一个对象的感知虽然具有整体性，但并不可能在同一 时间内同样清晰地把握它的全部，而总是在知觉对象整体这一背景上，有选择地反映一 部分，而离开其余部分。这说明，知觉总是一种析出性的把握，在感知范围内，注意把 意识活动指向或集中于某一中心，使这一中心在感知中特别清晰，而把其余部分作为背 景或置于意识的边缘，从而意识得比较模糊。这便从主观上影响了知觉的建构。尤其是 感知中注意所在往往是知觉活动的开端，这便直接与知觉建构的顺序相关。如在既可看 作少妇又可看作老太婆的两可图的感知中，如果我们的注意首先指向画面的上部，我们 看到的便是一幅少女的侧面头像：可当我们的注意首先指向画面的中部时，我们看到的又 是一位老太婆的形象。 其次，知觉的选择性表现在主体的兴趣上。兴趣是一种带有情绪色彩的心理倾向。 在知觉中，外界信息通过感觉接受器储存于短时记忆中，但当对接受的信息进行知觉分 析或知觉建构时，主体总是根据自己的目的和需要选择那些自己感兴趣的东西，这便使 知觉建构的对象发生变化。这种在艺术欣赏中仁者见仁、智者见智的现象，便体现了兴 趣的选择性。 再次，知觉的选择性还表现在记忆上。现代认知心理学认为，人的记忆系统由感觉 记忆、短时记忆和长时记忆三部分构成。外界的刺激经过感官首先把信息储存于感觉寄 存器中，此即感觉记忆。然后，人的信息加工系统从长时记忆中提取信息，对感觉记忆 中的信息进行匹配和模式识别，刺激信息便转入短时记忆中，经过强化之后再转入长时 记忆。但信息在记忆系统中的储存会随着时间的增长而逐渐减弱，乃至遗忘。如感觉寄 存器的记忆大约在1 秒钟左右，短时记忆的时问在1 分钟左右，长时记忆也会因时间的 流逝而衰变，并由于信息提取或检索中的障碍丽使过去的信息回忆不起来。正是由于记 忆的衰变性，使得在历时性的文学欣赏中进入知觉建构的信息发生了过滤或记忆选择， 从而产生不同的知觉认识。“” 影响知觉建构的另一主观因素是知觉中的理解和解释。上面谈到，在知觉过程中， 主体总要借助长时记忆中的经验知识对感觉信息做出解释，这便形成知觉中的理解。理 解与解释在知觉建构中的作用是，它作为一种心理定势可把感觉信息纳入一定的图式 中。如在既可看作少妇又可看作老太婆的双观图中，当我们的视知觉首先注意到图象的 上部并做出这是一位少妇的头巾和黑发的理解与解释时，我们便可把其他感觉信息纳入 一位少妇侧面头像这一图式。 所以，我们在进行耀络课程视觉效果设计的时候，一定要围绕这个设计能不能引起 学习者注意、注意的程度有多大、能持续多久、符不符合人的知觉规律等等这些问题来 考虑问题。 三、格式塔理论的研究成果与网络课程中网页的视觉效果设计 那么，我们在应用格式塔理论指导网络课程中网页视觉效果设计时，在合理考虑上述网 络课程中网页视觉设计的主要因素和相关理论的同时，关键的，应用格式塔心理学中的 “整体大于部分之和”、临近律、相似律、封闭律、简明律、图形一背景反差和对称平 衡等规律进行设计。 ( 一) “完形”与网络课程腑视觉效果设计 1 “整体大于部分之和”与网络课程视觉效果设计 格式塔心理学的许多实验表明，当一种简单规则的格式塔呈现在眼前时。人们会感 到舒服和安静，因为这样的图形与知觉追求的简化是一致的，它们决不会使视觉活动受 到阻碍，也不会引起任何紧张和憋闷的感受。我们能不能设计这样一个网络课程让学习 者来学习呢? 我们在考虑网页视觉效果设计的时候应该以系统论的思想思考网络课程的整体构 建。那么在这里面，格式塔心理学提出的“整体大于部分之和”理论给我们提供了指导。 正如前面所述，凡是格式塔，虽然都是由各种要素或者成分组成的，但它决等同于构成 它的所有成分之和或相加，而是一个完全独立于这些成分的全新的整体。它是从原来的 构成成分里“生发”出来的全新个体，所以给入特别的、深刻的感觉和印象。 那么，在一个复杂的格式塔中，例如一个网络课程，究竟在怎么样的情况下，它的 各组成单位才能成为整体的一部分，同时又具有独立性昵? 也就是说怎么才能成为多样 统一的整体而不是各部分的相加或集中呢? 这要由两个方面的条件决定。一方面要看课 程本身的结构性质，另一方面要看学习者的知觉能力。课程本身的组织结构，既包括整 体的结构，又包括其各构成部分的性质。心理学家的实验证明，如果个整体式样本身 是由大量在形式和色彩方面各不相同的单位构成，那么，当这些单位大体以一个长方形 排列起来时，就比它们以一个圆形或者三角形排列起来时更容易被知觉为一个整体。在 另一种情况下，假如构成一个整体的单位在数目上比较少，而且它们之间的区别只是形 状方面的而不是色彩方面的，那么，将它们排列成圆形或三角形就比把它们排列成长方 形更有利于被知觉成一个整体。 但是，我们的网络课程并不简简单单的一个长方形或者是圆形和三角形。它里面的 要素复杂得多，数量也大的。这就需要有个东西去牵引着、串连着这些要素，就象人脊 椎一样使人成为一个完整的整体。在整个课程里，“整体大于部分之和”就是这个脊椎， 在具体的每个网页里，视觉中心就是这个脊椎。 在网页视觉效果设计中，我们要围绕一个视觉中心去去营造一个视觉整体传达教学信 息。学习者在用网络课程进行学习时，首先会在视觉上对整个课程的版面有个整体的认 识。这就要求我们整个课程的风格要有统一的设计，各个分课程或网页在突出个性的同 时也要保持风格一致，达到多样统一的视觉效果。对于每个具体的版面而言，根据总体 设计的原则，主次的把握，颜色的安排，点线面的处理和版面布局的分寸都要统筹规划， 使局部服从整体：各版各网页之间各视觉要素之间要能够形成恰当而优美的联系，而不 是孤立的。 2 临近律与网络课程视觉效果设计 临近律告诉我们，如果不同的文字或图形组成部分位置靠近，学习者就容易把它们看成 是一起的。所以，用以解释图形或用以表明某一部分图形的文字应当紧挨其所指的图形 或部分图形。否则学习者会误解文字所说明的内容。它可以针对文字、图形图象、按钮、 导航条等的编辑，色彩应用等方面。 3 相似律与网络课程视觉效果设计 相似律告诉我们，人们倾向于把外表相似的物体归为一类。因此，需要通过将学习 者注意力集中于视觉范围内的关键概念，帮助他们获得信息。可以通过强调、动画、对 比色的使用和其他一些手段到达这个目的。假如一个图形中的组成部分都属于同一风 格，这个图形就会被视为一个整体。 。 格式塔心理学的相似原则指出，相似的物体往往被视觉组成一个整体。根据这一原 则，阿恩海姆指出，在对绘画的艺术知觉中，一幅绘画的相似性因素引导着眼睛的扫描 路线。他说：“这种扫描路线对于艺术的构图是十分重要的，它们往往能对艺术品的艺术 效果发生巨大的影响。在艾尔格雷柯所绘的从圣殿中被驱逐这幅作品中，其总的 色调是黄褐色的，只有耶稣和那个在画的左下角曲身下伏的货币交换者的衣服是鲜红色 的a 当一个观看者的注意力被吸引到中心位置的耶稣身上时，色彩的相似性就会继而引 导眼睛转向位于左下方的第二个红色的点。这就使眼睛的扫描路线准确地重现了鞭子的 1 5 抽打路线，眼睛所进行的活动，就真实地再现了画中的主要人物的活动”。阿恩海姆在 这里指出的构图对知觉扫描路线的客观规定正体现了知觉的建构顺序和逻辑。 上述事例说明，知觉客体自身的结构在某种意义上制约着知觉认识的逻辑建构。人 的视觉路线也随显眼的、相似的设计走动。相似律可针对图形图象、动画、按钮以及 色彩应用。 4 封闭律与网络课程视觉效果设计 封闭律告诉我们，人们会根据以往的经验去理解不完整的图形或文字。如果给出一 连串的虚线，其基本形状是环行的话，人们往往会把点与点之间的空白填满并且说这些 点代表的是一个圆。所以应当避免不完整的图形因为学习者会花时间去琢磨图形的意 义，而不是从所提供的信息中学到东西。 5 简明律与网络课程视觉效果设计 简明律告诉我们，人们往往根据由过去的经验所形成的预期，无意识地去简化他们 所感知的东西。当看到一幅复杂的图象时，人们会习惯性地把它简化成自己能够理解的 形式。所以，在网页设计中，我仍没有必要去过分的在意图形设计的精美与否，而是应 该关注所提供的图形以及提供的形式是否是学习者生活中所习惯的式样和形式。 实验证明，知觉中表现出豹这种“简化”倾向，它是一种以“需要”的形存在的“组 织”倾向，也就是说，当视觉区域中出现的图形不太完美，甚至有缺陷的时候，这种将 其“组织”的“需要”便大大增加；而当知觉区域中出现的图形较对称、规则和完美时， 这种需要就得到了“满足”。为了实现“整体大于部分之和”的效果，进行设计时的一 个重要趋势是“简约美”，尽可能的减少网络课程各舨面的整体构成成分，因为东西多 了以后，要考虑和安排的东西就会成数量级递增，特别是对于比较大的课程，前后可能 就很不一样。我们在设计的时候，要尽可能的追求简约化、注重整体性、体现秩序感。 比如抛弃繁冗的花条，变来变去的字体，可有可无的花网，化整为零，统一字体统一风 格。各种元素的简化和统一不单是学习者阅读学习的需要，也是产生视觉美感的需要， 良好的视觉感知能给学习者留下深刻的印象，便于学习者记忆知识，这就是我们的目的。 而过多的变化和不统一只能加重学习者的负担，进而影响学习效果和进度。 但是，追求简约美并不是放弃对网页视觉中心的强化处理。视觉中心具有突出特征， 能够左右学习者认知网页的核心元素。有些网页标题无长短，字号无大小，字体无区别， 颜色无差异，组合无主次，各个部分的特征瞬间在整体中消失了。这样做丝毫不能引起 学习者的注意，更不能给学习者留下深刻的印象。达不到学习的效果。优化规律显示， 部分越自我完善，其特征越容易参与到整体中去，也就是是说视觉中心越突出，越容易 实现整体效果。视觉中心并不一定在顶头的标题上，如果没有其他因素影响，人的视觉 中心往往位于版面自下而上5 ，8 的区域。知道这个特征之后，也就方便我们把一个分课 程或或者一个知识点中最重要的部分放在这些区域，便于学习者首先注意和学习，印象 也更深刻。实践证明，我们可以把简明律应用于颜色与视窗环境的设计上面。 6 、图形一背景反差与网络课程视觉效果设计 图形一背景反差律告诉我们，在具有一定配置的场内，我们对其中的对象并不是都 1 6 很明显地感知到的，有些对象突现出来而形成图形，有些对象退居到衬托的地位而形成 背景。一般说来，图形是具有一定界线的组织比较严密的对象，背景则是没有界线的同 一性的空间或时间，图形是被包围的比较小的对象，背景则是包围着的此较大的对象。 图形与背景的区别愈大，图形愈可突出而为我们所感知。比如在静夜中我们愈能听到清 脆的钟声，在绿色密布的丛叶中我们愈能看到鲜艳的红花。图形与背景的区别愈小，我 们就不易把图形与背景分开。 在网页视觉设计中，不只得注意图形，同时也包括文字与背景之间，主体需要与其 背景对比鲜明。背景不能有图案，否则正文会显得难以辨认。正文或图形应当与背景有 足够的反差以便学习者容易辨认所需获取的信息。但同时，我们也不可忽略的是，过于 强烈的反差会造成学习者眼睛的极度疲劳。良好反差的程度是需要我们去研究的问题。 所以，我们知道这个规律之后，在颜色、文字与背景的设计中就应该留心这个问 题。 7 对称平衡与网络课程与视觉效果设计 对称可以产生一种极为轻松的心理反应。它给一个形注入平衡、匀称的特征，即一 个好的完形最重要的特征，使学习者身体两半的神经作用处于平衡状态，满足了眼动和 注意活动对平衡的需要。从信息论的角度看，它为形注入了冗余码，使它更加简化有序， 从而大大有利于对它的知觉和理解。但是，我们所说的平衡构图不一定是对称的构图， 平衡是一种心理的体验。举例说，在一个平面的或二度的构图中，处在中心的人物或建 筑，一定要比两侧的显得小得多。在一幅画中，较大的和看上去较重的形应该放在它的 下半部，假如放在上半部，就会看起来轻重倒置，十分不稳定。同样大的形或物，左右 的轻重也不同，同样的形，右边的要比左边的重一些，如果想使左右两边看上去平衡( 看 上去一样大) ，左边的通常要画的“大”一些。在纵深度上，也有轻重之分，假如把远 处的物体与近处的物体画得同样大，那么远处的物体“看”起来就显得大很多，因此， 要想使它们看起来差不多，越远处的要画得愈小。在色彩方面，红色看起来要比蓝色“重” 得多，黑色要比白色“重”得多，因此，网络视觉设计中，为了使红色( 或黑色) 与蓝 色( 或白色) 平衡，红色( 或黑色) 面积应该小一些，蓝色( 或白色) 面积应该相应大 一些。在形状方面，越是规则、简单的形看上去就愈重，例如圆形就比长方形和三角形 显得“重”，垂直线比倾斜线“重”。囡此，为了使它们达到平衡，圆形要比其他形画得 相应小一些，垂直线要比其他线短一些。有些时候，平衡还受到学习者的兴趣、爱好、 欲望等心理作用的影响，对于那些学习者十分感兴趣的或使他十分吃惊的形或物，即使 画得很小，也显得很“重”。 应浚晚的是，所谓“轻”、“重”之说，完全是指心理上的而不是物理上的，对某种 形式的兴趣愈浓厚或对它意义发掘愈深，其“重量”就显得愈大。 综合以上，我们完全可以利用格式塔的这些研究成果，应用在网络课程的视觉效果 设计中，去组织一个符合人的知觉加工机制的网络课程。 ( 二) 、“不完形”、“空白”设计对培养学习者视觉思维和发散性思维的作用 虽然以上我们都强调在网页视觉设计的时候，要充分考虑网页设计的“完形”，让 1 7 学习者在面对学习内容的时候感觉到舒适和平静，但是，不“完形”却能引起学习的注 意、兴趣和不安，引发学习者的深入思考，进而培养学生对信息的深加工能力，另外， 视觉涉及着对菜个问题的当场解决。如把事物的不完全部分分辨出来并补足，这也培养 了学生当枕立断、解决问题的能力。 阿恩海姆指出，感知，尤其是视知觉，具有思维的一切本领。这种本领不是指人们 在观看外物时高级的理性作用参与到了低级的感觉中，而是说视知觉本身并非低级。它 本身已经具备了思维功能，具备了认识能力和理解能力。他同时指出，认识，就是积极 地探索、选择、对本质的把握等，而这一切又都涉及对外物的形态的简化和组织( 抽象、 分析、综合、补足、纠正、比较、结合、分离、在背景中突出某事物) 。而认出某物是 某物，实际上就等于一个问题的解决。这一切又都在视知觉中发生，也就是视觉思维。 它自始至终借助意象来进行思维活动，具有非逻辑思维的基本特征，是一种典型的创造 性思维。r h 麦金把视觉思维定义为观察、想象、构绘三种视觉活动的相互作用。 图1 ：观察、想象和构绘三意象图 动力和内容。在想象和观看的重迭处， 麦金用左图l 表示观察、想象和构绘之间 相互作用的本质： 交互重迭的圆圈用来表示不同的相互作 用关系。在观看和构绘的重迭处，观看促进构 绘，构绘反过来鼓励观看在。构绘和想象的重 迭处，构绘激励和表达想象，想象为构绘提供 想象指导和过滤看到的东西，反过来观看又为想 象提供素材。当观看、想象和构绘之间发生强烈的相互作用肘，三个圆圈的重迭处标志 着视觉思维进行得极为充分。在视觉思维中观察、想象、构绘活动是交替进行、不断变 化的，它们总是不断从一种意象转向另一种意象，它们的解题过程是在感性的内在的和 图示的意象之间进行着，直至问题获得最终解决。” 那么，我们通过设置“不完形”就可以触发以上视觉思维的积极发生。因为格式塔 心理学派认为，人们的“知觉对不完整的图形或残缺的图形。有一种使其完整的倾向， 即填补缺口的倾向”。从而产生“尽可能地把图形看是一个完好图形的趋向，即把不完 全的图形视为完全的图形”。也就是说，人们在面对种不完美即有缺陷或有空白的格 式塔刺激物时，会情不自禁地产生一种急于要求改变它们并使之完满的趋向，从而倾向 于知觉到、经验完美的格式塔整体，即完形整体。通过布“空白”，正是为了使此“格 式塔”残缺或不完美。会导致学习者认知的失衡，为了能达到平衡状态学生便产生了“填 补”“完善”的需要，从而引起进取、追求的“内驱力”。学习者倾向完美的格式塔的过 1 r 程是在“平衡一不平衡一新的平衡”的循环中得到不断的丰富、提高和发展。这种有始 有终、有高潮有起伏的真切经验，使学习过程不再乏味。这就不难理解为什么那些稍微 复杂点，稍微偏离一一一点和稍不对称的、无组织性的图形图象有更大的刺激性和吸引力， 它们能唤起更长时问的强烈视觉注意和更大的好奇心。 1 、“不完形”、“空白”艺术的功能 ( 1 ) 启迪思维 阿恩海姆指出，任何思维，尤其是创造性思维，都是通过意象进行的，只不过这种 意象不是普通人所说的那种意象，这是通过知觉的选择作用生成的意象，尤其是视知觉。 所以我们通过设计部分“不完形”、“空白”的网络课程，挑起学习者的疑问、让学习者 努力找到与解决“不完形”状态有希望的线索；通过一步步问题的解决，各种干扰作用 的矛盾的排除，一种可靠的解决方式的就可能突然出现在学习者脑海里。这一连串活动 都伴随着一种精密而又振奋人心的真切经验，一种时而紧张、时丽放松的经验。 ( 2 ) 激发求知欲 美国教育家哈曼说：“那些不设法勾起学生求知欲望的教学，正如同锤打着一块冰 冷的生铁。”网络课程的布白正是能有效地激发学生求知欲，直接有利于引起网络学习 者对知识的兴趣、理解和掌握的手段。我们在进行网络课程视觉设计的过程中有意识地 设置暂时性的知识“空白”，能激起学习者急于填补、充实“空白，并使之完整、完善 的欲望。网络学习过程中由于“空白”造成的断裂要靠学习者的思维和想象焊接合缝合 好“空白，前后的学习环节要靠学习者的思维和想象联系起来。 ( 3 ) 审美教育 网络布白有效地淡化了教育的痕迹，以审美的形式创造出引人入胜的学习情境。布 白这种陶冶功能在于以审美的形式使学习者在不知不觉中受到智力开发，体会到思维劳 动这种“智慧的体操”的乐趣。 2 、“不完形”、“空白”艺术的基本要求 ( 1 ) 追求启发思维的实效 设置“不完形”、“空白”要适当，不能为“不完形”、“空白”面设置空白。设置“不 完形”、“空白”的难度要适中，广度的大小要恰当。假如“不完形”、“空白”得太多， 都是一片空白，让学习者无从捉摸，则起不到“不完形”、“空白”的艺术效果。 ( 2 ) 符合学习者原有的认知结构 建构主义学习观认为，学习者应该结合自己原来的经验体系来学习探索新知识，将 所学知识的不同部分联系起来，将新知识与原来的知识经验联系起来，将正式的知识与 自己的直觉经验联系起来，看它们是否一致，从而建构成自己的知识结构。所以，我们 在进行网页视觉效果设计的时候，设置的“不完形”必须有效的激活学习者原来的知识， 以原有的知识和图式才能产生一种强烈的“内驱力”，给学习者以想象和思维。 ( 3 ) 考虑学习者的年龄特点 1 9 高年级的学习者的思维能力比低年级的学习者高，实验技能也高，知识经验也丰富。 我们在设计的时候，可以多应用联想和想象的布白形式，以问题性内为中心，提高学习 者解决问题的能力。 四、格式塔理论指导网络课程视觉效果设计的案例 圈2 ：网络课程一a u t h o r w a r e 中热对象交互的应用 图3 ：网络课程一活动图象素材的采集与制作 图4 ：网络课程一扫描仪的应用 以上是东北师范大学传媒科学学院教育技术学系彭立教授及其学生开发的多媒体 课件制作网络课程中的网页。以上图1 、图2 和图3 ，首先课程整体感强，主题内容 2 l 鲜明突出、条理清晰、页面设计简洁明快、色彩搭配调和清新、图片简洁恰当、文字图 形搭配得当，文字排版体贴不产生视觉障碍，给人特别舒服的感觉，基本满足人们“完 形”的要求，特别是左边的“课程导航”非常的完形，整齐大方。图2 的“注意”，图3 和图4 的两个示意图都安捧得非常恰当得体，增强了学习者对相关知识的理解认识。不 足之处是主体与背景反差偏大。 总之，网络课程的视觉效果设计是一种综合性的设计，它所涉及的范围菲常广泛， 包括学习者的心理，视觉设计美学，人机工程，教育学等诸多方面。在此只是从格式塔 理论