观摩演示型设计ppt课件.ppt

1 活动2观摩演示型课件第三步了解课件设计的一般规则 人机交互设计遵循的认知原则 1 一致性原则 2 兼容性 3 适应性 4 指导性 5 结构性 6 经济性基于上述基本原则 提出以下几点针对界面设计与屏幕设计的参考 1 由具体到抽象 2 由可视化的内容显示不可见的内容 3 由模拟引导创新 4 合理运用再认与再忆 减少用户短期记忆的负担 5 考虑用户的个别差异 使用用户语言 以上5点具体体现了 由易而难 逐步强化 这一源于认知心理学的原则 2 活动2观摩演示型课件第三步了解课件设计的一般规则 界面结构与实现第一步是将任务设计的结果作为输入 第二步是将每一模块分成若干步 界面设计包括如下几点 界面对话设计 数据输入界面设计 控制界面设计 3 活动2观摩演示型课件第三步了解课件设计的一般规则 界面设计评价对界面设计的质量评价通常可用四项基本要求衡量 界面设计是否有利于用户目标的完成 界面学习和使用是否容易 界面使用效率如何 设计的潜在问题有哪些 评价要素 实用性 有效性 易学习性 系统设备及功能使用率 用户满意程度界面评估采用的方法 实验方法 监测方法 调查方法 4 活动2观摩演示型课件第三步了解课件设计的一般规则 屏幕设计原则布局平衡原则预期原则经济原则顺序原则规则化按照以上原则 进行屏幕设计 应做到 按功能将屏幕分成几个区域 通常为 标题区 工作区 提示和出错处理区 以及其他 示例一用户界面应包含所有所必需的信息 示例二屏幕的使用密度应当适当 防止过稀或过密 示例三 5 活动2观摩演示型课件第三步了解课件设计的一般规则 文字与用语要注意用语简洁性示例一示例二格式信息内容示例三示例四 6 活动2观摩演示型课件第三步了解课件设计的一般规则 颜色的使用颜色的调配对屏幕显示也是重要的一项设计 颜色除是一种有效的强化技术外 还具有美学价值 使用颜色时应注意如下几点 限制同时显示的颜色数示例一 画面中活动对象颜色应鲜明 而非活动对象应暗淡示例二 尽量避免不兼容的颜色放在一起 如黄与蓝 红与绿等 除非作对比时用 示例三 若用颜色表示某种信息或对象属性 要使用户懂得这种表示 且尽量用常规准则表示 示例四总之 屏幕显示设计最终应达到令人愉悦的显示效果 要指导用户注意到最重要的信息 但又不包含过多的相互矛盾的刺激 7 活动2观摩演示型课件第三步了解课件设计的一般规则 颜色的补充我们知道 人们视为 可见 的光可以分解为从蓝色到红色的一个渐进的彩虹光谱带 流行的色彩分类 8 9 10 11 12 13 14 15 活动2观摩演示型课件第三步了解课件设计的一般规则 配色原理配色的一般规律为 任何一个色相均可以成为主色 主色调 与其它色相组成互补色关系 对比色关系 邻近色系和同类色关系的色彩组织 16 17 活动2观摩演示型课件第三步了解课件设计的一般规则 配色原理互补的关系 在24色色相色环中彼此相隔十二个数位或者相距180度的两个色相 均是互补色关系 互补色结合的色组 是对比最强的色组 使人的视觉产生刺激性 不安定性 如果配合不当 容易产生生硬 浮夸 急躁的效果 因此要通过处理主色相与次色相的面积大小 或分散形态的方法来调节 缓和过于激烈的效果 18 互补色 橙蓝互补色对比的色组 橙色面积大而且加入辅助色红色 起了主导色调的作用 效果既艳丽 辉煌又安然 恰列好处 19 活动2观摩演示型课件第三步了解课件设计的一般规则 配色原理对比色关系 色项环中相距135度或者彼此相隔八九个数位的两色 为对比色关系 属中强对比效果的色组 色相感鲜明 各色相互排斥 既活泼又旺盛 配色时 可以通过处理主色与次色的关系而达到色组的调和 也可以通过色相间秩序排列的方式 求得统一和谐的色彩效果 20 对比色 21 活动2观摩演示型课件第三步了解课件设计的一般规则 配色原理邻近色关系 色相环中相距90度 或者相隔五六个数位的两色 为邻近色关系 属中对比效果的色组 色相间色彩倾向近似 冷色组或暖色组较明显 色调统一和谐 感情特性一致 图为蓝紫红调色组 是明色调邻近色对比关系 22 23 活动2观摩演示型课件第三步了解课件设计的一般规则 配色原理同类色关系 色相环中相距45度 或者彼此相隔二三个数位的两色 为同类色关系 属弱对比效果的色组 同类色色相主调十分明确 是极为协调 单纯的色调 图为蓝绿调色组 组成恬静柔美的效果 24 邻近色 上面是从色相角度来考虑配色 在确定主色调和色相关系后 还应考虑颜色的明度 饱和度 从而确定整体风格 25 活动2观摩演示型课件第三步了解课件设计的一般规则 配色原理利用对比 对比是两种相邻颜色之间感觉到的区别 由于白色和黑色不是真正的颜色 它们被说成是表现了非彩色的对比度 黑色和白色也表现了最强烈的对比 色环中的互补色表现出大的彩色对比度 人眼对非彩色的对比度比对彩色的对比度更敏感 这就是在您增加压缩系数时 jpg压缩算法先去除彩色信息而后再去除黑白信息的原因 26 活动2观摩演示型课件第三步了解课件设计的一般规则 配色原理单色对比 当您使用一种颜色 然后增加或减少其亮度时 即建立起单色对比 高对比度颜色组合 黑色与白色 非彩色的对比条 使用蓝色的单色对比条 27 活动2观摩演示型课件第三步了解课件设计的一般规则 配色原理 互补色组合 修改后的颜色组合 28 媒体素材加工方法 处理文本素材录入 语音录入作业批阅成绩统计处理图形 图像素材图像的修复图像的调整处理音频素材声音的剪辑声音特效处理动画素材处理视频素材 29 完毕 谢谢 30 媒体的选择 创造性地使用多媒体环境将会使应用程序功能大大增强 要做到这一点 需从以下两方面考虑 1 媒体的功能 文本 图形图像 动画 视频影