2.2 多媒体作品的界面设计

2.2多媒体作品的界面设计

教学目标

1）体验和了解多媒体作品界面设计的原则和方法，能够在多媒体作品制作过程中应用这些原则，并设计好的界面。

2）通过感受界面设计的原则，了解界面布局设计、美术设计和交互设计的主要工作。

3）了解几种常用的交互方式

4)培养制作作品是能产生对作品界面认真设计的强烈愿望，能够对作品界面设计情况进行初步评价。

【教学重点】

界面设计的基本原则

【教学难点】

如何认定界面设计是否适当

【教学环境】多媒体网络教室

一个作品首先展示在人们眼前的是界面，因此一个作品界面好坏直接影响到作品的使用。怎么才能设计出一个好的界面呢？应该遵循怎么样的原则呢？

一、布局设计P25

多媒体作品最先展现在人们面前的是它的界面，我们通过感受多媒体作品界面上的色彩、图案、物体、创意等，形成对作品的第一印象。界面可因作品创意、内容和使用对象的不同而有不同的布局形式。

1．界面布局应该有整体上的一致性

一致性是贯穿界面设计的主线，是设计活动遵循的主要原则。一致性能降低使用多媒体作品时的学习要求。具体而言，对于具有同样功能的操作对象，在形象和格式上要力求一致，起控制作用的按钮和图标也应一致。

2．界面布局要简明清晰

多媒体作品界面要简明清晰，让使用者把注意力完全集中到作品的内容上，

而不是界面上。在进行界面设计时，应做好屏幕的合理布局、文字的正确使用和色彩的恰当选择等，

3．注意突出主题信息

设计界面上信息的布局时，要注意突出主题信息，将其位于屏幕的中部，并占据屏幕上较大的区域。文字描述要短而精，字体不能太小，要便于阅读。图像要清晰，色彩要鲜明。

其他辅助信息项，如状况、提示、注释行等应该放在屏幕上不引人注目的区域。

对于屏幕中按钮等的呈现，应按逻辑分类编排，按照使用顺序、使用频率、功能和重要性进行编排。将最常使用的按钮放在最易控制的位置，功能键、按钮等可放在屏幕底酞并保持在各个界面都位于同一个位置。

4．注意文字显示的效果

文字不能过于密集、主要信息在屏幕上所占区域不要超过屏幕总区域的25％。局部密度应保持在50％左右。

采用不同字体和不同风格来修饰文字，可取得较好的阅读效果，但文字作为标题时应该风格统一。在屏幕上最小并且显示清晰的中文字型为16x16点阵字型的宋体。为了适应人们阅读中文的习惯，一行最好不超过35个字。

界面中的空白区域量也很重要。没有空白区，就没有界面的美。空白的多寡对界面给人们印象的好坏有决定性的影响。不要在一个界面上放置太多的信息对象。以免界面拥挤不堪。空白部分的适当运用，会使格调提高并且稳定界面。围绕以下问题分组讨论：

1、你认为作品的设计要遵循什么原则？

2、如何进行界面的布局？

3、如何突出主题？

4、如何使用色彩？

5、如何使用文字？

6、如何设置交互功能？‘

二、美术设计

首先要明确色彩使用的目的，选择四到五种颜色并配合以空间划分、几何形状等来增加屏幕视觉效果。

背景中的色彩应选择冷色调或亮度较低的颜色。可做背景色的各种颜色的优先使用顺序是：蓝、黑、灰、褐、红、绿、紫。背景色使用中还要注意应将各组成屏幕的颜色组成一个统一的整体，产生整体效果。

任务：对《快乐的校园》作品进行界面美术设计分析，体会美术设计的基本原则和方法，通过交流强化。

三、交互设计

我们在设计时，保持交互方式前后一致，便于操作。界面中的交互按钮均为同一位置，统一风格，方便使用者使用。

常用的交互方式有：

1．菜单

菜单是常用的交互方式之一。菜单主要是用文字来表示，它的特点是容易学习和使用，可以大大减轻使用者的记忆量和

输入量，还可以减少出现错误的机会。

2．按钮

按钮实际上是图形化的菜单命令，它具有菜单界面的特点，但是按钮需要占用的屏幕空间较大，所以适合于命令较少的界面。

3．对话

这是最简单的交互方式，利用自然语言提出问题，使用者通过键盘或鼠标输入文字进行简单的回答，计算机再根据回答的内容进行后续操作。这种交互方式下使用者回答的是简单的答案，优点是容易学习，缺点是效率低、灵活性差。如果要计算机能够回

答复杂的问题或接受复杂的答案，只有智能型计算机才能够做到。因此，还需要人工智能领域有更大的突破。

分析总结各个方式的特点和使用。

四、课后练习：

围绕自己的作品主题和创意对其界面进行设计分析，加深对设计原则的认识。并上交作业。

五、总结评价