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