遼寧對外經(jīng)貿(mào)學(xué)院基礎(chǔ)課教研部 趙中樞

多媒體課件的界面設(shè)計研究

遼寧對外經(jīng)貿(mào)學(xué)院基礎(chǔ)課教研部 趙中樞

在現(xiàn)代教育與教學(xué)過程中，多媒體課件起著舉足輕重的作用。目前，大多數(shù)課件在教學(xué)內(nèi)容設(shè)計上一般都比較好，但是在界面設(shè)計上卻存在很多問題。合理的界面設(shè)計不僅可以增加課件的藝術(shù)品位，而且會增強授課效果。本文主要從界面組成、構(gòu)圖、色彩搭配和風(fēng)格幾個方面思考如何來進行多媒體界面的設(shè)計。

多媒體課件；界面設(shè)計；色彩搭配

1 引言

在高校日常的教學(xué)中，多媒體課件已成為教師最基本的教學(xué)手段[1]。也是現(xiàn)代教育中最基本的要素，而要設(shè)計出高質(zhì)量的多媒體課件，除了要在教學(xué)內(nèi)容上下功夫，還用設(shè)計出一個美觀和諧、賞析悅目的操作環(huán)境。我們都知道，任何好的商品銷售，既要有好的內(nèi)容，又要有好的包裝，多媒體課件和軟件產(chǎn)品一樣，不僅內(nèi)容上要有好的設(shè)計，在界面的包裝上也要新穎、美觀、方便用戶使用[2]。界面風(fēng)格定位準(zhǔn)確，具有個性化能改學(xué)生以深刻的印象，反之風(fēng)格不明確的課件，會使學(xué)生感到困惑，產(chǎn)生不穩(wěn)定的情緒，進而影響信息的接受。因此，本文要解決的是多媒體課件界面設(shè)計問題，主要從以下幾個方面來介紹如何精心設(shè)計多媒體界面。

2 多媒體界面設(shè)計對教學(xué)作用

1)優(yōu)秀的界面設(shè)計能夠突出主題教學(xué)內(nèi)容。能夠?qū)?nèi)容“推”學(xué)生眼前，同時美觀和諧的多媒體界面還可以讓學(xué)生在賞心悅目的界面造成的良好情緒中主動接受課件索要表達的信息。

2)多媒體界面設(shè)計可以形象生動表達教學(xué)內(nèi)容。在設(shè)計過程中，通過有效合理設(shè)計多媒體素材如文字、圖形、圖像、聲音、視頻動畫等，能夠激發(fā)學(xué)生學(xué)習(xí)興趣。

3)多媒體界面設(shè)計的好壞影響著學(xué)生的學(xué)習(xí)效果。好的界面設(shè)計豐富多彩、形象生動，能夠表現(xiàn)情節(jié)，具有親和力，方便學(xué)生使用，有助于學(xué)生的對知識的理解和記憶，能達到教學(xué)效果。反之，學(xué)生對媒體傳達的教學(xué)內(nèi)容不能理解掌握時，會產(chǎn)生逆反心理。造成學(xué)習(xí)過程疲勞較快，學(xué)習(xí)抓不住重點、注意力分散等問題。

總之，界面就代表了多媒體課件的本身，是課件最終的呈現(xiàn)形式和效果，其表現(xiàn)形式直接決定了教學(xué)信息傳播的暢通性。在設(shè)計界面時，要注意整體界面的一致性和協(xié)調(diào)性，才能達到較為理想的教學(xué)效果。

3 多媒體課件界面的組成

多媒體課件的各個界面是教學(xué)信息傳播的窗口，它是將不同的媒體元素進行編排，并成為一個具有邏輯關(guān)系和層次關(guān)系的整體。多媒體課件是一個非線性的網(wǎng)絡(luò)結(jié)構(gòu)，其內(nèi)部知識點之間的邏輯和彼此之間的跳轉(zhuǎn)關(guān)系，需要多層次的界面來體現(xiàn)。通常，多媒體課件的界面由主要界面、次要界面和內(nèi)容界面所組成。

3.1 主界面

主界面又叫做主頁，它是一個課件的縮影，通主頁它可以直觀、了解多媒體課件的展示的教學(xué)內(nèi)容，通常多媒體課件只有一個主頁，具有導(dǎo)航作用，學(xué)生可以通過它把握課件的章節(jié)結(jié)構(gòu)，因此主頁的設(shè)計要求是頁面布局有條不紊，超鏈接形式清晰明確。

3.2 次界面

主界面的下層界面是次界面，用來體現(xiàn)多媒體課件中次一級知識單元與知識單元或知識點與知識點之間關(guān)系的界面，一般不包含具體的教學(xué)內(nèi)容。次界面的多少根據(jù)教學(xué)內(nèi)容多少而定，可以只有一個或者多個。在設(shè)計上和的要求與主頁面相同。

3.3 內(nèi)容界面

內(nèi)容頁面是傳達多媒體課件具體教學(xué)內(nèi)容的界面，是構(gòu)成多媒體課件的主體，具有傳達教學(xué)信息的作用。內(nèi)容界面主要體現(xiàn)知識點的具體內(nèi)容，一個知識點可以有多個層次的內(nèi)容界面，內(nèi)容界面通常由教學(xué)內(nèi)容區(qū)、人機交互區(qū)，信息導(dǎo)航區(qū)和界面背景組成。其設(shè)計上的要求是突出具體內(nèi)容，各部分鏈接明確友好。

1)教學(xué)內(nèi)容區(qū)。各個界面的教學(xué)內(nèi)容區(qū)會體現(xiàn)不同的內(nèi)容。在主界面中體現(xiàn)課件主體之間的整體關(guān)系；在次界面中體現(xiàn)課件中子題之間的相互關(guān)系；而在內(nèi)容界面體現(xiàn)的是課件中基本知識點的教學(xué)內(nèi)容。

2)人機交互區(qū)。人機交互是多媒體課件的基本要求，交互的好壞對學(xué)生影響很大。交互性好，方便學(xué)生使用，能發(fā)揮學(xué)生的主觀能動作用，有利于知識的傳授和掌握；反之，只能按照設(shè)計者的思路被動學(xué)習(xí)。教學(xué)內(nèi)容區(qū)中的人機交互區(qū)是實現(xiàn)不同界面之間的跳轉(zhuǎn)關(guān)系，它是由按鈕、熱區(qū)、文字鏈接、圖標(biāo)等形式組成的。在設(shè)計交互功能是，其一確定界面的跳轉(zhuǎn)關(guān)系；其二是確定向主界面或上級頁面返回，每一界面根據(jù)需要向主界面或上級頁面跳轉(zhuǎn)。其三課件運行過程中可以結(jié)束退出，方便學(xué)生使用。

3)信息導(dǎo)航區(qū)。多媒體課件界面中的信息導(dǎo)航區(qū)是用來幫助學(xué)生在非線性組織方式的各個課件界面中指引方向的引路牌，它利用系統(tǒng)來提供引導(dǎo)措施，指定學(xué)生處在課件結(jié)構(gòu)中的具體位置。

4 多媒體課件界面的構(gòu)圖

在設(shè)計制作多媒體課件的過程中，首先接觸到并時時刻刻都要與之打交道的就是構(gòu)圖。因此，學(xué)習(xí)和掌握構(gòu)圖規(guī)律是十分必要的。在多媒體界面設(shè)計實踐中，掌握形式美的法則，并依據(jù)這些法則進行設(shè)計是畫面構(gòu)圖的基礎(chǔ)。

4.1 變化與統(tǒng)一

多媒體課件界面的構(gòu)圖中，只有變化沒有統(tǒng)一，就會讓學(xué)生感到雜亂無章。只有統(tǒng)一而無變化，就缺少節(jié)奏和韻律，就會使學(xué)生感到呆板乏味，容易造成視覺疲勞，直接影響學(xué)生的接受效果。在構(gòu)圖當(dāng)中就是將多媒體界面所需要的視覺形象安排成有變化、有秩序、有節(jié)奏而又和諧統(tǒng)一的整體。

4.2 疏密留白

在設(shè)計多媒體課件畫面時，做到疏中有密，密中有疏，疏密得當(dāng)，這樣才能夠形成節(jié)奏。留白的形式、比例往往決定者畫面的空間層次和質(zhì)量，其最大的作用是引入注意，更好的襯托主題，使得學(xué)生將視線集中于主要內(nèi)容。

4.3 重復(fù)與節(jié)奏

多媒體課件界面背景往往被設(shè)計成不斷重復(fù)的圖案，圖案的形狀、大小、方向都是相同的，就會產(chǎn)生安定、整齊、規(guī)律的感覺。平淡的背景用來作為主體的陪襯。節(jié)奏是由界面中的構(gòu)成元素按照一定的秩序重復(fù)排列形成的，有等距離的排列，也有大小，明暗、高低等不同的排列。在多媒體界面設(shè)計中，經(jīng)常將按鈕、裝飾圖案等進行有變化、有節(jié)奏感的排列，能夠增強畫面的藝術(shù)性。

4.4 對稱與均衡

對稱形式有左右對稱、上下對稱和放射對稱，其特點是穩(wěn)定、整齊、莊嚴、安寧。在實際界面設(shè)計中的運用并不廣泛。而在把界面設(shè)計中的各個部分組成一個整體的過程中，最重要的是畫面是否均衡。畫面均衡與否與學(xué)生的心理有緊密聯(lián)系，在設(shè)計時多媒體教學(xué)畫面一般情況下應(yīng)該是均衡的、安定的、使學(xué)生感到穩(wěn)定、和諧、完整。

4.5 對比與調(diào)和

對比是畫面設(shè)計中必然用到的形式法則，常常把多媒體界面構(gòu)圖元素放置在比較之下，就產(chǎn)生了大小、明暗、遠近、輕重等的對比。其作用是突出主從關(guān)系和顯示統(tǒng)一變化的藝術(shù)效果。

4.6 比例與面積

成功的構(gòu)圖首先取決于良好的比例。在界面設(shè)計中使用黃金分割比能夠求得最大限度的和諧，比例適度可以給人一種有序、明朗的感覺。

總之，構(gòu)圖是多媒體課件設(shè)計和制作人員必須要掌握的基礎(chǔ)知識，構(gòu)圖的目的就是要強調(diào)、突出傳達教學(xué)內(nèi)容的主體，恰當(dāng)?shù)匕才排泱w、選擇環(huán)境，摒棄繁瑣的與教學(xué)內(nèi)容無關(guān)的東西，使出現(xiàn)在學(xué)生面前的多媒體畫面教學(xué)信息更集中，更有沖擊力，藝術(shù)感更強。

5 多媒體課件界面的色彩搭配

多媒體課件界面的色彩搭配與教學(xué)內(nèi)容密切相關(guān)，色彩是形成多媒體課件界面的外部風(fēng)貌，它先于圖像和文字攫取其注意力。是構(gòu)成形式美的重要因素，是促進學(xué)生接受課件教學(xué)內(nèi)容的最重要一環(huán)。實際上，在制作多媒體課件時，色彩搭配是有規(guī)律可循的。

5.1 前景色和背景色的處理

在多媒體課件的界面中涉及兩種色彩，即前景色和背景色。前景色也稱圖形色，在設(shè)計的時候通常是前進和積極的，而背景色通常是后退和消極的。在設(shè)計多媒體課件界面時，首先在處理明度關(guān)系上，圖形色要求鮮艷明亮，而背景色要求處理成暗淡渾濁。其次在面積的處理上，圖形色面積要小，背景色處理面積要大。除此之外，在配色的數(shù)量方面，圖形色的要復(fù)雜多變，背景色則要求單一或淡雅。

5.2 界面顏色基調(diào)的調(diào)整

多媒體課件界面的整體色調(diào)，通常是有主色調(diào)決定的。使用冷色系色彩時則顯得潔凈和清新，用暖色系色彩時則顯得柔和溫暖。當(dāng)界面主色彩的明度高時則顯得清晰和透亮，反之則顯得深沉。

5.3 配色技巧的運用

需要根據(jù)多媒體課件界面的主題選擇主色調(diào)，主色調(diào)會對畫面的產(chǎn)生整體的印象，除此之外，在畫面上還有其他的色彩作為搭配色，用以烘托主色調(diào)或與主色調(diào)形成反差。

6 多媒體課件界面構(gòu)圖的藝術(shù)風(fēng)格

在設(shè)計制作多媒體課件界面時，必須要具備統(tǒng)一的風(fēng)格。就是在背景的處理、菜單的安排、按鈕的形式等各方面的布局上要有一種格調(diào)一致的模式。

6.1 界面顏色基調(diào)

對于某種顏色的重復(fù)使用、連續(xù)使用，可以形成一種基本色調(diào)，能給人一種穩(wěn)定的效果和協(xié)調(diào)一致的感覺，可以幫助學(xué)生更好地認識教材內(nèi)容的連續(xù)性和關(guān)系的緊密性。

6.2 界面圖形搭配

多媒體課件界面上的圖形，也需要藝術(shù)風(fēng)格的一致性。使用統(tǒng)一風(fēng)格的背景，并不同界面的背景要有一定變化，但色調(diào)一定要統(tǒng)一，圖片處理方式也要統(tǒng)一。除此之外，按鈕、裝飾物等風(fēng)格也要統(tǒng)一，按鈕可以設(shè)計成系列的圖案或符號。

6.3 界面字體的運用

對漢字字體的運用更要講究藝術(shù)風(fēng)格的一致性。要通過分類、歸納，對于同一個層次的標(biāo)題，要運用同樣的字體，同樣的大小以及同樣的顏色，這樣可以達到層次分明、條理清晰的視覺效果。

6.4 界面藝術(shù)美感

設(shè)計的多媒體課件應(yīng)讓學(xué)生感覺到具有欣賞價值，并且界面設(shè)計者應(yīng)將美學(xué)特性和計算機特性融合在一起，不漏痕跡地貫穿課件始終。在色彩設(shè)計時應(yīng)考慮內(nèi)容表現(xiàn)的需要和教學(xué)對象的色彩心理特點。

7 結(jié)束語

總之，多媒體課件界面形象的風(fēng)格代表了課件整體的風(fēng)貌。風(fēng)格定位準(zhǔn)確的課件，能夠給學(xué)生以深刻的印象，學(xué)生愿意與其進一步交流，而風(fēng)格不明確的課件會造成學(xué)生的困惑，學(xué)生進而產(chǎn)生不穩(wěn)定情緒，影響學(xué)習(xí)效果。多媒體課件的界面設(shè)計要以學(xué)習(xí)者為中心。在界面設(shè)計時，應(yīng)該把握整體，統(tǒng)籌安排，從用戶的感觀享受等方面進行全盤考慮，制作出和諧統(tǒng)一的優(yōu)秀課件，達到最佳的教學(xué)效果。

[1]林育曼,國家精品課程教學(xué)課件界面設(shè)計調(diào)查與分析[J]．中國遠程教育,2013(1)：87-92．

[2]徐娜,大一統(tǒng)的格局框架在多媒體界面設(shè)計中的應(yīng)用[J]．北京印刷學(xué)院學(xué)報,2012(5)：22-23．

[3]胡麗彬,王鐵夫．基于視覺理論的多媒體課件界面設(shè)計初探[J]．教育教學(xué)論壇,2012(7)：241-242．

[4]龍軍,陳青,劉強．大學(xué)多媒體課件的設(shè)計原則和方法[J]．湖南醫(yī)科大學(xué)學(xué)報(社會科學(xué)版),2010,12(1)：140-141．

趙中樞（1978—） 男，碩士，副教授，研究方向：計算機應(yīng)用技術(shù)。