多媒體教學(xué)軟件界面設(shè)計(jì)探析*

王永平

（山西師范大學(xué)教育技術(shù)與傳媒學(xué)院，山西臨汾 041004）

多媒體教學(xué)軟件界面設(shè)計(jì)探析*

王永平

（山西師范大學(xué)教育技術(shù)與傳媒學(xué)院，山西臨汾 041004）

文章針對(duì)當(dāng)前學(xué)校教育中多媒體教學(xué)軟件使用過程中存在的問題，首先闡明了多媒體教學(xué)軟件界面設(shè)計(jì)應(yīng)遵循的基本原則，其次說明了多媒體教學(xué)軟件中按鈕、菜單等學(xué)習(xí)者控制元素的設(shè)計(jì)要求，最后指出了文本、圖像、視頻、顏色等信息呈現(xiàn)元素在設(shè)計(jì)過程中需要注意的問題。

教學(xué)軟件；界面；設(shè)計(jì)

伴隨著教育信息化的逐步推進(jìn)，多媒體教學(xué)軟件在學(xué)校教育當(dāng)中被廣泛地應(yīng)用。然而，無論是在課堂上采用的演示型，還是在課下采用的練習(xí)型、指導(dǎo)型等，其界面設(shè)計(jì)都存在著諸多問題。本文從學(xué)習(xí)者控制元素、信息呈現(xiàn)元素等方面分別進(jìn)行闡述，指出在多媒體教學(xué)軟件界面設(shè)計(jì)當(dāng)中應(yīng)該注意的事項(xiàng)。

一、多媒體教學(xué)軟件界面設(shè)計(jì)中存在的問題

多媒體教學(xué)作為信息技術(shù)與課程整合的重要形式，目前已經(jīng)被廣大教師所認(rèn)可，許多教師已經(jīng)掌握了多媒體教學(xué)軟件的基本制作方法，并感受到了多媒體教學(xué)所帶來的教學(xué)效果的提升。然而，教師們?cè)谠O(shè)計(jì)多媒體教學(xué)軟件時(shí)主要從教學(xué)內(nèi)容、教學(xué)目的入手，在人機(jī)交互界面的設(shè)計(jì)上卻考慮甚少。

1.界面布局不合理

有的教師為了追求信息量的最大化，將圖片、文字等不加考慮地填塞到課件當(dāng)中，使界面滿滿當(dāng)當(dāng)，學(xué)生根本看不清且不愿意去看；有的課件在一頁上只有一行孤零零的文字；很多課件的頁面都存在“頭重腳輕”等現(xiàn)象。

2.顏色搭配不和諧

由于一些教師缺乏色彩美學(xué)的相關(guān)知識(shí)，配色不科學(xué)，造成學(xué)習(xí)者的閱讀困難。有些課件五彩繽紛，過于花哨，本意是要激發(fā)學(xué)生的學(xué)習(xí)興趣，結(jié)果反而分散了學(xué)生的注意力，降低了課堂教學(xué)質(zhì)量。

3.音效設(shè)置不恰當(dāng)

有些教師在制作課件時(shí)，采用自己偏好的音樂作為背景音樂，穿插不標(biāo)準(zhǔn)的普通話作為解說詞，在翻頁或點(diǎn)擊某個(gè)按鈕時(shí)發(fā)出不和諧的聲音，這些都可能引起學(xué)生的反感。

4.選用視頻不清晰

許多制作者從網(wǎng)上下載流媒體視頻，然后插入課件當(dāng)中，殊不知在計(jì)算機(jī)小屏幕上看起來比較清晰的視頻，由于分辨率比較低，投影到銀幕上之后就變得模糊不清。一方面不能有效地傳遞信息，另外一方面學(xué)生長(zhǎng)時(shí)間觀看會(huì)產(chǎn)生頭暈惡心等生理反應(yīng)，影響學(xué)生身心健康。

5.沒有充分利用人機(jī)交互的優(yōu)勢(shì)

有的多媒體教學(xué)軟件在制作中沒有利用計(jì)算機(jī)人機(jī)交互的優(yōu)勢(shì)，只是將教材文字照搬到計(jì)算機(jī)屏幕上；有些多媒體教學(xué)軟件則盲目地追求形式上的繁榮，過多地使用切換、超鏈接等工具，結(jié)果使學(xué)生接收的信息過于飽和而導(dǎo)致信息溢出。

二、多媒體教學(xué)軟件界面設(shè)計(jì)的基本原則

1.一致性原則

一致性是指在整個(gè)多媒體教學(xué)軟件中，信息呈現(xiàn)的技術(shù)應(yīng)用和藝術(shù)處理要統(tǒng)一，顯示元素的外觀、布局、控制方法等應(yīng)該一致，相對(duì)固定。一致性能使學(xué)習(xí)者感到便捷、舒適，很清楚地知道何時(shí)導(dǎo)入新課題，從哪兒去找說明頁，怎樣回答問題等等，保持對(duì)教學(xué)軟件學(xué)習(xí)的興趣。信息呈現(xiàn)一致性的具體要求如下。

首先，按鈕、菜單等控制元素要固定地放在屏幕的下部等常規(guī)位置，在同一個(gè)多媒體教學(xué)軟件中盡量不要變換其位置。其次，在同一個(gè)教學(xué)軟件當(dāng)中，同樣功能的按鈕、菜單的提示詞從始至終要保持一致，比如，“返回”功能按鈕，不能在上一頁用“返回”字樣，到了下一頁卻用了“關(guān)閉”。最后，在同一個(gè)多媒體教學(xué)軟件當(dāng)中，每一頁的邊界空白和段落安排要統(tǒng)一，頁面的背景顏色、文字顏色等在整個(gè)教學(xué)軟件當(dāng)中也應(yīng)基本保持一致。保持信息呈現(xiàn)一致性的基本方法是為多媒體教學(xué)軟件確定顯示功能區(qū)，也就是使屏幕上每一個(gè)區(qū)域都有特定的用途。對(duì)于課堂演示型課件，在一個(gè)課件當(dāng)中可以使用同一個(gè)“設(shè)計(jì)模板”，以保持背景、邊界空白等的一致性。

2.簡(jiǎn)約性原則

簡(jiǎn)約性使學(xué)習(xí)者集中注意必要的信息，減輕觀察和記憶的負(fù)擔(dān)，避免操作和認(rèn)識(shí)的混淆，提高學(xué)習(xí)效率。信息呈現(xiàn)簡(jiǎn)約性的具體要求如下：首先，要根據(jù)教學(xué)需要來選擇信息呈現(xiàn)元素，使用目的要明確，軟件編制者不能覺得某些小圖片或者小動(dòng)畫有趣、好玩，就將它們呈現(xiàn)出來，這樣做會(huì)分散學(xué)生的注意力。其次，要減少按鈕、菜單和鏈接等控制元素，在多媒體教學(xué)軟件設(shè)計(jì)時(shí)可以由少到多地試用，根據(jù)試用的反饋意見，保留必要的控制元素。再次，合理地選擇和分解教學(xué)內(nèi)容，控制每頁的信息量，屏幕信息密度要適當(dāng)，屏幕的上、下、左、右都應(yīng)留有足夠的“空白”。最后，要精心編寫標(biāo)題、菜單項(xiàng)、按鈕名稱等文字內(nèi)容，使它們簡(jiǎn)短、準(zhǔn)確、清楚。[1]

三、學(xué)習(xí)者控制元素的設(shè)計(jì)

學(xué)習(xí)者控制是通過屏幕元素進(jìn)行的，主要有按鈕、菜單、超鏈接等?？刂圃氐倪x擇和使用，決定著控制的便利程度和學(xué)習(xí)者從中獲益的多少。

1.按鈕的設(shè)計(jì)

按鈕是最流行和最友好的控制元素。按鈕最適合作當(dāng)前控制，也就是控制當(dāng)前頁上的動(dòng)作及其顯示內(nèi)容。它們所引起的動(dòng)作通常有：到下一頁或前一頁、播放聲音或視頻、多重選擇中的選項(xiàng)等。對(duì)于按鈕的設(shè)計(jì)，首先應(yīng)該避免在屏幕上出現(xiàn)許多按鈕，一般來說一頁上按鈕的數(shù)量不應(yīng)超過七個(gè)。如果需要控制的動(dòng)作很多，應(yīng)該使用菜單；其次，按鈕的功能應(yīng)標(biāo)示清楚，每個(gè)按鈕都要用文字注明目的；最后，按鈕應(yīng)能提供確認(rèn)信息，當(dāng)鼠標(biāo)移到按鈕上時(shí)，按鈕應(yīng)該有顏色、亮度甚至形狀等的變化，使用戶確切知道哪個(gè)按鈕被選用了。

2.菜單的設(shè)計(jì)

菜單可以分為全屏菜單、隱藏菜單和框架菜單三種。全屏菜單是占據(jù)整個(gè)屏幕或大部分屏幕的用戶控制選項(xiàng)列表，全屏菜單可以讓學(xué)習(xí)者選擇進(jìn)入到多媒體教學(xué)軟件的各個(gè)部分。隱藏菜單包括下拉式、上滾式、隱顯式等，它們都是在鼠標(biāo)移上或者單擊菜單時(shí)，顯示菜單項(xiàng)，供用戶選擇。隱藏菜單適合用于全局控制，也就是在任何時(shí)候都能夠用到的控制，例如進(jìn)入術(shù)語表或退出程序等?？蚣懿藛纹毡橛糜诰W(wǎng)絡(luò)課程中，是一種屏幕窗口分割的方法，通常將窗口分為左右兩框，左框?yàn)椴藛雾?xiàng)列表，一直保留在屏幕上，右框是選擇菜單項(xiàng)后顯示的內(nèi)容?？蚣懿藛翁貏e適合作為多媒體教學(xué)軟件目錄。

無論是全屏菜單、隱藏菜單還是框架菜單，在設(shè)計(jì)時(shí)都應(yīng)注意以下幾點(diǎn)：第一，菜單的選項(xiàng)應(yīng)盡可能少而且簡(jiǎn)單，層級(jí)菜單的層數(shù)要少，一般不要超過三層。第二，要應(yīng)用變色、淡化等技術(shù)向用戶提示菜單項(xiàng)被選擇、應(yīng)用的狀況。第三，菜單應(yīng)一直保留在屏幕上，全屏菜單可以縮為圖標(biāo)，以便學(xué)習(xí)者隨時(shí)選用。第四，菜單選項(xiàng)的排列沒有順序關(guān)系，所以，菜單不適于強(qiáng)調(diào)順序的控制項(xiàng)目。另外，年齡較小的兒童或計(jì)算機(jī)操作不熟練的學(xué)生不適合使用菜單。

3.超鏈接的設(shè)計(jì)

超鏈接主要用于導(dǎo)航控制。它的最普遍的形式是“熱字”，當(dāng)鼠標(biāo)單擊有下劃線或特定顏色的文字時(shí)，給用戶顯示其它信息，通常是打開另一個(gè)頁面。鏈接點(diǎn)可以是文字、圖標(biāo)、圖像以及圖像的某個(gè)區(qū)域等。在設(shè)計(jì)超鏈接時(shí)應(yīng)注意：首先，鏈接點(diǎn)應(yīng)明顯，易于識(shí)別。用圖標(biāo)或圖像作鏈接點(diǎn)時(shí)，應(yīng)有提示，比如在圖像旁注明“單擊此圖片查看詳細(xì)說明”。避免文本鏈接與文本強(qiáng)調(diào)混淆，比如文本鏈接用了下劃線，文本強(qiáng)調(diào)可以用著重號(hào)。其次，鏈接點(diǎn)的樣式應(yīng)有“激活”、“訪問”、“已訪問” 等變化，變化的樣式應(yīng)遵循通常的規(guī)則。最后，一段文本中，超鏈接應(yīng)與文本可讀性平衡，過多的超鏈接會(huì)干擾學(xué)習(xí)者閱讀，要讓學(xué)習(xí)者能夠從打開的新頁面返回，以便完整地閱讀。

四、信息呈現(xiàn)元素的設(shè)計(jì)

呈現(xiàn)信息的元素包括文本、圖像、視頻、音頻、顏色等，下面筆者就每一種元素的特點(diǎn)及其設(shè)計(jì)過程中應(yīng)該注意的問題分別進(jìn)行說明。

1.文本的設(shè)計(jì)

文本是多媒體教學(xué)軟件主要的信息呈現(xiàn)元素，在文本的布局與格式方面，要注意一頁上的文本應(yīng)均勻分布，不能擠在一半頁面上而空出另一半頁面。行距會(huì)影響閱讀效果，尤其是在字號(hào)較小的情況下，應(yīng)調(diào)節(jié)到容易閱讀、吸引人的程度。同級(jí)別的文字排版最好遵循六個(gè)一致，即一致的字體、一致的大小、一致的字型、一致的符號(hào)、一致的顏色和一致的關(guān)鍵詞。對(duì)于演示型課件，一頁上文本的行數(shù)一般不應(yīng)超過10行。

強(qiáng)調(diào)文本的方法有加下劃線、用不同的字體、用較大的字號(hào)以及箭頭指示等。文本與圖像處于同一頁時(shí)，把文本放在一個(gè)有邊界的文本框中，能使頁面整齊，并能夠引起學(xué)習(xí)者對(duì)文本的注意。很重要的文本在空白頁上居中呈現(xiàn)，能引起學(xué)生的高度注意。注意不能用閃爍、旋轉(zhuǎn)等運(yùn)動(dòng)方式來強(qiáng)調(diào)文本，這樣雖然能引起學(xué)生的好奇，但容易分散學(xué)生的注意力，不便于閱讀。當(dāng)文本過長(zhǎng)時(shí)，有使用滾動(dòng)條和翻頁兩種處理辦法。對(duì)大多數(shù)人來說，翻頁閱讀更為自然舒適，頁面也能設(shè)計(jì)得很精美，因此翻頁是首選的方法，特別需要滾動(dòng)時(shí)，滾動(dòng)文本的長(zhǎng)度不宜超過三個(gè)頁面。

2.圖像和動(dòng)畫的設(shè)計(jì)

圖像所蘊(yùn)涵的信息量遠(yuǎn)遠(yuǎn)超過文字，它能直觀形象地呈現(xiàn)知識(shí)內(nèi)容之間的內(nèi)在聯(lián)系，有利于激發(fā)學(xué)習(xí)者的形象思維，是學(xué)習(xí)者易于感知和接受的信息表達(dá)方式。[2]文字與圖像的比較見表1。

通常應(yīng)該使學(xué)習(xí)者的注意力集中在多媒體教學(xué)軟件的重要信息上。由于圖像和動(dòng)畫，尤其是動(dòng)畫能比文本更多地獲得學(xué)習(xí)者的注意，因而應(yīng)該用來呈現(xiàn)更重要的信息，而不能成為干擾源。圖像和動(dòng)畫的類型有綱要圖解、圖表、照片、二維動(dòng)畫等。

在使用圖像和動(dòng)畫時(shí)應(yīng)注意以下幾點(diǎn)：第一，熟悉上述類型，根據(jù)目的選擇合適的類型，比如講解等邊三角形的概念，就應(yīng)該使用線條圖配合講解，而不能選用橋的照片（其橋墩為三角形），因?yàn)檎掌邪颂嗯c教學(xué)內(nèi)容無關(guān)的細(xì)節(jié)。第二，需要用復(fù)雜的圖像說明問題時(shí)，可以把圖像分解，用動(dòng)畫技術(shù)分步疊加，由簡(jiǎn)到繁地增加細(xì)節(jié)，疊加過程應(yīng)該能讓學(xué)習(xí)者控制。第三，無論在課件的什么位置出現(xiàn)動(dòng)畫，都應(yīng)該能夠讓學(xué)習(xí)者控制動(dòng)畫的播放、暫停、重放等，甚至控制呈現(xiàn)的速度。

表1 文字與圖像的比較

3.視頻的設(shè)計(jì)

視頻有多種形式，包括配有畫外音講解的事物活動(dòng)變化、對(duì)話交談、表演等。視頻能引起學(xué)習(xí)者的情緒反應(yīng)，有效地激發(fā)學(xué)習(xí)者參與，啟發(fā)思考，促進(jìn)記憶。對(duì)于示范和案例教學(xué)，視頻是很自然的選擇，例如視頻可以用于表現(xiàn)外語對(duì)話、運(yùn)動(dòng)技巧、手術(shù)過程、刑事案件等。

在選擇使用視頻時(shí)，如果因?yàn)闂l件不具備而使用了質(zhì)量差的視頻產(chǎn)品，模糊不清或抖動(dòng)的畫面甚至?xí)鹩^看者頭暈等不適的生理反應(yīng)，還不如不用。視頻要用在重要信息上，否則由于視頻的吸引力，會(huì)分散學(xué)習(xí)者對(duì)重要信息的注意。設(shè)計(jì)和使用視頻很重要的一點(diǎn)是確定視頻片斷的合適長(zhǎng)度，雖然人們能興致勃勃地連續(xù)觀看幾個(gè)小時(shí)的娛樂電視節(jié)目，卻不能同樣地對(duì)待教學(xué)節(jié)目。在多媒體教學(xué)軟件中，視頻的長(zhǎng)度取決于它的內(nèi)容和使用目的，一般不應(yīng)超過十分鐘。另外應(yīng)注意視頻呈現(xiàn)應(yīng)該有獨(dú)立的播放控制，長(zhǎng)的節(jié)目還應(yīng)該有檢索功能。

4.音頻的設(shè)計(jì)

音頻分為語音、音樂和音響。音頻尤其是語音在多媒體教學(xué)軟件中的使用非常重要。音頻的主要作用有：①特定的學(xué)科內(nèi)容領(lǐng)域的示范和訓(xùn)練。如語文、外語、音樂等課程。②用于提供反饋，用語音或音樂作為反饋信息，能夠使多媒體教學(xué)軟件更加人性化，學(xué)習(xí)者視線不用離開當(dāng)前屏幕，不至于分散學(xué)生的注意。③音樂能增加多媒體教學(xué)軟件的感染力和藝術(shù)效果，例如多媒體教學(xué)軟件開頭的背景音樂。[1]

在使用音頻時(shí)應(yīng)注意，首先應(yīng)提供充分的學(xué)習(xí)者控制，能讓學(xué)習(xí)者選擇是否播放、停止、暫停、重放等。其次，不同步的同樣內(nèi)容的聲音和文本可能會(huì)分散注意力，善于閱讀的人讀的速度比語音播放快，許多人對(duì)聽和讀有不同的偏好，上述這些情況都需要給學(xué)習(xí)者選擇的機(jī)會(huì)。最后，要選用高質(zhì)量的音頻，人對(duì)音頻質(zhì)量的差別感覺比對(duì)視頻靈敏，要注意音質(zhì)、音量、混合、編輯等效果。

5.顏色的設(shè)計(jì)

在多媒體教學(xué)軟件中，在顏色的運(yùn)用方面，首先應(yīng)注意顏色使用的一致性，色調(diào)風(fēng)格和頁面用色都應(yīng)統(tǒng)一。其次，用于區(qū)分、強(qiáng)調(diào)、指示的顏色種類要少，一個(gè)課件當(dāng)中文本的顏色一般不應(yīng)超過三種，色彩太雜視覺效果不好，學(xué)生也容易混淆。再次，應(yīng)平衡顏色的對(duì)比與和諧，保證文本的可讀性。文字和背景的顏色搭配的基本原則是：醒目、易讀、不宜產(chǎn)生視覺疲勞。一般來說，文字顏色以亮色為主，背景顏色以暗色為主。多媒體教學(xué)軟件背景顏色的優(yōu)先順序是：藍(lán)、黑、灰、褐、紅、綠、紫。文本顏色與背景顏色的搭配有白/黑、白/藍(lán)、黃/黑、黃/紅等。最后，應(yīng)該注意顏色使用的社會(huì)習(xí)慣和文化差異。比如白色，對(duì)西方人來講代表純潔，對(duì)中國(guó)人來講卻代表不吉利。[3]

結(jié)束語

對(duì)于多媒體教學(xué)軟件的界面設(shè)計(jì)，除了筆者上面提到的這些原則及注意事項(xiàng)之外，更重要的是學(xué)科教師在教學(xué)實(shí)踐當(dāng)中應(yīng)該處處留心，多參考優(yōu)秀課件范例，不斷地總結(jié)課件界面設(shè)計(jì)的經(jīng)驗(yàn)，最終形成自己的一套方法。

[1]張軍征.多媒體課件設(shè)計(jì)與制作基礎(chǔ)[M].北京：高等教育出版社，2004.

[2]孫東陽.多媒體課件界面視覺要素組織和信息有效傳遞研究[J].包裝工程，2010，（8）：71-74.

[3]謝幼如.多媒體教學(xué)軟件設(shè)計(jì)[M].北京：電子工業(yè)出版社，1999.

G40-057

A

1673-8454（2012）06-0067-04

（編輯：魯利瑞）