多媒体作品的界面设计.ppt.pptVIP

多媒体作品的界面设计 制作人： 教学目标 1.知识目标 界面设计的原则 界面布局设计、美工设计和交互设计的特点和方法 熟练掌握菜单、按钮和对话的交互方式 2.情感目标 培养学生在多媒体作品中与计算机之间交流的方式 培养学生的美感和对色彩的认识，并在生活中能用颜色来表达自己的情感 培养学生勇于实践、善于思考和善于总结的精神和态度 导入语 同学们，上一节课已经学习了多媒体作品的开发和规划。同学们已经了解了作品的开发有七个阶段，这七个阶段都是必不可少的；规划是对主体进行整体分析的基础上进行构思，它主要是为了将各个界面连接起来。多媒体作品最先展现在人们面前的就是界面，我们通过感受作品界面上的色彩、图案、物体和创意等，形成对作品的第一印象。因此界面设计的是否恰当是很重要的，现在我们就开始学习今天的新课《多媒体作品的界面设计》。 问题一 1、作品设计应遵循的原则 整体上的一致性；布局要简明清晰；突出主 体；注意文字显示的效果 2、如何进行界面的布局 进行界面设计，要做好屏幕的合理布局、文字的正确使用和色彩的恰当选择，合理利用空间，空白区域的适当运用，会使格调提升并且稳定界面，此外，遵循的原则必不可少。 3、如何突出主题 主题要位于屏幕的中部，占据屏幕上较大的区域；文字描述要短而精，字体不能太小；图像清晰，色彩鲜明；辅助信息不能放在引人注目的区域 4、如何使用文字 文字不能过于密集，主要信息所占区域不能超过总区域的25﹪，局部密度在50﹪左右，要采用不同字体和风格来修饰文字（比如艺术字等等）。 问题二 美术设计中使用的颜色要多多益善，是不是，为什么？ 不是，太多的颜色容易使人分散注意力 背景色和前景色应该如何搭配使用？ 背景中的色彩常使用冷色调或亮度较低的颜色，应将各屏幕的颜色组成一个统一的整体；前景色常使用暖色调，用以引起人们的注意。 谈谈自己对色彩的理解 设计多媒体的界面布局时，首先要明确色彩使用的目的，选择四到五种颜色并配合以空间划分。色彩是人的视觉最敏感的东西。界面布局的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是总体协调，局部对比，也就是：界面的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据界面内 容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的多媒体作品具有深刻的艺术内涵，从而提升作品的文化品位。 问题三 什么是人机交互？ 人和计算机间进行信息交流的过程 交互的方式有哪些？并简单阐述。 菜单：它主要用文字表示，容易学习使用，减轻使用者的记忆量和输入量，减少出错机率，占用空间少，适合命令较多的情况使用。 按钮：实际是图形化的菜单命令，具备菜单所具备的特点，直观，易懂，便于使用，唯一和菜单不同的是占空间大，适合命令少的界面。 对话：它是最简单的交互方式，利用自然语言提出问题，使用者通过键盘或鼠标输入文字进行简单的回答，计算机在根据回答的内容进行操作。 总结 界面是使用者对作品产生印象最深刻的地方，一个好的界面常常能为作品带来好的效果，使人容易理解、容易使用。界面设计一般包括作品界面的布局设计、美术设计和交互设计。布局设计一定要遵循一致性、简明清晰、突出主题和注意文字效果的原则，一致性是贯穿界面设计的主线，是设计活动遵循的主要原则，能降低使用作品时的学习要求。 具体而言，对于具有同样功能的操作对象，在形象和格式上要力求一致，起控制作用的按钮和图标也应一致。此外，要做好屏幕的合理布局、文字的正确使用和色彩的恰当选择。要防止滥用色彩，在同一界面中不要使用过多的颜色，避免分散注意力；背景色和前景色也要有较大的差异。因为界面设计只要具有审美感，令人赏心悦目，就具有吸引力，就能引起人们潜意识的注意，快速准确的传递信息。 课后学习 找到自己感兴趣的多媒体作品，对其界面进行分析，加深对界面原则的认识。 * * * *