每位设计师都期望自己设计完成的多媒体作品界面能够做到整洁漂亮,其实要做到这一点并不难。那就是在设计中严格遵循界面设计中的简洁原则、统一原则、对比原则和分割原则四个基本原则。
下面结合一些实际界面设计案例具体分析。
1 简洁原则
现实生活与设计之间到底有多远?这两者间又有着怎样的一种关联与区别?
我们来看两张图。
图1-8
图1-9
图1-8是一张江南水乡的摄影作品,图1-9是我国著名绘画大师吴冠中先生的作品,其题材也是江南水乡。不难发现,艺术(含设计)并非是现实生活的原样照搬。艺术(含设计)绝不仅仅是简单地再现具体的物象和特征,要表达的是一定的意图和要求,在适当的环境里为人们所理解和接受。绘画是以带给人们美感为主要目标,设计与绘图有内在联系,但也不尽相同。设计以满足人们的实用和需求为主要目标。同时,设计要求能够给人们留下较为深刻的印象。从人的记忆能力角度来说,由于人的大脑一次最多可记忆五到七条信息,因而设计需要比绘画更单纯、清晰和精确。多媒体界面设计属于设计的一种,同样要求简练、准确。
图1-10 某网站网页
保持简洁的常用做法是使用一个醒目的标题,这个标题常常采用图形来表示,但图形同样要求简洁。图1-10是一个商业多媒体网站的主页设计,设计师用该商业网站中所出售的各种商品拼出网站的名称“GIORDANO”,使人们在了解所售商品的同时也记住了网站的名称。
2 统一原则
多媒体作品由于作品构成的特点决定了作品必然要由多个界面组成,因此在多媒体界面设计中如何保证各界面之间的一致性成为一个至关重要的问题。
由图1-11、1-12不难发现,这部作品中的各界面应用了相似的布局,各界面中的主要元素与界面整体的色彩和风格保持了严格的一致性。界面均采用线条和图像有机结合的处理手法,各界面的主要字体和颜色保持一致并注意到了色彩搭配的和谐。
应该讲,界面的统一原则可以有效地统一整部作品的设计风格,使整个作品看起来变而不散。
图1-11
图1-12 某汽车网站页面
3 对比原则
无论是在多媒体界面设计中还是在网页设计中,使用对比原则都是强调突出某些内容的最有效的办法之一。恰到好处的对比度可以加强整个界面的形式感,使界面内容更易于辨认和接受。
如图1-13所示的设计作品通过上下两大色块在颜色上和色块形状上的对比来吸引受众。使用对比的关键是强调突出关键内容,鼓励他们在第一时间对作品的内容结构层次有一个明确的认识和理解。
图1-13 某设计作品
4 分割原则
人们对“黄金分割”的了解却往往停留在文字层面:将一条线段分割为两部分,使其中一部分与全长之比等于另一部分与这部分之比,此时这个比值即称为黄金分割。但是,当我们看到如图1-14所示的黄金分割的示意图的时候,不禁会对这条完美的数学曲线感到困惑。
图1-14 黄金分割图示
科学与艺术自古就是一枚硬币的两个方面,黄金分割就是一个典型的代表。科学家和艺术家普遍认为,黄金律是设计师需要遵循的首要原则。例如在建筑设计中,人们通常会在高塔的黄金分割点处建楼阁或设计平台,以便使平直单调的塔身变得丰富多彩;同时会在摩天大楼的黄金分割处布置腰线或装饰物,以使整个楼群显得雄伟雅致。从古代雅典的巴特农神殿,到当今世界最高建筑之一的加拿大多伦多电视塔、举世闻名的法国巴黎埃菲尔铁塔,无不都是根据黄金分割的原则来建造的。在出版领域中,黄金分割的使用表现得更为普遍:按照正规裁法得到的纸张8开、16开、32开等,都采取了黄金分割的近似值。在实际的多媒体界面设计中,黄金分割倒底发挥着怎样的作用?下面就从黄金分割法则的布局(宏观全局)和比例(微观个体)两个不同的角度来发掘黄金分割法则那神奇的数字之美。
1 黄金分割法则的布局之美
清代画家方熏在其《山静居画论》卷中曾经这样形容画家的创作:“一如作文,在立意布局新警乃佳,不然,缀辞徒工,不过陈言而已。”由此可见,布局在美学中的重要地位。布局,多指艺术作品画面中的各组成元素之间位置上的宏观摆放关系。由于黄金分割率1:0.618接近3:2,因此在实际设计中可以按照“三分原则”来进行实际操作。具体来讲,就是将作品画面平均划分为横竖三等份。其中,线与线的相交处是画面的焦点,而每条分割线(垂直分割线或水平分割线)应该是画面中重要景物所接近的空间位置。图1-15、图1-16是针对同一景观中景物的不同取景布局。我们会发现,图1-16的布局更为美观,仔细观察会发现:在垂直方向上,图1-16中左上方的树枝、右侧的整棵柳树以及在水平方向上的场景中湖水的水平面均处于布局中的“三分线”附近。至此,我们终于发现了在理性的数字与感性的艺术之间这座奇妙的连接桥梁,这就是黄金分割法则的巧妙应用。
图1-15
图1-16 黄金分割法则的布局
2 黄金分割法则的比例之美
美学中的比例多指一种事物在整体中所占的份额或同一事物各个不同部分之间大小关系。一旦我们应用黄金分割法则这种奇妙的比例法则来观察周围的世界,就会发现其应用领域非常之广:从生活中的门、窗、桌子、书本之类的物体,到生物界的蝴蝶、人体,无不包含着奇妙的比例之美。1:0.618这一比例关系一经出现,一种和谐、平衡、舒适美感立刻就会被营造出来。下面以笔者设计的获得国家出版政府奖的多媒体电子多媒体作品《盛世钟韵》的界面(见图1-17)为例来分析研究。
图1-17 多媒体作品《盛世钟韵》界面黄金分割比例
一般将屏幕宽度和高度的比例称为长宽比(Aspect Ratio,也称为纵横比、屏幕比例)。从19世纪末期一直到20世纪50年代,几乎所有电影的画面比例都是标准的1.33:1(这种比例通常简称为4:3),即电影画面的宽度是高度的1.33倍。20世纪50年代,为了便于将电影搬上电视屏幕,美国国家电视标准委员会(NTSC)最后决定采用学院标准作为电视的标准比例,这也就是4:3电视画面比例的由来。这一思路同样影响了20世纪80年代计算机屏幕比例设计标准的制定,直到今天,通常使用的屏幕尺寸为1024×768像素,这也符合4:3的比例。然而,随着时代的发展,人们在满足功能的要求之后,逐渐提出了更高的审美需求。人们开始不再满足4:3的比例,而逐步设计出如16:9这类更接近黄金分割值的屏幕比例。多媒体电子多媒体作品《盛世钟韵》界面的比例设计就是借鉴了黄金分割的比例,如图1-17所示,该多媒体作品界面中主体形象(如古钟、标题、翻卷的页面等)并未充斥整个屏幕高度,而是将其尽量集中压缩设计在高度为633像素的空间之中。这样的比例设计给读者一种视野范围更为宽阔,视野深度更为深邃的视觉感受,同时由于遵循了黄金分割比例使得整个界面看起来显得非常协调、美观,从而获得了艺术上的成功。
由此可见,无论大到艺术作品的全局经营布局(宏观全局)方面,还是小到全局中某一物件(微观个体)的细致塑造上,黄金分割法则都起着至关重要的作用和意义。黄金分割这一数学上的比例关系具备着严格的比例性、艺术性、和谐性,蕴藏着丰富的美学价值。它改变了美完全凭借艺术家灵感获得或类似“我的创作的美都是在头脑里完成的”这样片面地形容美感创作由来的观点,为科学与艺术的相互演变关系提供了有力的支撑佐证,为人类展示出神奇的数字之美。
综上所述,在多媒体界面的设计中,只要遵循简洁原则、统一原则、对比原则和分割原则这四大原则,设计出整洁漂亮的多媒体界面便不再是一件困难的事情了(见图1-18)。
图1-18 多媒体作品《盛世钟韵》的界面