2.2多媒体作品的界面设计

多媒体作品的界面设计引言：多媒体作品最先展现在我们面前的是它的界面，界面是使用者对作品产生印象最深刻的地方，优秀的界面设计能给人耳目一新的感觉，可以起到先声夺人的作用，它是作品的“脸面”。一个好的界面常常能为作品带来好的效果，使人容易理解容易使用。•作品的布局、美术、交互要遵循哪些原则？•如何进行界面的布局•如何使用文字，在界面中如何处理字距，空白等等思考：•如何突出主题多媒体作品界面设计交互设计美术设计布局设计多媒体作品界面设计的目的在于合理安排和设定需要表达的多媒体信息及其表现形式和组织形式。2.2.1布局设计1、界面布局应该有整体上的一致性2、界面布局要简明清晰3、注意突出主题信息4、注意文字显示的效果需要遵循的原则和方法2.2.1布局设计一致性是贯穿界面设计的主线，是设计活动遵循的主要原则。对于具有同样功能的操作对象，在形式上和格式上要力求一致，起控制作用的按钮和图标也应一致。图片视频区图片视频区文字解说区文字解说区按钮链接区按钮链接区Authorware作品《快乐的校园》1、界面布局应该有整体上的一致性。2.2.1布局设计网页《鲜花保险技术初探》2.2.1布局设计欣赏POWERPOINT作品《剪纸艺术》多媒体作品界面要简明清晰，做好屏幕的合理布局、文字的正确使用和色彩的恰当选择。让使用者把注意力完全集中到作品的内容上，而不是界面上。2、界面布局要简明清晰2.2.1布局设计1.位于屏幕的中部，占据屏幕较大的区域。2.主题信息文字描述要短而精，字体不能太小，要便于阅读。3.其他辅助信息放在屏幕不引人注目的区域。4.屏幕按钮应按逻辑分类编排，按照使用顺序、使用频率、功能和重要性进行编排突出主题信息3、注意突出主题信息我们一起评头论足，说说你对这些作品的看法。2.2.1布局设计作品1作品2作品3•文字不能过于密集，主要信息所占区域不超过总区域的25%。•局部密度在50%左右。4、注意文字显示的效果2.2.1布局设计•采用不同字体和不同风格来修饰文字。•文字做标题应风格统一。•中文字形为宋体4号•一行不超过35个字•界面中的空白区域也很重要。•没有空白区就没有界面的美。•空白的适当运用，会使格调提高并且稳定界面。首先要明确色彩使用的目的，选择四到五种颜色并配合空间划分、几何形状等来增加屏幕视觉效果。背景中的色彩应选择冷色调或亮度较低的颜色。可做背景色的各种颜色优先使用顺序是：蓝、黑、灰、褐、红、绿、紫。作为前景的信息应采用暖色调的颜色，与背景有较大差异的颜色作为背景。2.2.2美术设计①.暖色调•几种常用的配色方案：②.冷色调。在设计交互方式时，要考虑到使用的方便性，最好是所见即所得。保持交互方式的前后一致，交互按钮要保持统一位置，统一风格。2.2.3交互设计2.2.3交互设计……菜单按钮交互方式对话菜单主要是用文字来表示，适合命令较多的情况。如Windows系列软件的界面交互的方式还有很多，以上三种是常用的交互方式利用自然语言提出问题，使用者通过键盘或鼠标输入文字进行简单的回答如科利华学习软件按钮是图形化的菜单命令，直观、易懂、便于使用。适合命令较少的界面。如ppt中的工具栏2.2.3交互设计2.2.3交互设计小结：布局设计需要遵循的原则和方法美术设计交互设计1、界面布局应该有整体上的一致性2、界面布局要简明清晰3、注意突出主题信息4、注意文字显示的效果背景中的色彩应选择冷色调或亮度较低的颜色。蓝、黑、灰、褐、红、绿、紫作为前景的信息应采用暖色调的颜色保持交互方式的前后一致，交互按钮要保持统一位置，统一风格。交互方式：菜单、按钮、对话