第四章多媒体屏幕界面设计.ppt

地理教学论课程群 ——地理课件设计制作 主讲教师 王才军 2010年11月 第五章 多媒体课件屏幕界面设计 一、界面设计的重要性 二、屏幕界面的构成 三、界面设计的原则 四、屏幕界面的设计 一、界面设计的重要性 1.有助于学习者对知识的理解和记忆 2.方便教师(或学生)对课件的使用 3.激发学生学习兴趣 二、屏幕界面的构成 菜单、图标、按钮 热字、热区 1.窗口 2.菜单 1)全屏窗口菜单 2)条形菜单 3)弹出式菜单 4)下拉菜单 5)图标式菜单 3.图标 图标是课件中最常用的一种图形界面对象，是一种小型、带有简洁图形的符号 可分为图示图标和符号图标两种风格 4 按钮 1)WINDOWS风格按扭 2)闪烁式按扭 3)动画式图形按扭 4)热点式按钮 5对话框 6 示警盒 当用户出现了不当的操作或给出了诸如永久性删除文件这样具有“危险性”的命令时，系统通常会以两种方式向用户示警 三、界面设计的原则 (1)一致性原则 (2)适应性原则 (3)灵活性原则 (4)易学易用性原则 四、屏幕界面的设计 1 屏幕界面的整体设计 2 多媒体素材设计 3 颜色的运用 4 界面的转换设计 5 界面设计中应注意的问题 1.屏幕界面的整体设计 1) 界面窗口的大小设计 2) 布局 3) 主题 4) 教学信息设计 1) 界面窗口的大小设计 建议使用当时流行的分辨率设计 内容较多时可在窗口边缘加滚动捧 2)．布局 标题区 2) 布局 a.均衡 b.规整 c.对称 d.可预见性 e.简明 f.连贯 g.整体性 h.简单 3) 主题 每一个框面内容最好都有一个主题，出现在窗口较醒目的位置。 4) 教学信息设计 影响信息选择和显示的因素： A.密度(信息量) 总体密度１５％——2５％ 局部密度４０％～６０％ 4) 教学信息设计 B.显示 信息的显示通常考虑到版面、文字信息、特殊记号、功能键等。 2.多媒体素材设计 文字 底图 声音 动画、视频 1) 文字 用尽量少的文字来表明事实的含义，不要将文字排列成锥体形状，不同内容的文字颜色应设计为不同。但要避免造成如下图般花花绿绿一大片。 2)底图 底图不宜颜色较深或突出 以免喧宾夺主 建议不用底图，或将底色设置为浅色 3)声音 功能：引起注意、舒缓等候、提示反应、表示事件进程、提供情景音效、提供反馈等。 使用原则： （1）勿用太多 （2）音量可调 （3）多用间歇性的短音乐， （4）用声音作转移效果 （5）声音选择应配合文字与图像、视频内容 4)动画、视频图象 位置:基本一致，放在屏幕中央或右半部。 大小:一般不超过屏幕的1/4 ， 建议:将动画的底色设为白色或浅色。在视频窗口下方设计播放、停止、快进、倒退、录制等控制按钮 3.颜色的运用 优势：可吸引用户视觉感官，引起注意，色彩使用恰当，就能促进对屏幕上各部分识别，突出差异，使显示更富有趣味性。 缺点：使用不当，会分散注意力，使视觉更易疲劳。 我们从以下几方面来讨论正确使用色彩 1)、彩色的作用 2)、色彩的运用方法 1)彩色的作用 (1) 作为一种组织屏幕信息、形成良好屏幕格式的手段。 (2) 色彩本身充当有特定意义的视觉符号颜色是有意义的。 (3) 借助色彩逼真地反映客观世界。 (4）增添屏幕的吸引力，激起用户的兴趣。 2)色彩的运用方法 明确色彩使用的目的和可能的作用，力求 发挥色彩辅助交流、促进信息传播的作用 (1) 对色彩的基本认识 (2) 避免同时使用太多颜色 (3) 色彩的可分辨性和协调性 (4）用色彩来起强调作用 (5）色彩的含义要与用户的色彩经验和期望相一致 (6）色彩的空间位置分布 (7）色彩的顺序 (1) 对色彩的基本认识 作用：辅助交流，为屏幕增色 目标：完成信息从机到人的有效传递 (2) 避免同时使用太多颜色 同一画面中以四五种颜色为限。 过多的颜色会增加学习者的反应时间，增加出错的机会，易于引起视觉疲劳。 (3) 色彩的可分辨性和协调性 (4）用色彩起强调作用 活动中的颜色鲜明， 非活动中的颜色应暗淡 前景色：暖色，饱和的、鲜艳的色彩 背景色：冷色、暗色、浅色。 用对比色来表现分离,用相似色来表示关联。 (5）色彩含义与用户经验和期望一致 几种常用色彩的意义内涵： 红色：停止、火、热、危险 黄色：警告、慢速、测试 绿色：前进、状况良好、清楚、植物、安全 蓝色：冷却、水、安静、天空、中立 暖色：活动中的。要求作出反应的、关系密切的 冷色：静止的、状态信息、背景的、关系疏远的 灰色、白色：中性 (6）色彩的空间位置分布 视野中心多选用红、绿色 视野边沿较适于选用蓝、黄、黑色 相邻色块