基于视觉认知理论的网络课程设计开发.ppt

基于视觉认知理论的网络课程设计开发知觉是获得感觉信息意义的过程，因此对界
面的认知是学习者通过媒体学习的第一环节。界面
信息的呈现方式是否符合学习者的视知觉特性，是否
有利于知觉的组织与加工，将关系到学习者学习网络
课程的效果和效率。

在网络课程界面设计时，既要考虑知识内容的表
征形式设计和界面整体呈现形式设计，又要考虑界面中
各种组成要素的呈现形式设计。基于视知觉理论的网络课程界面设计一、界面内容信息表征形式设计（一）信息表征形式要与知识的内容特性相一致

不同的媒体形式具有不同的表征特点，要针对特定教学内容选用相应的信息表征形式。对学习者来说所需加工的信息量也较少，知觉也就越容易，有助于他们较快地掌握知识内容。（二）信息表征形式要与学习对象的知识背景和知觉经验相一致（三）信息表征形式要与网络传输的速度
相一致

要求要尽量缩小信息表征的数据量。网络提供了多种媒体形式可供设计者选择，由于不同媒体的设计原理不同，其数据量大小特性也不同。
另外，每一种表征形式也有不同的文件格式，其数据量大小也不同二、界面信息整体布局设计（一）界面布局结构设计1、分块布局的原则2、一致性和灵活性相统一的原则3、多媒体信息组合呈现原则4、另外，还要注意界面中多媒体信息的组织设计。（二）界面对象视觉层级设计网络课程界面可根据网页的视觉浏览顺序分三
个视觉层级来设计：第一级是界面布局整体结构，
第二级是内容信息结构，第三级是内容对象主次
结构。
视觉层级设计主要通过色彩和空间来实现。
首先，使用框架或网格将不同功能或内容的区域分开；
其次，设计界面所呈现的不同功能、内容信息（子区域信息
的结构，每一个区域的色彩应在所在整体大色块的色系范围内
变化；
然后，对相对较为具体的内容信息进行设计，突出内容中的
主题要素，以获得知觉的选择加工。（三）界面信息呈现顺序设计2、指引策略设计
为了加快学习者浏览界面信息的速度，还需要运用各种手段来引导学习者的浏览顺序。

刺激的外在物理特征影响着注意的转移；
视觉形状等外在特征相似有利于实现注意的转移；
人们注视区域的水平方向范围要大于垂直方向的范围（四）界面信息密度设计常用的降低界面整体信息密度的手段，是利
用知觉的整体性规律来处理、排列界面中的信息，减
少知觉对象的个数。

1、具有相近相似的形状、色彩、意义等性质的局部刺激易被知觉成一个整体（相邻性原则和相似性原则）；
2、能够组合并能生成某种意义的刺激常被知觉成一个整体对象；
3、封闭的图形以及连续的刺激对象也常常被作为一个整体来知觉等。
三．要素设计（一）文字与文本设计1.字体设计字体选择原则：

首先，字体的选择要因文字所表现的内容而定。
其次，字体的选择还要考虑到不同字体文字本身的结构特性。宋体应是我们的首选，“TimesNewRoman”、“Georgia”英文字体首选。

2.文字大小设计3.文字色彩设计色彩的亮度和浓度4.小文本块设计划分文本块的手段有很多，如为不同内容文本设置不同的色彩、利用表格框架、利用线条间隔、使用留白空间等。

受知觉相对性的影响，留白空间的大小要受到字体大小和行间距的影响。

一般采用800*600的屏幕分辨率格式；每一行文字合适行宽约为30±5个中文宋体四号字宽度；行间距为1.5倍行高。这时形成文本块的留白空间至少需要两到三倍行距。（二）图片设计1、选择图片格式
使用JPG和GIF格式的图片有利于减少页面数据
量，提高网络下载速度
2、控制图片的数据量
除了选择数据量较小的文件格式以外，还可以通
过限制其分辨率和大小尺寸来实现
3、呈现方式设计
第一，采用缩略图的呈现方式。
第二，采用隔行显示的图片呈现方式。（三）背景设计（四）色彩设计另外，在色块设计时要注意：（五）导航超链接设计1、文字超链接设计

区别超链接与其它内容
使超链接具有较高的易读性

2、图标按钮超链接设计

与习惯相一致
大小要适当
突出按钮
呈现风格的一致性
配以相应的文字提示
清晰易辨，又协调一致
合理使用三维图标按钮3、超链接导航策略设计

（1）为网络课程提供内容结构导航

一般来说，为了给学习者一个清晰的网络课程内容结构的概念，常常在网络课程学习一开始（如课程首页）就呈现给学习者，或者是以单独的界面来呈现，或者是对网页采用框架式结构永久性呈现课程内容结构信息。

（2）浮动面板导航
通过层设计可以将网络课程内容结构导航信息以一个
浮动面板的形式来呈现，保证它始终呈现在学习者当前的
学习界面中，甚至可以让其呈现在屏幕界面中的一个固定的
位置。
在应用浮动面板呈现课程内容结构导航信息时应注意，浮动面板始终不能遮挡内容信息，而且浮动面板在学习者滚屏时的移动速度要合适，一般来说，在学习者滚屏操作结束后的一秒钟之内，浮动面板就应当到达其停止位置。
（六