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

《多媒体作品的界面设计ppt.ppt》由会员分享，可在线阅读，更多相关《多媒体作品的界面设计ppt.ppt（15页珍藏版）》请在优知文库上搜索。

1、v1.知识目标知识目标v界面设计的原则界面设计的原则v界面布局设计、美工设计和交互设计的特点和方界面布局设计、美工设计和交互设计的特点和方法法v熟练掌握菜单、按钮和对话的交互方式熟练掌握菜单、按钮和对话的交互方式v2.情感目标情感目标v培养学生在多媒体作品中与计算机之间交流的方培养学生在多媒体作品中与计算机之间交流的方式式v培养学生的美感和对色彩的认识，并在生活中能培养学生的美感和对色彩的认识，并在生活中能用颜色来表达自己的情感用颜色来表达自己的情感v培养学生勇于实践、善于思考和善于总结的精神培养学生勇于实践、善于思考和善于总结的精神和态度和态度 同学们，上一节课已经学习了多媒体作品的开发同学

2、们，上一节课已经学习了多媒体作品的开发和规划。同学们已经了解了作品的开发有七个阶和规划。同学们已经了解了作品的开发有七个阶段，这七个阶段都是必不可少的；规划是对主体段，这七个阶段都是必不可少的；规划是对主体进行整体分析的基础上进行构思，它主要是为了进行整体分析的基础上进行构思，它主要是为了将各个界面连接起来。多媒体作品最先展现在人将各个界面连接起来。多媒体作品最先展现在人们面前的就是界面，我们通过感受作品界面上的们面前的就是界面，我们通过感受作品界面上的色彩、图案、物体和创意等，形成对作品的第一色彩、图案、物体和创意等，形成对作品的第一印象。因此界面设计的是否恰当是很重要的，现印象。因此界面设

3、计的是否恰当是很重要的，现在我们就开始学习今天的新课在我们就开始学习今天的新课多媒体作品的界多媒体作品的界面设计面设计。v1、作品设计应遵循的原则、作品设计应遵循的原则整体上的一致性；布局要简明清晰；整体上的一致性；布局要简明清晰；突出主突出主 体；注意文字显示的效果体；注意文字显示的效果v2、如何进行界面的布局、如何进行界面的布局进行界面设计，要做好屏幕的合理进行界面设计，要做好屏幕的合理布局、文字的正确使用和色彩的恰当布局、文字的正确使用和色彩的恰当选择，合理利用空间，空白区域的适选择，合理利用空间，空白区域的适当运用，会使格调提升并且稳定界面，当运用，会使格调提升并且稳定界面，此外，遵循

4、的原则必不可少。此外，遵循的原则必不可少。v3、如何突出主题、如何突出主题主题要位于屏幕的中部，占据屏幕主题要位于屏幕的中部，占据屏幕上较大的区域；文字描述要短而精，上较大的区域；文字描述要短而精，字体不能太小；图像清晰，色彩鲜明；字体不能太小；图像清晰，色彩鲜明；辅助信息不能放在引人注目的区域辅助信息不能放在引人注目的区域v4、如何使用文字、如何使用文字文字不能过于密集，主要信息所占文字不能过于密集，主要信息所占区域不能超过总区域的区域不能超过总区域的25，局部密，局部密度在度在50左右，要采用不同字体和风左右，要采用不同字体和风格来修饰文字（比如艺术字等等）。格来修饰文字（比如艺术字等等）

5、。v美术设计中使用的颜色要多多益善，是不美术设计中使用的颜色要多多益善，是不是，为什么？是，为什么？ 不是，太多的颜色容易使人分散注意力不是，太多的颜色容易使人分散注意力v背景色和前景色应该如何搭配使用？背景色和前景色应该如何搭配使用？ 背景中的色彩常使用冷色调或亮度较低的背景中的色彩常使用冷色调或亮度较低的颜色，应将各屏幕的颜色组成一个统一的颜色，应将各屏幕的颜色组成一个统一的整体；前景色常使用暖色调，用以引起人整体；前景色常使用暖色调，用以引起人们的注意。们的注意。v谈谈自己对色彩的理解谈谈自己对色彩的理解设计多媒体的界面布局时，首先要明确色设计多媒体的界面布局时，首先要明确色彩使用的目的

6、，选择四到五种颜色并配合彩使用的目的，选择四到五种颜色并配合以空间划分。色彩是人的视觉最敏感的东以空间划分。色彩是人的视觉最敏感的东西。界面布局的色彩处理得好，可以锦上西。界面布局的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应添花，达到事半功倍的效果。色彩总的应用原则应该是用原则应该是总体协调，局部对比总体协调，局部对比，也，也就是：界面的整体色彩效果应该是和谐的，就是：界面的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根烈色彩的对比。在色彩的运用上，可以根据界面内据界面内 容的需要，分别采用

7、不同的主色调。因为色彩具容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在

8、着较大的差异。素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的多媒体充分运用色彩的这些特性，可以使我们的多媒体作品具有深刻的艺术内涵，从而提升作品的文化作品具有深刻的艺术内涵，从而提升作品的文化品位。品位。v什么是人机交互？什么是人机交互？人和计算机间进行信息交流的过程人和计算机间进行信息交流的过程v交互的方式有哪些？并简单阐述。交互的方式有哪些？并简单阐述。 菜单：它主要用文字表示，容易学习使用，菜单：它主要用文字表示，容易学习使用，减轻使用者的记忆量和输入量，减少出错减轻使用者的记忆量和输入量，减少出错机率，占用空间少，适合命令较多的情况机率，占用空间少，适

9、合命令较多的情况使用。使用。 按钮：实际是图形化的菜单命令，具按钮：实际是图形化的菜单命令，具备菜单所具备的特点，直观，易懂，备菜单所具备的特点，直观，易懂，便于使用，唯一和菜单不同的是占空便于使用，唯一和菜单不同的是占空间大，适合命令少的界面。间大，适合命令少的界面。 对话：它是最简单的交互方式，利用对话：它是最简单的交互方式，利用自然语言提出问题，使用者通过键盘自然语言提出问题，使用者通过键盘或鼠标输入文字进行简单的回答，计或鼠标输入文字进行简单的回答，计算机在根据回答的内容进行操作。算机在根据回答的内容进行操作。界面是使用者对作品产生印象最深刻的界面是使用者对作品产生印象最深刻的地方，一

10、个好的界面常常能为作品带来好地方，一个好的界面常常能为作品带来好的效果，使人容易理解、容易使用。界面的效果，使人容易理解、容易使用。界面设计一般包括作品界面的布局设计、美术设计一般包括作品界面的布局设计、美术设计和交互设计。布局设计一定要遵循一设计和交互设计。布局设计一定要遵循一致性、简明清晰、突出主题和注意文字效致性、简明清晰、突出主题和注意文字效果的原则，一致性是贯穿界面设计的主线，果的原则，一致性是贯穿界面设计的主线，是设计活动遵循的主要原则，能降低使用是设计活动遵循的主要原则，能降低使用作品时的学习要求。作品时的学习要求。 具体而言，对于具有同样功能的操作对象，具体而言，对于具有同样功

11、能的操作对象，在形象和格式上要力求一致，起控制作用在形象和格式上要力求一致，起控制作用的按钮和图标也应一致。此外，要做好屏的按钮和图标也应一致。此外，要做好屏幕的合理布局、文字的正确使用和色彩的幕的合理布局、文字的正确使用和色彩的恰当选择。要防止滥用色彩，在同一界面恰当选择。要防止滥用色彩，在同一界面中不要使用过多的颜色，避免分散注意力；中不要使用过多的颜色，避免分散注意力；背景色和前景色也要有较大的差异。因为背景色和前景色也要有较大的差异。因为界面设计只要具有审美感，令人赏心悦目，界面设计只要具有审美感，令人赏心悦目，就具有吸引力，就能引起人们潜意识的注就具有吸引力，就能引起人们潜意识的注意，快速准确的传递信息。意，快速准确的传递信息。找到自己感兴趣的多媒体作品，对找到自己感兴趣的多媒体作品，对其界面进行分析，加深对界面原则的其界面进行分析，加深对界面原则的认识。认识。