基于视觉认知理论的(精)

• 易见度较高的色彩搭配有： 白与黑、黄与黑、黄与紫、蓝与白、绿与白、黄与蓝等。
色彩的亮度和浓度
（四）界面信息密度设计
• 人的注意选择目标对象的同时还包括对周围干扰项
（即无关的分析刺激信息）的抑制，也会占用大脑
资源，并且干扰项越多、刺激强度越大占用的大脑
资源也就越多，进而会影响主体选择反应的速度和 注意的稳定性。
常用的降低界面整体信息密度的手段，是利 用知觉的整体性规律来处理、排列界面中的信息，减 少知觉对象的个数。 1、具有相近相似的形状、色彩、意义等性质的局部刺 激易被知觉成一个整体（相邻性原则和相似性原则）； 2、能够组合并能生成某种意义的刺激常被知觉成一个 整体对象； 3、封闭的图形以及连续的刺激对象也常常被作为一个 整体来知觉等。
2.文字大小设计
• 首先，要保证文字的清晰易读。
• 其次，为了突出重点文字，引起学习者视觉注意， 常常采用改变字体、增大字号、加粗、加色彩等手 段。
3.文字色彩设计
• 文字色彩设计要考虑与背景的关系，因为文字的清
晰度除了与文字的字体、大小有关外，还与背景在 明度和色相的对比有重要的关系。 • 通过色彩提高文字清晰度的方法有：运用色相对比、 明度和饱和度对比等。
基于视知觉理论的网络课程界面设计
• • • • 一、界面内容信息表征形式设计 二、界面信息整体布局设计 三．要素设计 四、图-文组合设计
一、界面内容信息表征形式设计
（一）信息表征形式要与知识的内容特性相一致 （二）信息表征形式要与学习对象的知识背景和 知觉经验相一致 （三）信息表征形式要与网络传输的速度相一致
三．要素设计
• 网络课程界面是学习者学习时所面对的屏幕 界面。课程内容的有效传达是通过各种界面 构成要素来实现的。网络课程界面的要素包 括，如文本、图片、背景、图标按钮、导航、 色彩、视频、动画等。
（一）文字与文本设计
• 文本信息是由一系列连续的文字组成，擅长 于表现抽象的事物。 • 设计者必须考虑文本信息的连续性和文字编 排的整体视觉效果，使学习者易认、易懂、 易读。
要求要尽量缩小信息表征的数据量。网络提供 了多种媒体形式可供设计者选择，由于不同媒体的 设计原理不同，其数据量大小特性也不同。 另外，每一种表征形式也有不同的文件格式， 其数据量大小也不同
二、界面信息ห้องสมุดไป่ตู้体布局设计
（一）界面布局结构设计 （二）界面对象视觉层级设计 （三）界面信息呈现顺序设计 （四）界面信息密度设计
首先，使用框架或网格将不同功能或内容的区域分开； 其次，设计界面所呈现的不同功能、内容信息（子区域信息 的结构，每一个区域的色彩应在所在整体大色块的色系范围内 变化； 然后，对相对较为具体的内容信息进行设计，突出内容中的 主题要素，以获得知觉的选择加工。
（三）界面信息呈现顺序设计
1、要符合学习者的视觉浏览顺序
3、多媒体信息组合呈现原则
• 在网络课程界面中应尽可能避免连续呈现同类型的 对象，尤其对于不同区块中的对象，应采用改变视 觉类型的方法，如将导航菜单做成图形按钮、教学 内容区域图文并现等 。
4、另外，还要注意界面中 多媒体信息的组织设计。
• 寻求在吸引学习者注意、如何防止注意力分散之间 建立一种平衡，既要通过形式设计吸引注意力又要 防止形式过多地吸引并分散注意力，形式设计要清 晰、简洁、一目了然突出线索信息。并且应该做好 如何由形式导向内容的设计，使学习者将注意集中 到内容信息特征上面。
（二）界面对象视觉层级设计
视觉层级设计是为了通过界面布局设计、排版设
计、插图等来安排视觉信息，引导学习者的视觉注意。
• 网络课程界面可根据网页的视觉浏览顺序分三 个视觉层级来设计：第一级是界面布局整体结构， 第二级是内容信息结构，第三级是内容对象主次 结构。
• 视觉层级设计主要通过色彩和空间来实现。
基于视觉认知理论的 网络课程设计开发
劳 玲 罗晓丹
知觉是获得感觉信息意义的过程，因此对界 面的认知是学习者通过媒体学习的第一环节。界面 信息的呈现方式是否符合学习者的视知觉特性，是否 有利于知觉的组织与加工，将关系到学习者学习网络 课程的效果和效率。 在网络课程界面设计时，既要考虑知识内容的表 征形式设计和界面整体呈现形式设计，又要考虑界面中 各种组成要素的呈现形式设计。
• 视觉总有一种自然的流动习惯，形成一个流程。视 觉流程往往会体现出比较明显的方向感，它无形中 形成一种脉络， • 心理学认为，人眼对一幅画面上各区域的优先注视 频率和认读路线不同。
• 2、指引策略设计
为了加快学习者浏览界面信息的速度，还需要 运用各种手段来引导学习者的浏览顺序。 • 刺激的外在物理特征影响着注意的转移； • 视觉形状等外在特征相似有利于实现注意的转移； • 人们注视区域的水平方向范围要大于垂直方向的范 围
1.字体设计
• 同一界面上使用的字体种类不要太多，文本字体的
更换不要太频繁。有人研究认为，一个界面中以不 超过3-4种字体为宜。 • 网络课程设计者应该尽量使用目前计算机系统中的 通用字体来设计课程界面中的文本信息。
• 字体选择原则： 首先，字体的选择要因文字所表现的内容而定。
其次，字体的选择还要考虑到不同字体文字本身的结 构特性。宋体应是我们的首选， “Times New Roman”、 “Georgia”英文字体首选。
（一）信息表征形式要与知识的内容特性相一致
不同的媒体形式具有不同的表征特点，要针对特定 教学内容选用相应的信息表征形式。对学习者来说所 需加工的信息量也较少，知觉也就越容易，有助于他 们较快地掌握知识内容。
（二）信息表征形式要与学习对象的知识 背景和知觉经验相一致
（三）信息表征形式要与网络传输的速度 相一致
（一）界面布局结构设计
1、分块布局的原则 2、一致性和灵活性相统一的原则 3、多媒体信息组合呈现原则 4、多媒体信息的组织设计。
1、分块布局的原则
• 知觉具有整体优先效应，界面布局结构越清楚， 对内容对象的知觉就越快捷。常用的手段是使用框架 将界面分割成不同的区域，每个区域呈现不同的内容
2、一致性和灵活性相统一的原则