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

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

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

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

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

1 引言

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

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

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

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

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

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

3 多媒體課件界面的組成

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

3.1 主界面

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

3.2 次界面

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

3.3 內(nèi)容界面

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

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

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

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

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

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

4.1 變化與統(tǒng)一

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

4.2 疏密留白

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

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

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

4.4 對(duì)稱與均衡

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

4.5 對(duì)比與調(diào)和

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

4.6 比例與面積

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

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

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

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

5.1 前景色和背景色的處理

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

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

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

5.3 配色技巧的運(yùn)用

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

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

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

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

對(duì)于某種顏色的重復(fù)使用、連續(xù)使用，可以形成一種基本色調(diào)，能給人一種穩(wěn)定的效果和協(xié)調(diào)一致的感覺，可以幫助學(xué)生更好地認(rèn)識(shí)教材內(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è)計(jì)成系列的圖案或符號(hào)。

6.3 界面字體的運(yùn)用

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

6.4 界面藝術(shù)美感

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

7 結(jié)束語

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

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

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

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

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

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