观摩演示型设计精选PPT.ppt

《观摩演示型设计精选PPT.ppt》由会员分享，可在线阅读，更多相关《观摩演示型设计精选PPT.ppt（43页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、观摩演示型课件设计第1页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则3.人机交互设计遵循的认知原则（1）一致性原则（2）兼容性（3）适应性（4）指导性（5）结构性（6）经济性基于上述基本原则，提出以下几点针对界面设计与屏幕设计的参考:（1）由具体到抽象（2）由可视化的内容显示不可见的内容（3）由模拟引导创新（4）合理运用再认与再忆，减少用户短期记忆的负担（5）考虑用户的个别差异，使用用户语言 以上5点具体体现了“由易而难，逐步强化。”这一源于认知心理学的原则。第2页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l界面结构与实现1.第一步是将任务

2、设计的结果作为输入2.第二步是将每一模块分成若干步l界面设计包括如下几点：1.界面对话设计；2.数据输入界面设计；3.控制界面设计。第3页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l界面设计评价对界面设计的质量评价通常可用四项基本要求衡量：1.界面设计是否有利于用户目标的完成；2.界面学习和使用是否容易；3.界面使用效率如何；4.设计的潜在问题有哪些；l评价要素：实用性、有效性、易学习性、系统设备及功能使用率、用户满意程度l界面评估采用的方法：实验方法、监测方法、调查方法第4页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l屏幕设计原则1.布

3、局 平衡原则预期原则经济原则顺序原则规则化2.按照以上原则，进行屏幕设计，应做到：1.按功能将屏幕分成几个区域，通常为：标题区，工作区，提示和出错处理区、以及其他。示例一2.用户界面应包含所有所必需的信息。示例二3.屏幕的使用密度应当适当，防止过稀或过密。示例三第5页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则3.文字与用语要注意用语简洁性 示例一 示例二格式信息内容 示例三 示例四第6页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l颜色的使用颜色的调配对屏幕显示也是重要的一项设计，颜色除是一种有效的强化技术外，还具有美学价值。使用颜色时应注

4、意如下几点：限制同时显示的颜色数 示例一画面中活动对象颜色应鲜明，而非活动对象应暗淡 示例二尽量避免不兼容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用。示例三若用颜色表示某种信息或对象属性，要使用户懂得这种表示，且尽量用常规准则表示。示例四总之，屏幕显示设计最终应达到令人愉悦的显示效果，要指导用户注意到最重要的信息，但又不包含过多的相互矛盾的刺激。第7页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l颜色的补充我们知道，人们视为“可见”的光可以分解为从蓝色到红色的一个渐进的彩虹光谱带。流行的色彩分类第8页，此课件共43页哦第9页，此课件共43页哦第10页，此课件共

5、43页哦第11页，此课件共43页哦第12页，此课件共43页哦第13页，此课件共43页哦第14页，此课件共43页哦第15页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l配色原理配色的一般规律为：任何一个色相均可以成为主色(主色调)，与其它色相组成互补色关系、对比色关系、邻近色系和同类色关系的色彩组织。第16页，此课件共43页哦第17页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l配色原理互补的关系：在24色色相色环中彼此相隔十二个数位或者相距180度的两个色相，均是互补色关系。互补色结合的色组，是对比最强的色组。使人的视觉产生刺激性、不安定性。

6、如果配合不当，容易产生生硬、浮夸、急躁的效果。因此要通过处理主色相与次色相的面积大小，或分散形态的方法来调节、缓和过于激烈的效果。第18页，此课件共43页哦互补色 橙蓝互补色对比的色组，橙色面积大而且加入辅助色红色，起了主导色调的作用，效果既艳丽、辉煌又安然，恰列好处。第19页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l配色原理对比色关系：色项环中相距135度或者彼此相隔八九个数位的两色，为对比色关系，属中强对比效果的色组。色相感鲜明，各色相互排斥，既活泼又旺盛。配色时，可以通过处理主色与次色的关系而达到色组的调和，也可以通过色相间秩序排列的方式，求得统一和谐的色彩

7、效果。第20页，此课件共43页哦对比色 第21页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l配色原理邻近色关系：色相环中相距90度，或者相隔五六个数位的两色，为邻近色关系，属中对比效果的色组。色相间色彩倾向近似，冷色组或暖色组较明显，色调统一和谐、感情特性一致。图为蓝紫红调色组，是明色调邻近色对比关系。第22页，此课件共43页哦第23页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l配色原理同类色关系：色相环中相距45度，或者彼此相隔二三个数位的两色为同类色关系，属弱对比效果的色组；同类色色相主调十分明确，是极为协调、单纯的色调。图为蓝绿调色

8、组，组成恬静柔美的效果。第24页，此课件共43页哦邻近色邻近色上面是从色相角度来考虑配色，在确定主色调和色相关系后，还应考虑上面是从色相角度来考虑配色，在确定主色调和色相关系后，还应考虑颜色的明度、饱和度，从而确定整体风格。颜色的明度、饱和度，从而确定整体风格。第25页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l配色原理利用对比利用对比：对比是两种相邻颜色之间感觉到的区别。由于白色和黑色不是真正的颜色，它们被说成是表现了非彩色的对比度。黑色和白色也表现了最强烈的对比。色环中的互补色表现出大的彩色对比度。人眼对非彩色的对比度比对彩色的对比度更敏感，这就是在您增加压缩系

9、数时.jpg 压缩算法先去除彩色信息而后再去除黑白信息的原因。第26页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l配色原理单色对比：当您使用一种颜色，然后增加或减少其亮度时，即建立起单色对比。高对比度颜色组合 黑色与白色：非彩色的对比条 使用蓝色的单色对比条 第27页，此课件共43页哦活动2 观摩演示型课件第三步 了解课件设计的一般规则l配色原理 互补色组合 修改后的颜色组合 第28页，此课件共43页哦媒体素材加工方法l处理文本素材录入：语音录入作业批阅成绩统计l处理图形、图像素材图像的修复图像的调整l处理音频素材声音的剪辑声音特效 l处理动画素材 l处理视频素材

10、第29页，此课件共43页哦完毕，谢谢！第30页，此课件共43页哦媒体的选择创造性地使用多媒体环境将会使应用程序功能大大增强。要做到这一点,需从以下两方面考虑:（1）媒体的功能：文本、图形图像、动画、视频影像、语音、状态与动作；（2）媒体选择的结合与互补，几条原则：需求、各有所长、紧扣主题、同步、有效性；第31页，此课件共43页哦人机界面类型第32页，此课件共43页哦第33页，此课件共43页哦第34页，此课件共43页哦第35页，此课件共43页哦第36页，此课件共43页哦第37页，此课件共43页哦第38页，此课件共43页哦第39页，此课件共43页哦第40页，此课件共43页哦第41页，此课件共43页哦第42页，此课件共43页哦第43页，此课件共43页哦