多媒體教學軟件界面設計探析*

王永平

（山西師范大學教育技術與傳媒學院，山西臨汾 041004）

多媒體教學軟件界面設計探析*

王永平

（山西師范大學教育技術與傳媒學院，山西臨汾 041004）

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

教學軟件；界面；設計

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

一、多媒體教學軟件界面設計中存在的問題

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

1.界面布局不合理

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

2.顏色搭配不和諧

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

3.音效設置不恰當

有些教師在制作課件時，采用自己偏好的音樂作為背景音樂，穿插不標準的普通話作為解說詞，在翻頁或點擊某個按鈕時發出不和諧的聲音，這些都可能引起學生的反感。

4.選用視頻不清晰

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

5.沒有充分利用人機交互的優勢

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

二、多媒體教學軟件界面設計的基本原則

1.一致性原則

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

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

2.簡約性原則

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

三、學習者控制元素的設計

學習者控制是通過屏幕元素進行的，主要有按鈕、菜單、超鏈接等。控制元素的選擇和使用，決定著控制的便利程度和學習者從中獲益的多少。

1.按鈕的設計

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

2.菜單的設計

菜單可以分為全屏菜單、隱藏菜單和框架菜單三種。全屏菜單是占據整個屏幕或大部分屏幕的用戶控制選項列表，全屏菜單可以讓學習者選擇進入到多媒體教學軟件的各個部分。隱藏菜單包括下拉式、上滾式、隱顯式等，它們都是在鼠標移上或者單擊菜單時，顯示菜單項，供用戶選擇。隱藏菜單適合用于全局控制，也就是在任何時候都能夠用到的控制，例如進入術語表或退出程序等。框架菜單普遍用于網絡課程中，是一種屏幕窗口分割的方法，通常將窗口分為左右兩框，左框為菜單項列表，一直保留在屏幕上，右框是選擇菜單項后顯示的內容。框架菜單特別適合作為多媒體教學軟件目錄。

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

3.超鏈接的設計

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

四、信息呈現元素的設計

呈現信息的元素包括文本、圖像、視頻、音頻、顏色等，下面筆者就每一種元素的特點及其設計過程中應該注意的問題分別進行說明。

1.文本的設計

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

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

2.圖像和動畫的設計

圖像所蘊涵的信息量遠遠超過文字，它能直觀形象地呈現知識內容之間的內在聯系，有利于激發學習者的形象思維，是學習者易于感知和接受的信息表達方式。[2]文字與圖像的比較見表1。

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

在使用圖像和動畫時應注意以下幾點：第一，熟悉上述類型，根據目的選擇合適的類型，比如講解等邊三角形的概念，就應該使用線條圖配合講解，而不能選用橋的照片（其橋墩為三角形），因為照片中包含了太多與教學內容無關的細節。第二，需要用復雜的圖像說明問題時，可以把圖像分解，用動畫技術分步疊加，由簡到繁地增加細節，疊加過程應該能讓學習者控制。第三，無論在課件的什么位置出現動畫，都應該能夠讓學習者控制動畫的播放、暫停、重放等，甚至控制呈現的速度。

表1 文字與圖像的比較

3.視頻的設計

視頻有多種形式，包括配有畫外音講解的事物活動變化、對話交談、表演等。視頻能引起學習者的情緒反應，有效地激發學習者參與，啟發思考，促進記憶。對于示范和案例教學，視頻是很自然的選擇，例如視頻可以用于表現外語對話、運動技巧、手術過程、刑事案件等。

在選擇使用視頻時，如果因為條件不具備而使用了質量差的視頻產品，模糊不清或抖動的畫面甚至會引起觀看者頭暈等不適的生理反應，還不如不用。視頻要用在重要信息上，否則由于視頻的吸引力，會分散學習者對重要信息的注意。設計和使用視頻很重要的一點是確定視頻片斷的合適長度，雖然人們能興致勃勃地連續觀看幾個小時的娛樂電視節目，卻不能同樣地對待教學節目。在多媒體教學軟件中，視頻的長度取決于它的內容和使用目的，一般不應超過十分鐘。另外應注意視頻呈現應該有獨立的播放控制，長的節目還應該有檢索功能。

4.音頻的設計

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

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

5.顏色的設計

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

結束語

對于多媒體教學軟件的界面設計，除了筆者上面提到的這些原則及注意事項之外，更重要的是學科教師在教學實踐當中應該處處留心，多參考優秀課件范例，不斷地總結課件界面設計的經驗，最終形成自己的一套方法。

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

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

[3]謝幼如.多媒體教學軟件設計[M].北京：電子工業出版社，1999.

G40-057

A

1673-8454（2012）06-0067-04

（編輯：魯利瑞）