第9章PPT课件界面设计.ppt

xx 第9章 PPT课件界面设计 交互 内容 界面 课件设计 * xx 2021-1-20 9.1 课件界面设计原则 PPT课件的界面设计是影响信息呈现效果的重要因素。主要包括版面设计、色彩设计和显示方式设计。 界面设计的基本原则 服务于内容，体现教学性 简洁、风格统一，体现美观实用性 使用简单、方便，体现友好性 * xx 2021-1-20 版面设计是对幻灯片内的媒体布局进行统筹安排，为文字、图形、图像、动画、视频等进行定位，信息量大小设计，力求做到主次分明，符合视觉传达规律，例如：一次呈现一至两个概念（避免出现大篇幅的文字），主要教学内容处于醒目位置并占据主体区域等。保持每张幻灯片有一个视觉中心，显示页面最重要的信息。如标题、导航、正文等。 * xx 2021-1-20 三分法：把长方形画面的长、宽各分成三等分，整个画面呈井字形分割，井字形分割的交叉点便是画面主体（视觉中心）的最佳位置，是最容易诱导人们视觉兴趣的视觉美点。 界面设计时，应当将重要信息置于交叉点或线附近区域。 标题和导航可作为视觉中心 课件内容区 * xx 2021-1-20 色彩设计是对幻灯片的色彩基调、布局、对比、风格等协调安排。有的课件使用的字体色彩与背景色彩相近，造成文字模糊。 色彩设计的一般原则是总体协调，局部对比： 色彩风格要与主题、科目、学生特征如年龄等相符合，如对于小学生可以用绚丽的色彩。 色彩基调为内容服务，基调统一，切忌随意变化。 用好色彩对比与饱和度，适当增强背景色调与信息符号色调的对比，以深色的背景衬托浅色的内容，反之亦然。 色彩搭配合理，同一页面色彩不宜超过4种。 * xx 2021-1-20 参考色彩的心理学效应和行业象征性。下面是一些背景色和文字颜色的适当组合： 黑与白的对比 蓝与白的对比 红与黄的对比 绿与白的对比 绿与黑的对比 红与黑的对比 注意色彩失真问题，课件在CRT或LCD显示器显示效果与在投影仪上显示效果会有所差异，最突出的是投影仪显示色彩看上去比较暗淡，画面的细微处会比较模糊。这就要求突出颜色对比，设置合适的字体及大小。 不宜使用红—绿、红—蓝、绿—蓝、蓝—黄等色彩搭配，这些色彩组合会在边界产生振荡和余像。 * xx 2021-1-20 显示方式设计是根据教学内容和课堂活动设计幻灯片的显示次序和方式，包括页面内的媒体元素间的显示次序、页面间显示次序、呈现时间以及动画效果的设计。页面内媒体元素一般随教学进度显示，注重刺激的时效性、新颖性。页面间显示的顺序要自然、连贯，时间不能过快或过慢，以学生充分接收信息为限。幻灯片间的切换效果要统一，切忌随意变化，一般随主题而定，注意不同的切换有不同的效果，比如：直接切换显得轻快、利索，淡入淡出可以表示时间的流逝和情境的变迁等。 * xx 2021-1-20 9.2 界面设计基本方法 内容的布局 幻灯片版式 自定义版面 调整位置和对齐对象 课件色彩 平和、对比明显，课件主色调可以为绿色、蓝色、黑白色等，课件中最经典的颜色组合为：黑白、蓝白、黑黄、绿白、绿黑，这些组合能保证较好的对比效果。 * xx 2021-1-20 PowerPoint中提供了配色方案，也可以自己创建或修改配色方案。 合理使用线条、框架、渐变、半透明、阴影、三维效果等。 * xx 2021-1-20 如果课件内容有一定结构和顺序，就要单独设计其导航条，而不是单击鼠标来播放幻灯片。 导航条的应用原则是指示清楚，有去有回，控制幻灯片的播放顺序。 导航的形式：利用“幻灯片结构地图”指示当前位置；利用时间线等形式的形状组合，指示位置与导航；目录导航；“按钮+标题”导航。 * xx 2021-1-20 9.3 课件封面设计 课件界面分为：片头动画、封面、主界面、内容界面、帮助界面、退出（结束）界面、结束动画。 课件封面主要包括课件的标题、老师的基本信息、必要的说明等。其要素一般为文字+图片，还可以添加背景音乐、Logo或修饰性动画。 * xx 2021-1-20 9.4 课件主界面 主界面一般为导航页面，也可以和封面合二为一。主界面包括课件的主体内容结构，能实现选择内容的跳转。 * xx 2021-1-20 9.5 课件内容界面 内容界面设计要求：风格统一，内容部分占据主要位置，为吸引学习者的注意，常利用框架形式将内容包围。 * xx 2021-1-20 9.6 帮助界面 课件界面的友好性，还体现在用户明确界面中各元素的功能，不产生歧义。尊重用户操作习惯。 并非每个课件都需要帮助界面，帮助信息的提供可以文档形式，也可以文字说明或鼠标悬停提示，当然也可制作专门的帮助界面。 * xx 2021-1-20 xx