《多媒体技术应用教参》(五).docVIP

关键点：用户界面。 界面是一个窗口，它是将不同的元素进行编排，并使之成为一个连贯的整体。从实质上讲，众多才艺、技能和感觉联合构成用户看到的实际内容；在观念上，用户界面反映了这些部分的总和而并非这些部分本身。就目前多媒体软件来讲，这些元素主要分为两类，一类是控制元素，包括菜单、按钮、图标以及各种产生交互的热区和热字；另一类是内容元素，它包括图片、声音、动画以及文字等等。按照Minsky的全方位观点，成功的界面设计不仅仅依赖于图片和声音，还依赖于比图片和声音更精细的元素。 1、对比性 两事物的相对比较为对比（contrast），通过对比双方各自的特征更加鲜明,使画面更富有效果和表现力。对于界面设计而言，通过对比可以在界面中形成趣味中心，或者主题从背景突现出来。进一步说，通过强调对比双方的差异所产生的变化和效果，来获得富有魅力的构图形式。对比分为不同类型，在界面设计中，主要有以下八种： （1）大小的对比 大小关系是界面布局中最受重视的一项。一个界面有许多区域，包括文字区、图像区、控制区等。它们之间的大小关系决定了用户对系统的最基本的印象。大小的差别小，给人的感觉比较温和；大小差别大，给人的感觉较鲜明，而且具有震撼力。例如可以通过将重要的菜单选项设计的大一些，来突出它的地位。 （2）明暗的对比 阴与阳、正与反、昼与夜等等的对比可以使人感觉生活中的明暗关系。明暗是色感中最基本的要素。利用这一对比可以通过将界面的背景设计得暗一些、把重要的菜单或图形设计得亮一些，来突出它的地位。 （3）粗细的对比 细字如果增多，粗字就应该减少，这样的搭配看起来比较明快。重要的信息用粗体大字，甚至立体形式表现在界面上，这样再搭配激荡的音乐，就会使用户产生一种大气感；而比较柔情的词汇，则选择纤细的斜体或倒影字体出现。 （4）曲线与直线的对比 曲线富有柔和感、缓和感，直线则富有坚硬感、锐利感。自然界中的线条皆有这两者协调搭配而成，如果要加深用户对曲线的意识，就用一些直线来对比，少量的直线会使曲线更引人注目。 （5）水平线与垂直线 水平线给人稳定和平静的感受，垂直线正和水平线相反、垂直线表示向上伸展的活动力，具有坚韧和理智的意向，使界面显得冷静而又鲜明。如果不合理的强调垂直性，界面就会变的冷漠、坚硬，使人难以接近。将垂直线和水平线作对比处理，可以使两者表现更生动，不但使界面产生紧凑感，还能避免冷漠坚硬的情况产生。 （6）质感的对比 在日常生活中，很少人谈及质感。但在界面设计中，质感却是很重要的形象要素，譬如张弛感、平滑感、凸凹感等。质感不仅表现出情感，而且与这种情感融为一体。界面上的元素之间，可以采用质感的方式加强对比。例如显示以大理石为背景或以蓝天为背景产生的对比，前者给用户以冷静、坚实和拘束之感，后者给用户活泼、空灵和自由之感。 （7）位置的对比 通过位置的不同或变化可以产生对比。例如在界面的两侧放置某种物体，不但可以表示强调，同时也可以产生对比。界面的上下左右和对角线上的四隅皆有力点存在，而在这些力点处配置照片，大标题或标识记号等，便可以显示出隐藏的力量。因此在对立关系的位置上放置鲜明的造型要素，可显出对比关系，使界面具有紧凑感。 （8）多重对比 将上述各种对比方法，如曲线与直线、垂直与水平、锐角与钝角等，交叉或混合使用，进行组合搭配，就可以制作出富有变化的界面。 2、协调性 顾名思义，协调性是相对于对比性而言，所谓协调，就是将界面上的各种元素之间的关系进行统一处理，合理搭配，使之构成和谐统一的整体。对于艺术，协调被认为是使人愉快和称心的美的要素之一。协调包括同一界面中各种元素的协调，也包括不同界面之间的各种元素的协调，主要有以下四个方面： （1）主与从 界面设计和舞台设计有类似的地方，主角和配角的关系是其中一个方面。当主角和配角的关系很明确时，用户便会关注主要信息，心理也会安定下来。在界面上明确表示出主从关系是很正统的界面构成方法，如果两者的关系模糊，便会令人无所适从；相反，主角过强就会失去动感，变成庸俗界面。所以主从关系是界面设计需要考虑的基本因素。 （2）动与静 在庭院中，有假山、池水、草木、瀑布的配合，同样在界面设计上也有动态部分和静态部分的配合。动态部分包括动态的画面和事物的发展过程，静态部分则常指界面上的按钮、文字解说等。扩散或流动的的形状即为动，静止不变的形状即为静。一般说来动态和静态要配置于相对之处。动态部分占界面的大部分，静态部分面积小一些，在周边留出适当的空白以强调各自的独立性。这样的安排较能吸引用户，便于表现。尽管静态部分只占小面积，却有很强的存在感。 （3）入与出 整个界面空间因为各种力的关系而产生动感，进而支配空间。因此界面的入点和出点要彼此呼应、协调。两者的距离愈大，效果愈显著，