教学网站视觉设计的跨界研究

二、 教学 网站页面视 觉设计 的法则
（ 一） 网站页面设 计 的视觉 元素 教学网站页面设计的视觉元素由文字、 图形、 动态图像、 色彩组
本 栏 目 责 任 编 辑张 越 教学交流
成。 文字是教学网站传达信息的核心元素， 文字的样式与编排设计 三 、 教 学 网站 空间视 觉设 计的法则 会影响其具体释义的传达。 图形是重要的辅助认知元素， 能够对教 学内容进行说明， 同时也具有吸引用户视觉的功能。 特别是动态图像 （ 一） 基 于分 形理 论 的教学 网站结 构设 计
教学网站根据用户的学 习动机的不同可以分为三类， 第一类
是课程辅助教学平台， 其视觉设计应该明确课程属性， 注重教学网 站与物理课堂的衔接， 形成视觉延续。第二类是 自学网站， 用户基 于自身需求自发进行学习， 教学网站是唯一的学习指导者， 而视觉 设计成为帮助用户有效学习的重要因素。第三类学习交流网站是师 生之间、 学生之间交流学习的重要平台， 通过视觉设计实现活跃开
教学网站的页面是与用户交流的重要桥梁， 好的网站视觉设计 不仅可以有效传达信息， 而且还能激发用户的学习兴趣。 首先， 视 觉具有选择性， 会根据人的主观需求与客观环境因素进行选择性观 看。 第二， 视觉是概括性的， 会自动将页面中太小、 太密的内容， 或 相似、 相近的元素视为一体。 第三， 视觉是有焦点的， 由于人眼的视 觉中心区域是有限的， 所以在观看网页时无法同时顾及整个页面的
教学交流 本 栏 目 责 任 编 辑张 越
本 文为浙 江省 社会科 学界联 合会研 究课题 成果 。 课题号 ： ２ ０ １ ２ ＮＩ ９ ２
教学网站视觉设计的跨界研究
文／ 方华 刘建剑 （ 浙江大学城市学 院 浙 江机 电职业技术学院 ）
摘
要 ：随着信息 技术的发 展 。 网络技术 的普及 ， 以及全 民学 习、 终身 学习的学 习型社 会发展 的需求 ， 教 学信息化 成为发 展的 必然 ， 以教 学为 目的 的课程 辅助教 学平台与 自学 网站都成 为教 育教学 普及 的重 要手段 ， 也掀 起了教 育、 科研 部 门以及 企业培 训行 业学 习的新 浪潮 。 针对 这一发展 的研 究
一
、
教 学网站视 觉设计
教学网站是 为有学习需求的人提供的重要开放平台， 视觉是
网站传达信息的重要途 径。我们将教学 网站视觉设计定义为， 运 用文字、 图形、 动态图像、 色彩等视觉元素， 通过一定的编排使页 面信息传达清晰， 网站结构合理 ， 为用户提供舒适的视觉环境， 实 现有效的信息阅读与接收。 根据教学网站不同的资源类型其用户
也越 来越 深入 ， 研 究涉及教 学 方法、 平台技 术 、 界面设 计 等各 个角 度。本文在 网站 教学 视 觉设
计研 究的基 础上 结合 “ 分形 理论 ” 与“ 动 线理 论”进行 跨界 研究 ， 以获得 教 学网站 视 觉设计 的 新模 式。
关键词 ： 教学 网站 、 视觉设计 、 分形理 论、 动线理 论
验以及惯性思维的特点会对一定的视觉元素产生心理预期， 从而预 先了解进一步阅读的内容。 第六， 视觉平衡性 ， 指在教学网站的设计 中要追求体量的平衡、 色彩的平衡， 以及格式塔心理学的 “ 图底” 平 衡等， 使用户感到平稳与舒适。 结合视觉心理特征的教学 网站 ， 视 觉设计可以更好的体现设计的人性化。
放、 针对性强的视觉互动。 （ 二） 基 于分 形原理 的教 学网站学 习 教学网站是由知识点、 课程、 课程群 、 专业等层层嵌套构成的一 个自相似分形体， 知识点转化的能力单元是这个分形体中最小的分形
元， 课程的核心能力单元被称为主分形元， 其余为次分形元。 在教学网
站的学习也是一个非线性的分形活动， 是知识转化为能力的过程。 虽 然每个学习者的年龄、 文化程度、 学习动机、 元认知、 计算机应用能力 等各 相似性。 同时， 分形理论的相似外推有助于知识的活化， 是指导学习的重要方 法论。 通常学生在掌握一个知识点后， 通过对问题相似性的认识， 可以 实现对知识的灵活应用， 也便于对知识点的进一步学习与拓展。
（ 三） 视 觉 心 理 对 网页 浏 览 的 影 响
Ｅ ． Ｈ ． 贡布里希曾在 《 艺术与错觉》 中强调视觉过程不是客观世界的 简单映像， 而是主动的认识过程。 结合 “ 分形理论” 与“ 动线理论”
的视觉心理研究， 可以使用户在教学网站这个虚拟的学习空间中自 由游走， 在学习中感到舒适， 并轻松获得知识而不会 “ 迷路” 。
理， 实现舒适、 有效阅读的设计理念。 但目前， 国内教学网站界面样
式单一， 设计多从美观入手 ， 对用户的生理需求与心理需求考虑较 少， 存在着设计与教学功能背离， 与用户交互错位等问题。 （ 一） 基于学 习动机 的教学 网站分 类
备与注意指向性。 第五， 视觉的心理预测 ， 用户根据 自己的知识经
自我国政府在 《 面向２ １ 世纪教育振兴行动计划》 中提出要实
施“ 现代远程教育工程” 后， 利用计算机网络和卫星电视网络建立 开放的终身学习体系的方案已在全 国实施。…网络教学得到了快 速的发展， 很多学校与部门积极使用教学平台辅助教学与培训， 一 些脱离实体课堂的教学网站也应运而生， 为自学提供了丰富的学 习 资源。 教学网站的视觉设计也成为提升教学质量的重要因素之一。
的知识层次也不尽相同， 对视觉设计的具体要求也各不一样 。 总
体而言， 教学网站视觉设计应该遵循从用户需求出发， 页面主题突 出、 层次清晰， 各视觉元素符合用户的认知水平， 视觉动线规划合
内容， 需要视觉焦点来引导阅读。 第四， 视觉具有心理定向， 由于用
户个体差异对视觉元素有不同的心理感受， 从而形成不同的心理准