淺談多媒體課件的界面設(shè)計(jì)

摘要:隨著計(jì)算機(jī)技術(shù)和多媒體技術(shù)的不斷發(fā)展，多媒體課件已經(jīng)成為現(xiàn)代化教學(xué)的一種重要手段。該文從色彩搭配設(shè)計(jì)、媒體與內(nèi)容整合、風(fēng)格與布局的統(tǒng)一等方面，對(duì)多媒體課件的界面設(shè)計(jì)作一下探討。

關(guān)鍵詞:界面設(shè)計(jì);色彩搭配;整合

中圖分類號(hào):TP37文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009-3044(2009)14-3781-02

On Interface Programming of Multimedia Courseware

LV Zhong-yuan

(Humanities Research Center of Zhanjiang Normal College， Zhanjing 524048， China)

Abstract: With the developing of computer technology and multimedia technology， multimedia courseware has become an important means of modernization education.This article Approaches problems including the design of colour collocation， the conformity between media and content， and the unity of stye and distribution，etc.

Key words: interface programming; colour collocation; conformity

1 引言

隨著計(jì)算機(jī)技術(shù)和多媒體技術(shù)的不斷發(fā)展，多媒體課件越來(lái)越多地被應(yīng)用到日常教學(xué)課堂中，但目前，大多數(shù)教師只是認(rèn)真地備課、搜集各種素材，并沒有從學(xué)習(xí)者的心理要求、視覺感知出發(fā)，有機(jī)地設(shè)計(jì)一個(gè)統(tǒng)一和諧的操作界面。或界面顏色過于花俏，主次不分，或只有文字和圖片，如同傳統(tǒng)的板書和掛圖，沒有真正發(fā)揮多媒體課件的優(yōu)越性……據(jù)統(tǒng)計(jì)，在人類通過感覺器官收集到的各種信息當(dāng)中，視覺約占65%。因此，我們?cè)谶M(jìn)行多媒體課件設(shè)計(jì)時(shí)，除了要立足于教學(xué)內(nèi)容，還要設(shè)計(jì)一個(gè)舒適方便的操作環(huán)境，即界面設(shè)計(jì)。我們?cè)鯓硬拍苁苟嗝襟w課件的內(nèi)容以較理想的形式呈現(xiàn)，既充分考慮學(xué)習(xí)者的視覺特性，又能激發(fā)他們的學(xué)習(xí)興趣，提高學(xué)習(xí)效率。下面，我將從色彩搭配設(shè)計(jì)、媒體與內(nèi)容整合、風(fēng)格與布局的統(tǒng)一等方面，對(duì)多媒體課件的界面設(shè)計(jì)作以下探討。

2 色彩搭配的設(shè)計(jì)

課件的界面是用戶與多媒體課件之間接觸的終端，教師通過這個(gè)終端可以直觀地講述過去很難描述的內(nèi)容，學(xué)習(xí)者通過它可以形象地去理解教學(xué)內(nèi)容。課件的界面是一個(gè)窗口，它將不同的元素進(jìn)行編排，使之成為一個(gè)連貫的整體。這些元素主要有兩類:一類是控制元素，如菜單、按鈕、圖標(biāo)以及各種產(chǎn)生交互的熱區(qū)和熱字;另一類是內(nèi)容元素，包括色彩、圖片、聲音、動(dòng)畫以及文字等等。由于每一種元素都與色彩有關(guān)，可以說(shuō)，處理好各種元素之間的色彩關(guān)系，就是多媒體界面設(shè)計(jì)的一個(gè)重要問題。

大千世界，色彩種類繁多，如果用科學(xué)的方法將其分類，可以分為無(wú)彩色和有彩色。無(wú)彩色，即黑、白、灰，屬于中性色;而光譜中的全部色都是有彩色，以紅、橙、黃、綠、青、藍(lán)和紫為基本色，基本色之間不同量的混合，以及基本色與黑、白、灰色之間不同量的混合，會(huì)產(chǎn)生出成千上萬(wàn)種有彩色。色彩的形象由色彩的三要素來(lái)體現(xiàn)，即色相、明度和飽和度。這三者不同面積、不同程度、不同配置、不同位置的組合就會(huì)形成千變成化的色調(diào)。因此在色彩設(shè)計(jì)時(shí)要遵循一定的原則。

2.1 主色調(diào)的確立

色彩是很微妙的，本身無(wú)感情，但它獨(dú)特的表現(xiàn)力可以用來(lái)產(chǎn)生出一種刺激人們大腦對(duì)某種形式存在的物體的共鳴，展示出對(duì)待學(xué)習(xí)、生活的新的看法與態(tài)度，從而調(diào)節(jié)學(xué)習(xí)者的興趣、情感、意志等非智力因素，激發(fā)學(xué)習(xí)。在一個(gè)具體的界面設(shè)計(jì)中，都存在主色和輔助色之分，主色存在于視覺的沖擊中心點(diǎn)中，是整個(gè)畫面的重心點(diǎn)，它的明度、大小、飽和度都直接影響到輔助色的存在形式以及整體的視覺效果。因此，在具體設(shè)計(jì)時(shí)，是傾向于冷色或暖色，是傾向于明艷或質(zhì)樸，要根據(jù)課件設(shè)計(jì)的主題內(nèi)容和學(xué)習(xí)者對(duì)色彩的反映，選擇一種處于支配地位的色彩或色調(diào)，并依次構(gòu)成畫面的整體色彩傾向，形成統(tǒng)一和諧的整體效果。例如:黃色、橙色可以強(qiáng)調(diào)食品的美味與營(yíng)養(yǎng);綠色強(qiáng)調(diào)科技、環(huán)保的重要;沉著、樸素的色調(diào)說(shuō)明歷史的悠久;活潑、歡快的色調(diào)展現(xiàn)青少年的稚氣等。

2.2 前景色、背景色的搭配

前景色包括文字、菜單、按鈕的用色，它們是界面設(shè)計(jì)傳遞信息的重要渠道，要做到清楚明白、重點(diǎn)突出。背景色在界面中屬于襯托顏色，面積較大，起烘托主題、襯托主體、體現(xiàn)創(chuàng)意的作用。在色彩的選擇上，前景色與背景色要有適度的對(duì)比，使兩者之間的色彩距離拉開，造成醒目的視覺效果。一般情況下，背景顏色深，則前景色就要淺;背景顏色淺，則前景色就要深。這種深淺變化在色彩學(xué)中稱為“明度變化”。如在深色或中度色調(diào)的背景下采用白字或黃字，在淺色的背景下采用深色字。充分考慮兩者之間的適度對(duì)比，才能達(dá)到主題形象突出、色彩效果強(qiáng)烈的目的。

2.3 色彩之間的調(diào)和

調(diào)和是指兩種或兩種以上的色彩之間的配合，能夠相互協(xié)調(diào)、達(dá)到和諧。調(diào)和是配色中應(yīng)該注意的，賞心悅目就是一種調(diào)和美的配色。配色調(diào)和與否，是人產(chǎn)生愉快或不愉快感覺的關(guān)鍵。同一屏幕的色彩不宜使用過多，色彩之間的組合做到統(tǒng)一性調(diào)和、對(duì)比性調(diào)和。

統(tǒng)一性調(diào)和，即同一或類似色相關(guān)系、明度關(guān)系、飽和度關(guān)系的顏色組合在一起，才能給人一種舒服的感覺，如淡藍(lán)、淡黃、淡綠在一起搭配，這種色調(diào)顯得柔和、優(yōu)雅，給人甜美、和諧的感受。

對(duì)比性調(diào)和，即色相、明度、飽和度反差較大的顏色組合在一起，形成強(qiáng)烈的對(duì)比。如選擇藍(lán)色作為主色調(diào)，再將其對(duì)比色黃色搭配，整個(gè)頁(yè)面色彩顯得活潑、豐富，又不失統(tǒng)一完整。

3 媒體與內(nèi)容的整合

界面設(shè)計(jì)時(shí)，信息的呈現(xiàn)要體現(xiàn)人性化，要依據(jù)學(xué)習(xí)者的認(rèn)知習(xí)慣、認(rèn)知心理和認(rèn)知水平，設(shè)計(jì)出易讓他們能快速有效地了解信息、理解信息、掌握信息的媒體方式。信息內(nèi)容與媒體整合的科學(xué)性，也是我們需要注意的事情。

3.1 媒體方式多樣化。

簡(jiǎn)潔多媒體課件使用的媒體主要有:文字、圖表、圖形、聲音、動(dòng)畫、視頻等六種，究竟需要用到哪一些，要根據(jù)教學(xué)內(nèi)容所要達(dá)到的效果進(jìn)行合理的選擇。用文字表述信息內(nèi)容時(shí)，如定義、原理、概念等，做到簡(jiǎn)潔明確、言簡(jiǎn)意賅，符合人們的認(rèn)知規(guī)律。一般正文每屏不應(yīng)超過15行，每行不超過30個(gè)漢字，避免閱讀者的眼睛左右、上下移動(dòng)的距離過長(zhǎng)，容易疲勞，并發(fā)生串行的現(xiàn)象。對(duì)于既有聯(lián)系又有區(qū)別的多種信息內(nèi)容，可采用圖形或圖表的媒體形式，由于其體積小，顯示速度快，能很好地增強(qiáng)學(xué)習(xí)者的直觀對(duì)比印象。對(duì)于較為抽象的教學(xué)內(nèi)容，可采用動(dòng)畫、聲頻、視頻等媒體形式，動(dòng)畫可以表現(xiàn)事物的變化情況，聲音可以增加課件的感染力，視頻可以再現(xiàn)真實(shí)場(chǎng)景，從各種途徑進(jìn)行演示、解釋，能化抽象為具體，化復(fù)雜化簡(jiǎn)單。

對(duì)于信息內(nèi)容的傳達(dá)，我們要與多元化的媒體有效地整合，合理地安排，從多種角度加深學(xué)生的理解和記憶。

3.2 內(nèi)容的進(jìn)程要合理化。

設(shè)計(jì)多媒體課件的內(nèi)容進(jìn)程時(shí)，要將實(shí)際的課題內(nèi)容和學(xué)生的認(rèn)知水平相結(jié)合，從導(dǎo)入、分析、鞏固、拓展、延伸等環(huán)節(jié)進(jìn)行演示講解，設(shè)計(jì)的畫面、文字的說(shuō)明、音響配樂的效果等都要做到精練，在空間上和時(shí)間上將所有視聽信息內(nèi)容綜合在一起，增大知識(shí)面，增強(qiáng)信息的表達(dá)與傳播，彌補(bǔ)單一信息內(nèi)容的表現(xiàn)不足。畫面與畫面、文字與畫面、畫面與聲音的銜接要順暢，應(yīng)把握總體，統(tǒng)籌安排，做到相得益彰，相輔相成，避免“不同步”的現(xiàn)象發(fā)生。

4 風(fēng)格與布局的統(tǒng)一

每一個(gè)多媒體課件根據(jù)主題內(nèi)容都設(shè)有其特定的風(fēng)格和布局，并且要求做到前后一致。相同類型的信息將使用一致的相似方式顯示，包括顯示風(fēng)格、布局、位置、所使用的顏色等的一致性以及相似的人機(jī)操作方式，以便形成統(tǒng)一的整體效果。

4.1 風(fēng)格的統(tǒng)一

界面設(shè)計(jì)要美觀大方，每一屏的風(fēng)格具有統(tǒng)一性。若風(fēng)格雜亂，只會(huì)給學(xué)習(xí)者造成不必要的分心或認(rèn)知負(fù)擔(dān)。從一個(gè)畫面到另一個(gè)畫面的自然過渡時(shí)，界面上各元素之間的色度、明度、飽和度等方面要和諧統(tǒng)一，中間沒有視覺間段和跳躍，以便讓學(xué)習(xí)者形成視覺的平衡感。頁(yè)面間使用色彩種類不能過多，并且不能變化多端，避免給學(xué)習(xí)者造成視覺上的凌亂，分散注意力，減弱教學(xué)效率。

4.2 布局的統(tǒng)一

界面布局要簡(jiǎn)潔大方，每一屏的顯示內(nèi)容要有主次分明、層次清晰。界面上各元素的大小、位置、相對(duì)關(guān)系的安排要符合教學(xué)中的主從、強(qiáng)弱等要求。主體內(nèi)容要位于頁(yè)面的中心位置，居于頁(yè)面中上方或左方，并且根據(jù)人們的閱讀習(xí)慣，從左至右，從上至下來(lái)擺放。同一層次的標(biāo)題、文本應(yīng)選擇一樣的字體、大小、顏色，不同層次的標(biāo)題，在字體、大小、顏色上可有所區(qū)別，以達(dá)到條理分明。按鈕和下標(biāo)不是重點(diǎn)部分，通常置于頁(yè)面的底部，顏色不能過于鮮艷，忌喧賓奪主，上面注有功能文字，便于使用者方便使用。

空白對(duì)界面的布局尤為重要。它能使主題更加突出，畫面內(nèi)容更加清晰。每一屏幕設(shè)計(jì)時(shí)，要對(duì)頁(yè)面邊緣、字距行距之間都適當(dāng)留有空白，通常行距大于字距，起碼是字距的一倍以上，文字與較大圖片之間也要留有空白，若過近，會(huì)給人不舒服的感覺。留出適當(dāng)?shù)目瞻祝缑娌拍苁嬲?，才有可視性?/p>

界面風(fēng)格與布局的統(tǒng)一，能有效地平衡學(xué)生的視覺效果，讓學(xué)習(xí)者集中精力關(guān)注學(xué)習(xí)，構(gòu)建新的知識(shí)脈絡(luò)。

5 結(jié)束語(yǔ)

綜上所述，一個(gè)優(yōu)秀的多媒體課件離不開一個(gè)較理想的課件界面。我們?cè)谶M(jìn)行界面設(shè)計(jì)時(shí)，要從主題內(nèi)容、視覺效果、認(rèn)知特點(diǎn)等多方面多考慮出發(fā)，注重色彩搭配的合理性、內(nèi)容與媒體整合的科學(xué)性、風(fēng)格與布局的統(tǒng)一性，力求構(gòu)成一個(gè)和諧的整體，營(yíng)造一種輕松自如的學(xué)習(xí)氛圍，以便獲得最佳的教學(xué)效果。

參考文獻(xiàn):

[1] 陳凈蓮. 多媒體課件件制作中的人機(jī)界面設(shè)計(jì)[J].中國(guó)現(xiàn)代教育裝備，2009，2:63-65.

[2] 丁力.平面設(shè)計(jì)基礎(chǔ)[M].天津:天津大學(xué)出版社，2009.

[3] 詹發(fā)榮.多媒體課件成功之法寶——界面設(shè)計(jì)[J].寧夏教育，2002，4:49-50.

[4] 袁曉燕，曾超.多媒體課件制作中色彩應(yīng)用淺析[J].教育經(jīng)緯，2006，5:55-57.

[5] 黃巧燕，覃偉軍.多媒體課件設(shè)計(jì)與制作淺議[J].福建電腦，2007，2:196-197.