感悟多媒體課件的界面設(shè)計

張梧桐

摘 要：筆者多年來從事多媒體設(shè)計，發(fā)現(xiàn)多媒體課件的界面是聯(lián)系知識和學(xué)習(xí)者的橋梁。一個賞心悅目的視覺環(huán)境，可以激發(fā)學(xué)習(xí)者的興趣，提高學(xué)習(xí)的積極性，又有利于學(xué)習(xí)知識。本文介紹了多媒體課件界面設(shè)計的設(shè)計原則及筆者的學(xué)習(xí)心德和對課件界面設(shè)計的感悟。

關(guān)鍵詞：多媒體 課件 界面設(shè)計

引言

隨著計算機的蓬勃發(fā)展，越來越多的教師在開發(fā)多媒體課件并用廣泛應(yīng)用于教學(xué)。一個被學(xué)生喜愛的多媒體課件僅靠其專業(yè)知識內(nèi)涵是不夠的，還需要有吸引人的界面設(shè)計。多媒體課件的界面設(shè)計以成為多媒體課件傳遞教學(xué)信息的一個主要因素。因此，設(shè)計符合學(xué)生視覺心理需要的人機界面對于激發(fā)學(xué)習(xí)者的興趣，提高學(xué)習(xí)效率具有重要的作用。

一、多媒體課件的界面設(shè)計原則

多媒體課件和學(xué)習(xí)者間的關(guān)鍵點：用戶界面。界面是一個窗口，它是將不同的元素進(jìn)行編排，并使之成為一個連貫的整體。從實質(zhì)上講，眾多才藝、技能和感覺聯(lián)合構(gòu)成用戶看到的實際內(nèi)容；在觀念上，用戶界面反映了這些部分的總和而并非這些部分本身。就目前多媒體課件來講，這些元素主要分為兩類，一類是控制元素，包括菜單、按鈕、圖標(biāo)以及各種產(chǎn)生交互的熱區(qū)和熱字；另一類是內(nèi)容元素，它包括圖片、聲音、動畫以及文字等等。好的多媒體課件界面使我們能更生動、形象地表達(dá)教學(xué)內(nèi)容。用戶使用后的第一感覺就是其界面設(shè)計使人耳目一新，一進(jìn)入課件就被其優(yōu)美的界面設(shè)計吸引住了[2]

1.界面設(shè)計中的一致性

在界面設(shè)計中，一致的外觀與感覺可以使多媒體作品產(chǎn)生一種和諧，使界面更具整體性與美感。如果不注意這種元素的一致性，則多媒體作品整體看上去就非常混亂，沒有條理，甚至引起使觀者對作品的質(zhì)疑。 所以我們在設(shè)計界面時就應(yīng)該考慮到這點，元素的一致性不只是指單個的一個界面上的一致，作品的一個分支所有界面的一致性，還有整個作品的一致。例如：色彩基調(diào)的統(tǒng)一。在設(shè)計中往往需要各種不同的色彩構(gòu)成界面，色與色之間必須相互配合、關(guān)聯(lián)，形成色彩總體特征和總體傾向。但是元素的一致性并非指完全相同，而是指整體的一種和諧感，所以在作品整體的各個部分發(fā)生一些小的變化，用以區(qū)別。如界面中使用的同一級界面的顏色統(tǒng)一，在次一級中可變換顏色但是整體的色相是統(tǒng)一的；排版的變化。目的只有一個，就是追求元素的一致性，達(dá)到作品的整體感。

2.文字在界面設(shè)計中的有效運用

文字作為多媒體界面中不可缺的構(gòu)成部分，拋去文字本身所具有的說明功能外，作為視覺傳達(dá)中重要的能動因素，不同的字和同一字所使用的不同字體都具有不同的造型，在氣質(zhì)、性格、美學(xué)上給人以不同的美感，產(chǎn)生不同的藝術(shù)效果。如果是內(nèi)容較多時，可以設(shè)成多個界面或流滾動條的形式，如果實在需要單屏，可以采用一致的間隔以及垂直與水平方向元素的對齊等方法，就像雜志中的文本那樣，安排得行列整齊，行距一致。整齊的界面也會使其容易閱讀，給人以賞心悅目的感覺。因此在設(shè)計多媒體界面的過程中一定要注意到文字的巧妙、恰當(dāng)、全方位的使用！

3.色彩搭配協(xié)調(diào)及運用

不同的主題，不同的內(nèi)容，應(yīng)用不同的色調(diào)來表現(xiàn)。根據(jù)多媒體課件的主題，有的需要明快，有的需要低沉。如何使作品中各界面的色調(diào)在統(tǒng)一中求變化，是界面藝術(shù)美的重要組成部分。色彩的使用也必須遵循一定的原則。正確配置顯示的前景、背景色彩。前景與背景在色彩上要有鮮明的區(qū)別，形成明暗的對比。一般以單色或特定的簡單圖形做背景，但對比不能過于強烈，否則刺激太大，使人產(chǎn)生疲勞。文字一般在深色或中度色調(diào)背景上用白字或黃字；在淺色的背景上用深色字。每次顯示使用顏色不宜過多。使用過多顏色的屏幕反而不利于區(qū)分顏色及使用顏色的含義。例如，在高亮度下易于分辨的黃色和橙色，當(dāng)亮度變暗時，觀者看到的這兩種顏色都與褐色相像。

二、對其他多媒體作品的界面設(shè)計理解及自己設(shè)計的心德

從事多媒體設(shè)計以來，接觸到了許多優(yōu)秀的作品從中也學(xué)到了許多設(shè)計理念。將這些理念運用到自己的設(shè)計作品中有很大的收獲。

1.對其他多媒體作品的界面設(shè)計的理解

藝術(shù)的魅力不在于它的實，而在于它的虛。實是具體可及的，而虛卻是千變?nèi)f化的。裝幀設(shè)計的著眼點就是要就于虛，落于實。“實處就法，虛處藏神”。含蓄是表現(xiàn)虛實關(guān)系的一種藝術(shù)形式。含蓄與明確是統(tǒng)一的，是在以客觀實際為依據(jù)的基礎(chǔ)上的一種主觀能動的表現(xiàn)。目的是更真實地再現(xiàn)對象主題，使 表現(xiàn)的內(nèi)容更真實、更深刻。隱藏也是表現(xiàn)虛實關(guān)系的一種藝術(shù)形式。所謂“景愈藏則境愈深”，藏則不露，隱而不顯，真而不實。多媒體界面設(shè)計將洋洋數(shù)萬字的內(nèi)容濃縮于幾級界面之中，準(zhǔn)確地表現(xiàn)其豐富的內(nèi)涵，必須運用含蓄和隱藏之法，巧妙地處理好界面設(shè)計中的虛實關(guān)系。這樣可拉開界面的距離，使界面有層次感，不會顯的太平。如在觀賞多媒體作品《皮影戲》（圖-1）中，他的主界面中的大面積黑色下，中間有一處發(fā)光，在發(fā)光中可以隱約看到一些書法字，給我以不限想象空間。在如樂器界面中（圖-2），把樂器放出畫框中，并作些遮擋可以如真使畫面多出一層次，增色不少。[3]

2.自己的設(shè)計心德

我在為《五筆字型》多媒體課件界面時（圖-3），在最初的構(gòu)思階段想了很多的設(shè)計方案，設(shè)想了很多種設(shè)計的組合。擴展的，發(fā)散地進(jìn)行原始稿階段的創(chuàng)意。當(dāng)確立了構(gòu)思方案，進(jìn)入制作階段，就要不斷的精簡畫面上的設(shè)計元素，一次次地修下不必要的因素，考慮到設(shè)計作品為計算機類，設(shè)計時充分考慮到對空間的應(yīng)用和界面的層次感，讓學(xué)習(xí)者置身于空間中，增強學(xué)習(xí)的趣味性。

三、總結(jié)

總之，在多媒體界面設(shè)計面臨技術(shù)化、多元化、個性化的今天，多媒體課件的界面設(shè)計風(fēng)格的多樣化，傾向和高度整合在并行不勃地發(fā)展著，而品質(zhì)高于風(fēng)格理念的確立，更被新生代設(shè)計者和時代潮流所接受并認(rèn)同。多媒體界面設(shè)計蘊含哲理之深刻，表現(xiàn)內(nèi)容之豐富，涉及層面之廣泛，遠(yuǎn)不止上述幾點感悟。

參考文獻(xiàn)

[1]《多媒體數(shù)字藝術(shù)——Director多媒體編創(chuàng)教程》嚴(yán)晨，化學(xué)工業(yè)出版社：2003年9月出版

[2]《淺談多媒體課件界面設(shè)計》，張捍衛(wèi)，海軍蚌埠士官學(xué)院 2002年3月出版

[3]http：//www.blueidea.com，交互與界面設(shè)計，何閏生