多媒体界面设计的一些艺术原则

多媒体界面设计的一些艺术原则

多媒体技术的迅猛发展，使人们认识到创设友好界面的重要性和必要性，关于人机界面的研究已经从某种从属地位升为一个专门的领域。将美的原则应用于界面设计可以加强界面的气氛、增加吸引力、突出重心、提高美感。在人机界面的设计制作过程中，需要遵循的艺术原则主要有：对比原则、协调原则、平衡原则和趣味原则。

关键词：多媒体 界面

数字时代的创始人Marvin Minsky 在其有趣的书《思维与社会》中提出下面思想：无论是人类的思维还是人工智能的思维，都是由原本简单的元素相连接而组成，当这些元素组成一个整体时，它们就成为无限复杂的，我们称之为思想和感情的东西，这些思想和感情可以转化为人类的体验。Minsky的理论在多媒体开发中的重要应用，就是多媒体和用户间的关键点：用户界面。

界面是一个窗口，它是将不同的元素进行编排，并使之成为一个连贯的整体。从实质上讲，众多才艺、技能和感觉联合构成用户看到的实际内容；在观念上，用户界面反映了这些部分的总和而并非这些部分本身。就目前多媒体软件来讲，这些元素主要分为两类，一类是控制元素，包括菜单、按钮、图标以及各种产生交互的热区和热字；另一类是内容元素，它包括图片、声音、动画以及文字等等。按照Minsky的全方位观点，成功的界面设计不仅仅依赖于图片和声音，还依赖于比图片和声音更精细的元素。因此，界面设计的艺术原则成为人们探索和创新的焦点。

一、对比原则

两事物的相对比较为对比（Contrast)，通过对比双方各自的特征更加鲜明,使画面更富有效果和表现力。对于界面设计而言，通过对比可以在界面中形成趣味中心，或者主题从背景突出出来。进一步的说，通过强调对比双方的差异所产生的变化和效果，来获得富有魅力的构图形式。对比分为不同类型，在界面设计中，主要有以下八种

1、大小的对比

大小关系是界面布局中最受重视的一项。一个界面有许多区域，包括文字区、图象区、控制区等。它们之间的大小关系决定了用户对系统的最基本的印象。大小的差别小，给人的感觉教较着温和；大小差别大，给人的感觉较鲜明，而且具有震撼力。例如可以通过将重要的菜单选项设计的大一些，来突出它的地位。

2、明暗的对比

阴与阳、正与反、昼与夜等等的对比可以使人感觉生活中的明暗关系。明暗是色感中最基本的要素。利用这一对比可以通过将界面的背景设计的暗一些、把重要的菜单或图形设计的亮一些，来突出它的地位。

3、粗细的对比

字体越粗、越富有男性气概；若代表时髦与女性，通常以细表现。细字如果增多，粗字就应该减少，这样的搭配看起来比较明快。重要的信息用粗体大字，甚至立体形式表现在界面上，这样再搭配激荡的音乐，就会使用户产生一种气魄感；而比较柔情的词汇，则选择纤细的斜体或倒影字体出现。

4、曲线与直线的对比

曲线富有柔和感、缓和感，直线则富有坚硬感、锐利感。自然界中的线条皆有这两者协调搭配而成，如果要加深用户对曲线的意识，就用一些直线来对比，少量的直线会使曲线更引人注目。

5、水平线与垂直线

水平线给人稳定和平静的感受，垂直线正和水平线相反、垂直线表示向上伸展的活动力，具有坚韧和理智的意向，使界面显得冷静而又鲜明。如果不合理的强调垂直性，界面就会变的冷漠、坚硬，使人难以接近。将垂直线和水平线做对比处理，可以使两者表现更生动，不但使界面产生紧凑感，还能避免冷漠坚硬的情况产生。

6、质感的对比

在日常生活中，很少人谈及质感。但在界面设计中，质感却是很重要的形象要素，譬如弛感、平滑感、凸凹感等。质感不仅表现出情感，而且与这种情感融为一体。界面上的元素之间，可以采用质感的方式加强对比。例如显示以大理石为背景或以蓝天为背景产生的对比，前者给用户以冷静、坚实和拘束之感，后者给用户活泼、空间和自由之感。

7、位置的对比

通过位置的不同或变化可以产生对比。例如在界面的两侧放置某种物体，不但可以表示强调，同时也可以产生对比。界面的上下左右和对角线上的四隅皆有力点存在，而在这些力点处配置照片，大标题或标识记号等。便可以显示出隐藏的力量。因此在对立关系的位置上放置鲜明的造型要素，可显出对比关系，使界面具有紧凑感。

8、多重对比

将上述各种对比方法，如曲线与直线、垂直与水平、锐角与钝角等，交叉或混合使用，进行组合搭配，就可以制作出富有变化的界面。 (深蓝多媒体www.hi-blue.com)

二、协调原则

顾名思义，协调原则是相对于对比原则而言，所谓协调，就是将界面上的各种元素之间的关系进行统一处理，合
理搭配，使之构成和谐统一的整体。对于艺术，协调被认为是使人愉快和称心的"美"的要素之一。协调包括同一
界面中各种元素的协调，也包括不同界面之间的各种元素的协调，主要有以下四个方面：

1、主与从

界面设计和舞台设计有类似的地方，主角和配角的关系其中一个方面。当主角和配角的关系很明确时，用户便会关注主要信息，心理也会安定下来。在界面上明确表示出主从关系是很正统的界面构成方法，如果两者的关系模 糊，便会另人无可适从；相反，主角过强就会失去动感，变成庸俗界面。所以主从关系是界面设计需要考虑的基
本因素。

2、动与静

在庭院中，有假山、池水、草木、瀑布等配合。同样在界面设计上也有动态部分和静态部分的配合。动态部分包括动态的画面和事物的发展过程，静态部分则常指界面上的按钮、文字解说等。扩散或流动的的形状即为动，静止不变的形状即为静。一般说来动态和静态要配置与相对之处。动态部分占界面的大部分，静态部分面积小一些，在周边留出适当的空白以强调各自的独立性。这样的安排较能吸引用户，便于表现。尽管静态部分只占小面积
，却有很强的存在感。

3、入与出

整个界面空间因为各种力的关系而产生动感，进而支配空间。因此界面的入点和出点要彼此呼应、协调。两者的距离愈大，效果愈显著，而且可以充分利用界面的两端。不过出点和入点要特别注意平衡，必须有适当的强弱变化才好，如有一方太软弱无力就不能引起共鸣。例如设计总标题的出现，我门可以让它从中心一点逐步放射开来，最终静止在整个界面上，也可以让它从屏幕一边推出，转向屏幕的另一端，最终落在界面某处。这两种方式都有出口和落处，有一定艺术效果。

4、统一与协调

如果过分强调对比关系，空间预留太多造型要素，最容易使画面产生混乱。要协调这种现象，最好加上一些共同的造型要素，使画面产生共同风格，具有整体统一和协调的感觉。反复使用同形事物，可使界面产生协调感。若 把同形的事物配置在一起，便能产生连续感。两者相互配合使用，能创造出统一协调的效果。

三、平衡原则

界面是否平衡是非常重要的。例如一个介绍音乐的界面上，将一把小提琴放在界面的右边，看起来似乎要倒向左边，但在界面的左边设计者安排了粗体的标题和文字，恰好起到了支撑作用。使人感觉非常平稳。这就是平和带来的艺术效果。达到平衡的一种方法是将界面在高度上三等分，画形的中轴落在下三分之一划分线上，这样可保持空间上的平衡。

平衡并不是对称。以一点为起点，向左右同时展开的形态，成为左右对称形。应用对称的原理可以发展出旋涡等形状复杂状态。我国的古典艺术上，大多讲究对称原则。应用对称的确使用户产生庄重威严感，但缺少活泼感。

在界面设计上，一般不认可对称原则。现代造型艺术也朝着非对称方向发展。当然，在画面需要表达传统风格时，对称仍是较好的表现手段。

中心也是平衡的一个方面。在人的感觉上，左右有微妙的差异。如果某界面右下脚有一处吸引力特别强的地方，考虑左右平衡时，如何处理这个地方，就成为关键问题。人的视觉对从左上到右下的流向较为自然。将右下角空着来编排标题与插图，就会产生一种自然的流向，反之，就会失去平衡而显得不自然。

四、趣味原则

在界面设计中注意趣味性可使用户“寓用于乐”。运用形象、直观、生动的图形优化界面是提高软件趣味性的有
效手段。

1、比例

黄金分割点也称黄金比例，是界面设计中非常有效的一种方法。在设计物体的长度，宽度，高度及其形式位置时，如能参照黄金比例来处理，就可以产生特有的稳定和美感。

2、强调

在单一风格的界面中，加进适当的变化，就会产生强调效果。强调可打破界面的单调感，使界面变的有朝气。例如，界面皆为文字编排，看起来索然无味，如果加上插图或照片，就如一颗石子丢进平静的水面，产生一波一波 的涟漪。

3、凝聚与扩散

我们的注意力总会特别集中到事物的中心部分，这就构成了视觉的凝聚。一般而言，凝聚型看似温柔，也是许多人采用的方式。但容易流于平凡。离心形的布局，可以称为扩散形，具有现代感和排型感。

4、形态的意向

由于计算机屏幕的限制，一般的编排方式总是以四边形为标准形，其他各种形式都属于它的变形。四角皆成直角，给人以很规律、表情少的感觉。其他的变形则呈现出形形色色的感觉。譬如成为锐角的三角形有锐利、鲜明感近于圆的形状有稳定和柔弱之感。相同的曲线也有不同的表情，例如用仪器画出的圆，有硬质感、而徒手画出来的就有柔和的圆形曲线之美。

5、变化率

在界面设计中，必须根据内容决定标题的大校标题和正文大小的比率就是变化率。变化率越大，界面越活泼，变化率越小，界面格调越高。依照这种尺度来衡量，就很容易判断界面的效果。标题与正文字体大小决定后，还要考虑双方的比例关系。

6、规律感

具有共同印象的形式反复编排时，就会产生规律感。不一定要同一形状的东西，只要具有强烈的印象就可以了。三四次的出现就能产生轻的规律感。有时只要反复使用两次特定的形状，也会产生规律感。规律感在设计一个多 媒体应用系统时，可以是用户很快熟悉系统，掌握操作方法。这一点我们可以从Windows软件中得以启发。

7、导向

依眼睛所视或物体所指方向，是界面产生一种引导路线，称为导向。设计者在设计界面时，常利用导向使整体画 面更引人注目。一般来说，用户的眼光会不知不觉锁定在移动的物体上，即使物体是在屏幕的角落，画面的移动 和换场都会让目光跟着它移动的方向。了解这一点，设计者就可以有意识地将用户的目光导向到希望用户注意的 信息对象上。在考虑导向时，切记一个镜头的结束应当引导出下一个镜头的开始。建立导向的最简单方法是直接 画上一支箭头，指向希望用户关切的地方。

8、空白区

速度很快的说话方式适合体育新闻的播报，但不适合做节目主持人，原因是每句话中的空白量太少。界面设计的 空白量问题也很重要，无论排版的平衡有多好，读者一看到界面的空白量就已经给它打好分数了。所以，千万不 能在一个界面上放置太多的信息对象，以至界面拥挤不堪。没有空白区就没有界面的美。空白的多少对界面的印 象有决定性作用。空白部分多，就会使格调提高并且稳定界面；空白较少，会使人产生活泼的感觉。设计的信息 量很丰富的杂块界面时，用较多的空白就不太合适。

9、屏幕上的文字

根据分析，为了视觉的舒适感，呈现在电脑屏幕上最小并清晰的中文字型应为16*16点阵字型的仿宋体，为了适 应人们横向阅读中文的习惯，一列最多不超过35字。

结束语

以上原则并不是万能的和一成不变的。因此在界面设计中要活用、巧用原则，演绎出适合于应用的、实用的技巧。只有这样，才能创造出较高水准的作品，才能使我们的多媒体软件发挥出最大的功效并获得全面的成功。 (深蓝多媒体www.hi-blue.com)