多媒体界面设计的一些原则.pdfVIP

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

将美的原则运用于多媒体应用系统界面设计中，可以帮助初级开发者甚至设计师创作出具有

较高水准的作品。本文将探讨界面设计的基本原则，以及为设计出优美的、富有吸引力的界

面而需要注意的一些基本问题。

界面设计中常遵循的原则有：对比原则、协调原则、平衡原则、乐趣原则等。运用这些

原则可以加强界面的气氛、增加吸引力、突出重心、提高美感。

一、对比原则

1．大小的对比

大小关系是界面布局中最受重视的一项。一个界面中有许多区域，包括文字区、图像区、控

制区等，它们之间的大小关系决定了用户对系统的最基本的印象。大小差别小，给人的感觉

较沉着温和；大小差别大，给人的感觉较鲜明，而且具有震撼力。例如可通过将最重要的菜

单选项设计得大一些，来突出它的地位。

2．明暗的对比

阴与阳、正与反、昼与夜等等的对比可使人感觉到日常生活中的明暗关系。明暗是色感中最

基本的要素。利用这一对比可以通过将界面背景设计得暗一些，把最重要的菜单选项或图形

设计得亮一些，来突出它的地位。明暗逆转时，背景与前景的关系就会互相变换。例如，一

般印刷物都是白纸印黑字，白纸称为背景，黑字称为前景。相反如果在黑纸上印白字，此时

黑底为背景，白字则为前景，这是黑白转换的现象。

3．粗细的对比

字体越粗，越富有男性的气概；若代表时髦与女性，通常以细表现。细字如果份量增多，粗

字就应该减少，这样的搭配看起来比较明快。重要的信息常用粗体大字、甚至立体形式表现

在画面上，这样再搭配激荡的音乐，就会使用户产生一种气魄感；而比较柔情的词汇，则选

择纤细的斜体或倒影字体出现。

4．曲线和直线的对比

曲线富有柔和感、缓和感，直线则富坚硬感、锐利感。自然界中的线条皆由这两者协调搭配

而成，故如果要加深用户对曲线的意识，就以一些直线来对比，也就是说，少量的直线会使

曲线更引人注目。

5．水平线和垂直线

水平线给人以稳定和平静的感受，垂直线正好和水平线相反。垂直线表示向上伸展的活动力，

具有坚硬和理智的意象，使界面显得冷静又鲜明。如果不合理地强调垂直性，界面就会变得

冷漠僵硬，使人难以接近。将垂直线和水平线作对比处理，可以使两者的表现更生动，不但

使画面产生紧凑感，还能避免冷漠僵硬的情况产生。

6．质感的对比

在日常生活中，也许很少听到有人谈及质感。但是在艺术上，质感却是很重要的形象要素，

譬如弛感、平滑感、湿润感、凸凹感等等。质感不仅表现出情感，而且与这种情感融为一体。

画面上的元素之间，可以采用质感的方式加强对比，例如显示以大理石为背景或以蓝天为背

景所产生的对比，前者给用户以冷静、坚实和拘束之感，后者给用户以活泼、空间和自由之

感。

7．位置的对比

通过位置的不同或变化可以产生对比。例如在画面两侧放置某种物体，不但可以表示强调，

同时也可产生对比。画面的上下左右和对角线上的四隅皆有力点存在，而在此力点处配置照

片、大标题或标识记号等，便可显出隐藏的力量。因此在对立关系位置上，放置鲜明的造型

精选范本,供参考！

要素，可显出对比关系，并使画面具有紧凑感。

8．多重比对

将上述各种对比方法，如曲线与直线、垂直与水平、锐角与钝角等，交叉或混合使用，进行

组合搭配，就能制作出富有变化的画面。

二、协调原则

1．主与从

界面设计和舞台设计有类似的地方，主角和配角的表现关系就是其中一个方面。当主角和配

角关系很明确时，用户便会关注主要信息，心理也会安定下来。在画面上明确表示出主从关

系是很正统的界面构成方法。如果两者的关系模糊，便会令人无所适从；相反，主角过强就

会失去动感，变成庸俗画面。所以主从关系是界面设计需要考虑的基本因素。

2．动与静

一座庭院中，有假山、池水、草木、瀑布等的配合，同样，在设计上也有动态部分和静态部

分的配合。动态部分包括动态的画面和事物的发展过程，静态部分则常指界面上的按钮、文

字解说、菜单等。扩散或流动的形状即为动，静止不动的形状则为静。一般说来，动态和静

态要配置于相对之处，动态部分占界面的大部分，静态部分面积小一些，在周边留出适当的

空白以强调各自的独立性。这样的安排，较能吸引用户，便于表现。尽管静态部分只占小面

积，却有很强的存在感。

3．入与出

整个界面空间因为各种力的关系而产生动感，进而支配空间。我们要建造假山庭园时很注意

流水的出口，因为流水的出口是动感的出发点，整个庭园都会因它而被影响。对于界面设计，

原理也一样。入点和出点会彼此呼应、协调。两者的距离愈大，效果愈显著，而且可以充分

利用画面的两端。不过入点和出点要特别注重平衡，必须有适当的强弱