將美的原則運用于多媒體應(yīng)用系統(tǒng)界面設(shè)計中，可以幫助初級開發(fā)者甚至設(shè)計師創(chuàng)作出具有較高水準的作品。本文將探討界面設(shè)計的基本原則，以及為設(shè)計出優(yōu)美的、富有吸引力的界面而需要注意的一些基本問題。
界面設(shè)計中常遵循的原則有：對比原則、協(xié)調(diào)原則、平衡原則、樂趣原則等。運用這些原則可以加強界面的氣氛、增加吸引力、突出重心、提高美感。
一、對比原則
1．大小的對比
大小關(guān)系是界面布局中最受重視的一項。一個界面中有許多區(qū)域，包括文字區(qū)、圖像區(qū)、控制區(qū)等，它們之間的大小關(guān)系決定了用戶對系統(tǒng)的最基本的印象。大小差別小，給人的感覺較沉著溫和；大小差別大，給人的感覺較鮮明，而且具有震撼力。例如可通過將最重要的菜單選項設(shè)計得大一些，來突出它的地位。
2．明暗的對比
陰與陽、正與反、晝與夜等等的對比可使人感覺到日常生活中的明暗關(guān)系。明暗是色感中最基本的要素。利用這一對比可以通過將界面背景設(shè)計得暗一些，把最重要的菜單選項或圖形設(shè)計得亮一些，來突出它的地位。明暗逆轉(zhuǎn)時，背景與前景的關(guān)系就會互相變換。例如，一般印刷物都是白紙印黑字，白紙稱為背景，黑字稱為前景。相反如果在黑紙上印白字，此時黑底為背景，白字則為前景，這是黑白轉(zhuǎn)換的現(xiàn)象。
3．粗細的對比
字體越粗，越富有男性的氣概；若代表時髦與女性，通常以細表現(xiàn)。細字如果份量增多，粗字就應(yīng)該減少，這樣的搭配看起來比較明快。重要的信息常用粗體大字、甚至立體形式表現(xiàn)在畫面上，這樣再搭配激蕩的音樂，就會使用戶產(chǎn)生一種氣魄感；而比較柔情的詞匯，則選擇纖細的斜體或倒影字體出現(xiàn)。
4．曲線和直線的對比
曲線富有柔和感、緩和感，直線則富堅硬感、銳利感。自然界中的線條皆由這兩者協(xié)調(diào)搭配而成，故如果要加深用戶對曲線的意識，就以一些直線來對比，也就是說，少量的直線會使曲線更引人注目。
5．水平線和垂直線
水平線給人以穩(wěn)定和平靜的感受，垂直線正好和水平線相反。垂直線表示向上伸展的活動力，具有堅硬和理智的意象，使界面顯得冷靜又鮮明。如果不合理地強調(diào)垂直性，界面就會變得冷漠僵硬，使人難以接近。將垂直線和水平線作對比處理，可以使兩者的表現(xiàn)更生動，不但使畫面產(chǎn)生緊湊感，還能避免冷漠僵硬的情況產(chǎn)生。
6．質(zhì)感的對比
在日常生活中，也許很少聽到有人談及質(zhì)感。但是在藝術(shù)上，質(zhì)感卻是很重要的形象要素，譬如弛感、平滑感、濕潤感、凸凹感等等。質(zhì)感不僅表現(xiàn)出情感，而且與這種情感融為一體。畫面上的元素之間，可以采用質(zhì)感的方式加強對比，例如顯示以大理石為背景或以藍天為背景所產(chǎn)生的對比，前者給用戶以冷靜、堅實和拘束之感，后者給用戶以活潑、空間和自由之感。
7．位置的對比
通過位置的不同或變化可以產(chǎn)生對比。例如在畫面兩側(cè)放置某種物體，不但可以表示強調(diào)，同時也可產(chǎn)生對比。畫面的上下左右和對角線上的四隅皆有力點存在，而在此力點處配置照片、大標題或標識記號等，便可顯出隱藏的力量。因此在對立關(guān)系位置上，放置鮮明的造型要素，可顯出對比關(guān)系，并使畫面具有緊湊感。
8．多重比對
將上述各種對比方法，如曲線與直線、垂直與水平、銳角與鈍角等，交叉或混合使用，進行組合搭配，就能制作出富有變化的畫面。
二、協(xié)調(diào)原則
1．主與從
界面設(shè)計和舞臺設(shè)計有類似的地方，主角和配角的表現(xiàn)關(guān)系就是其中一個方面。當主角和配角關(guān)系很明確時，用戶便會關(guān)注主要信息，心理也會安定下來。在畫面上明確表示出主從關(guān)系是很正統(tǒng)的界面構(gòu)成方法。如果兩者的關(guān)系模糊，便會令人無所適從；相反，主角過強就會失去動感，變成庸俗畫面。所以主從關(guān)系是界面設(shè)計需要考慮的基本因素。
2．動與靜
一座庭院中，有假山、池水、草木、瀑布等的配合，同樣，在設(shè)計上也有動態(tài)部分和靜態(tài)部分的配合。動態(tài)部分包括動態(tài)的畫面和事物的發(fā)展過程，靜態(tài)部分則常指界面上的按鈕、文字解說、菜單等。擴散或流動的形狀即為動，靜止不動的形狀則為靜。一般說來，動態(tài)和靜態(tài)要配置于相對之處，動態(tài)部分占界面的大部分，靜態(tài)部分面積小一些，在周邊留出適當?shù)目瞻滓詮娬{(diào)各自的獨立性。這樣的安排，較能吸引用戶，便于表現(xiàn)。盡管靜態(tài)部分只占小面積，卻有很強的存在感。
3．入與出
整個界面空間因為各種力的關(guān)系而產(chǎn)生動感，進而支配空間。我們要建造假山庭園時很注意流水的出口，因為流水的出口是動感的出發(fā)點，整個庭園都會因它而被影響。對于界面設(shè)計，原理也一樣。入點和出點會彼此呼應(yīng)、協(xié)調(diào)。兩者的距離愈大，效果愈顯著，而且可以充分利用畫面的兩端。不過入點和出點要特別注重平衡，必須有適當?shù)膹娙踝兓藕?，若有一方太軟弱無力就不能引起共鳴。例如設(shè)計多媒體系統(tǒng)總標題的出現(xiàn)，我們可以讓它從中心一點逐步放射開來，最終靜止在整個畫面上，也可以讓它從屏幕的一邊推出，移向屏幕的另一邊，最終落在畫面某處。這兩種方式都有出口和落處，有一定藝術(shù)效果。
4.統(tǒng)一與協(xié)調(diào)
如果過份強調(diào)對比關(guān)系、空間預(yù)留太多或加上太多造形要素，則容易使畫面產(chǎn)生混亂。要協(xié)調(diào)這種現(xiàn)象，最好加上一些共同的造形要素，使畫面產(chǎn)生共同的風(fēng)格，具有整體統(tǒng)一和協(xié)調(diào)的感覺。
反復(fù)使用同形事物，能使界面產(chǎn)生協(xié)調(diào)感。若把同形的事物配置在一起，便能產(chǎn)生連續(xù)感。兩者相互配合運用，能創(chuàng)造出統(tǒng)一與協(xié)調(diào)的效果。
三、平衡原則
畫面是否平衡是非常重要的，例如一個介紹音樂的畫面上，將一把小提琴斜放在畫面的右邊，看起來似乎要倒向左邊，但在畫面的左邊，設(shè)計者安排了粗體的標題和文字，恰好起到了支撐作用，使人感覺十分平穩(wěn)。這就是畫面平衡帶來的藝術(shù)效果。達到平衡的一種作法是將畫面在高度上分為三等分，圖形的中軸落在下三分之一劃分線上，這樣可保持空間上的平衡。
平衡并不是對稱。以一點為起點，向左右同時展開的形態(tài)，稱為左右對稱形。應(yīng)用對稱的原理即可發(fā)展出漩渦形等復(fù)雜狀態(tài)。我國的古典藝術(shù)，大多是講究對稱原則的。對稱的確使用戶產(chǎn)生莊重威嚴感，但缺少活潑感。在界面設(shè)計上，一般是不認可對稱原則的?，F(xiàn)代造型藝術(shù)也朝著非對稱方向發(fā)展。當然，在畫面需要表達傳統(tǒng)風(fēng)格時，對稱仍是較好的表現(xiàn)手段。
中心也是平衡的一個方面。在人的感覺上，左右有微妙的差異。如某畫面右下角有一處吸引力特別強的地方，考慮左右平衡時，如何處理這個地方就成為關(guān)鍵問題。人的視覺對從左上到右下的流向較為自然。編排文字時，將右下角空著來編排標題與插圖，就會產(chǎn)生一種很自然的流向。如果把它逆轉(zhuǎn)就會失去平衡而顯得不自然。
四、樂趣原則
1．比例
黃金分割點，也稱黃金比例，是界面設(shè)計中非常有效的一種方法。在設(shè)計物體的長度、寬度、高度及其型式和位置時，如果能參照黃金比例來處理，就能產(chǎn)生特有的穩(wěn)定和美感。
2．強調(diào)
在單一風(fēng)格的界面中，加進適當?shù)淖兓蜁a(chǎn)生強調(diào)的效果。強調(diào)可打破界面的單調(diào)感，使界面變得有朝氣，例如，界面皆為文字編排，看起來索然無味，如果加上插圖或照片，就如一顆石子丟進平靜的水面，產(chǎn)生一波一波的漣漪。
3．凝聚與擴散
我們的注意力總會特別集中到事物的中心部分，這就構(gòu)成了視覺的凝聚。一般而言，凝聚型看似溫柔，也是許多人所喜歡采用的方式，但容易流于平凡。離心型的布局，可以稱為擴散型是具有現(xiàn)代感的編排型式。
4．形態(tài)的意象
由于計算機屏幕的限制，一般的編排形式總是以四邊形為標準形，其他各種形式都屬于它的變形。四角皆成直角，給人以很規(guī)律、表情少的感覺，其他的變形則呈現(xiàn)出形形色色的感覺，譬如成為銳角的三角形有銳利、鮮明感，近于圓的形狀有溫和柔弱之感。相同的曲線也有不同的表情，例如用儀器畫出來的圓，有硬質(zhì)感，而徒手畫出來的圓就有柔和的圓形曲線之美。
5．變化率
在界面設(shè)計中，必須根據(jù)內(nèi)容來決定標題的大小。標題和正文大小的比率就稱為變化率。變化率越大，界面越活潑，變化率越小，界面格調(diào)越高。依照這種尺度來衡量，就很容易判斷界面的效果。標題與正文字體大小決定后，還要考慮雙方的比例關(guān)系，如何進一步來調(diào)整也是相當大的學(xué)問。
6．規(guī)律感
具有共同印象的形狀反復(fù)排列時，就會產(chǎn)生規(guī)律感。不一定要用同一形狀的東西，只要具有強烈印象就可以了。三四次的出現(xiàn)就能產(chǎn)生輕的規(guī)律感。有時候只反復(fù)使用兩次特定的形狀，也會產(chǎn)生規(guī)律感。規(guī)律感在設(shè)計一個多媒體應(yīng)用系統(tǒng)時，可以使用戶很快地熟悉系統(tǒng)，掌握*作方法。這一點，相信用戶從微軟的Windows軟件中可以得到啟發(fā)。
7．導(dǎo)向
依眼睛所視或物體所指的方向，使界面產(chǎn)生一種引導(dǎo)路線，稱為導(dǎo)向。設(shè)計者在設(shè)計界面時，常利用導(dǎo)向使整體畫面更引人注目。一般來說，用戶的眼光會不知不覺地鎖定在移動的物體上，即使物體是在屏幕的角落，畫面的移動和換場都會讓目光跟它移動的方向。了解了這一點，設(shè)計者就可以有意識地將用戶的目光導(dǎo)向到希望用戶注意的信息對象上。在考慮導(dǎo)向時，切記一個鏡頭的結(jié)束應(yīng)該引導(dǎo)出下一鏡頭的開始。建立導(dǎo)向的最簡單方法是直接畫上一支箭頭，指向希望用戶關(guān)注的地方。
8．空白區(qū)
速度很快的說話方式適合體育新聞的播報，但不適合做典禮的節(jié)目主持人，原因是每一句話當中的空白量太少。界面設(shè)計的空白量問題也很重要，無論排版的平衡感有多好，讀者一看界面的空白量就已給它打好分數(shù)了。所以，千萬不要在一個界面上放置太多的信息對象，以至界面擁擠不堪。沒有空白區(qū)，就沒有界面的美?？瞻椎亩喙褜缑娴挠∠笥袥Q定性的影響?？瞻撞糠旨佣?，會使格調(diào)提高并且穩(wěn)定界面；空白較少，會使人產(chǎn)生活潑的感覺。設(shè)計信息量很豐富的雜塊界面時，用較多的空白顯然就不適合。
9．屏幕上字的大小
根據(jù)分析，為了視覺的舒適感，呈現(xiàn)在電腦屏幕上最小并且清晰的中文字型應(yīng)為16×16點陣字型的仿宋體。至于呈現(xiàn)在電視機上最小并且清晰的中文字型應(yīng)為36×36的點陣字型，這是因為電視機需要從較遠的距離觀看的緣故。為了適應(yīng)人們橫向閱讀中文的習(xí)慣，一列最好不超過35個字。
（作者地址：天津市津南區(qū)武警指揮學(xué)院進修系，300350；收稿日期：1999年7月）
