【正文】 說是計算機(jī)操作領(lǐng)域范疇，更不如說是藝術(shù)領(lǐng)域的內(nèi)容。它是課件與用戶打交道的第一面孔，它的設(shè)計檔次如何，將直接影響用戶對你的課件的第一印象，甚至是最后印象。好的界面設(shè)計，能使學(xué)生在計算機(jī)環(huán)境下學(xué)習(xí)的有限時間內(nèi)，不僅能很快地適應(yīng)學(xué)習(xí)環(huán)境、熟悉操作，而且還能通過多媒體信息刺激感官和大腦，很快進(jìn)入積極主動的學(xué)習(xí)狀態(tài)，獲得良好的學(xué)習(xí)效果。所以良好的人機(jī)界面設(shè)計，不僅能更有效地實(shí)現(xiàn)學(xué)習(xí)現(xiàn)有知識，而且還能更有效地引導(dǎo)學(xué)生的思維向縱深發(fā)展。所以界面設(shè)計是計算機(jī)知識與平面藝術(shù)緊密結(jié)合的領(lǐng)域，它不僅要求有較閑熟的計算機(jī)操作能力，而且還要有較高的審美觀點(diǎn)及較高的藝術(shù)修養(yǎng)。 2022/2/16 81 界面設(shè)計應(yīng)遵循的一般原則是： 1．一致性原則 一致性是指一個軟件的屏幕界面應(yīng)該讓用戶看后有整體 上的一致感。設(shè)計的一致性是貫穿各條指導(dǎo)原則的一條主線，是所有設(shè)計活動都要遵循的主要原則。 Office組件給人的感覺就是一致性的，我們學(xué)習(xí)了 Word2022，就很容易學(xué)習(xí) Excel 、 PowerPoint等，其原因就是這些應(yīng)用程序界面的一致性，它們的應(yīng)用程序的基本完全一樣，如菜單、工具欄、格式欄等。在設(shè)計多媒體課件界面時，也要強(qiáng)調(diào)一致性問題，目的是為了減少學(xué)生的認(rèn)知負(fù)荷，把有限的精力用在教學(xué)內(nèi)容的學(xué)習(xí)上，而不是學(xué)習(xí)界面的操作上。 2022/2/16 82 2．適應(yīng)性原則 學(xué)習(xí)者認(rèn)知風(fēng)格和水平有所差異。在設(shè)計課件時，應(yīng)充分考慮學(xué)習(xí)者的差異。盡量讓不同的學(xué)習(xí)者均可以獲得他們所需要的學(xué)習(xí)方式。對不同認(rèn)知風(fēng)格的學(xué)習(xí)者應(yīng)提供不同的學(xué)習(xí)和操作的方法。比如，把所授內(nèi)容劃分幾個層次，一并包含在課件內(nèi)，以方便學(xué)習(xí)者根據(jù)自己的知識結(jié)構(gòu)來選擇自己的學(xué)習(xí)路徑。 2022/2/16 83 3．靈活性原則 靈活性原則實(shí)際上從大的方面說，應(yīng)該包含在適應(yīng)性原則之中的，然而又有所區(qū)別，它也是根據(jù)學(xué)習(xí)者層次而適應(yīng)學(xué)習(xí)者的過程，一個真正靈活的系統(tǒng)允許一個人用與他的知識技能和經(jīng)驗(yàn)相稱的方式與計算機(jī)交流，如顯示不顯提示，允許缺省設(shè)置，建立用戶記憶等。 2022/2/16 84 屏幕界面的整體設(shè)計 1．屏幕對象布局 屏幕的編排應(yīng)該具有均衡、規(guī)整、對稱、有可預(yù)料性、經(jīng)濟(jì)、簡明、連續(xù)、比例協(xié)調(diào)等規(guī)律。要求畫面整體效果美觀、大方、令人賞心悅目，才能吸引學(xué)習(xí)者的注意力，才能快速地傳遞教學(xué)信息；畫面簡潔明了，以便學(xué)習(xí)者盡可能簡單地得到信息；畫面有可預(yù)見性，觀察一幅圖像，人們就可以預(yù)測出相鄰一幅圖像將是什么樣。 2022/2/16 85 2．界面媒體素材設(shè)計 多媒體課件要用到多種媒體形式。如果說界面設(shè)計的合理、美觀，而具體內(nèi)容不加注意的話，整體教學(xué)效果同樣會大大折扣。所以對媒體素材的設(shè)計也需認(rèn)真對待，如文本使用要注意文字密度、字色、字號應(yīng)滿足教學(xué)需要，太小，太密，顏色太刺眼會嚴(yán)重影響課堂教學(xué)效果。圖片使用時，背景圖片色調(diào)不能太深或太鮮艷，否則主題文字顏色不好設(shè)置，不僅會使顯示教學(xué)內(nèi)容較為困難，而且也會喧賓奪主。聲音插入不能太多，否則影響學(xué)習(xí)效果，音量盡量設(shè)置可調(diào)。動畫和視頻不能體積過大，容易造成死機(jī)，從而降低課件的兼容性。動畫和視頻要設(shè)置一些操作控制按鈕，如放映、暫行、停止、快進(jìn)、快退等，來方便學(xué)生根據(jù)自己的情況進(jìn)行操作。 2022/2/16 86 3．色彩的運(yùn)用 大自然是豐富多彩的，作為表達(dá)或反映客觀世界的多媒體教學(xué)課件當(dāng)然也不能離開顏色的表現(xiàn)。正確的使用顏色，能使屏幕構(gòu)圖美觀，教學(xué)內(nèi)容表達(dá)清晰，層次條理分明，從而使屏幕且有較強(qiáng)的吸引力，而達(dá)到教學(xué)內(nèi)容從機(jī)器向?qū)W習(xí)者的轉(zhuǎn)化，更能吸引學(xué)習(xí)者學(xué)習(xí)興趣，使其保持較長時間注意力去注意屏幕上的教學(xué)內(nèi)容，達(dá)到較好的學(xué)習(xí)效率。 2022/2/16 87 多媒體課件交互方式的設(shè)計 交互設(shè)計的概念 交互界面是人和計算機(jī)進(jìn)行信息交換的通道，用戶通過交互界面向計算機(jī)輸入信息，進(jìn)行查詢、操縱和控制，計算機(jī)則通過交互界面向用戶提供信息，以供閱讀、分析和判斷。用戶可以根據(jù)友好交互界面，通過某些硬件設(shè)備（如鍵盤、鼠標(biāo)、觸摸屏、監(jiān)視器等）對呈示的教學(xué)信息做出反應(yīng)，完成人機(jī)的交互作用。目前，常用的人機(jī)交互界面有：窗口、菜單、圖標(biāo)、按鈕和對話框等。 2022/2/16 88 交互設(shè)計的原則 1．靈活性 靈活性是衡量系統(tǒng)對于人的差別的響應(yīng)能力的一個尺度，它要求一個系統(tǒng)對于區(qū)分用戶的需求必須是敏感的。比如每次用戶啟動某項(xiàng)操作后，接下來都要經(jīng)過一段長久的等待，必定會逐漸失去耐性，轉(zhuǎn)而注意其它事物，或者開始對這個課件產(chǎn)生厭煩。所以一定要做到以最直接、最快速的方式讓用戶了解到他的指令已經(jīng)被接受且正在執(zhí)行。 2．友好性 友好性是指用戶操作系統(tǒng)時操作的復(fù)雜性，操作的復(fù)雜性越低，系統(tǒng)越容易使用，則說明系統(tǒng)的用戶友好性越好。友好的交互界面，應(yīng)該讓人容易理解和領(lǐng)會，即當(dāng)學(xué)習(xí)者打開一個屏幕時，應(yīng)該知道它包含著什么內(nèi)容，要做什么，何時去做，并且如何去做，讓用戶操作變得容易、自然，能很快熟悉軟件。 2022/2/16 89 3．一致性 交互系統(tǒng)的一致性是指系統(tǒng)不同部分以及不同系統(tǒng)之間有相似的交互顯示格式和相似的人機(jī)操作方式。一致性原則要求在程序的不同部分，甚至不同應(yīng)用程序之間具有相似的界面、布局、人機(jī)交互方式及信息顯示格式等。例如，凡是下拉式菜單或彈出式菜單都應(yīng)有同樣的結(jié)構(gòu)和操作方法；各種類型信息（如結(jié)果信息、提示信息、出錯信息和幫助信息等）都在確定的屏幕位置上以相似的格式顯示等。 4． 圖形化 圖形具有直觀、形象、生動、所見即所得且易學(xué)易用等特點(diǎn)，在交互界面設(shè)計中可以使操作及響應(yīng)直觀和逼真。 2022/2/16 90 常見的交互界面設(shè)計 交互界面設(shè)計是計算機(jī)與學(xué)習(xí)者在交互時所用的溝通符號，多媒體課件使用圖形化界面，使人機(jī)交互界面更接近自然。常見的界面形式有窗口、菜單、圖標(biāo)、按鈕和對話框等。 2022/2/16 91 1．窗口 窗口是指屏幕上的一個矩形區(qū)域，它可以說是最主要的界面對象。設(shè)計者通過它組織數(shù)據(jù)，并呈現(xiàn)給用戶。窗口一般由下列幾個部分組成：標(biāo)題欄、菜單欄、滾動條、狀態(tài)欄和控制欄。利用窗口技術(shù)，大量的信息就可以用滾動方式在一個窗口中顯示，而不需要用多幅屏幕，大大提高了人機(jī)交互作用的能力。 2．菜單 菜單是一種直觀而操作簡便的界面對象，它可以把用戶當(dāng)前要使用的操作命令以項(xiàng)目列表的方式顯示在屏幕上供用戶選擇。菜單不僅可以減輕學(xué)習(xí)者的記憶負(fù)擔(dān)，而且非常便于操作，由于擊鍵次數(shù)少，產(chǎn)生的輸入錯誤也少。目前，我們經(jīng)常使用的菜單有以下幾種形式：條形菜單、彈出式菜單、下拉式菜單和圖標(biāo)式菜單等。 2022/2/16 92 3．圖標(biāo) ` 圖標(biāo)也是常用的一種圖形界面對象，它是一種小型的、帶有簡潔圖形的符號。它的設(shè)計是基于隱喻和模擬的思想。隱喻是通過具體的聯(lián)系來表達(dá)抽象的概念，通過事物形象來代表抽象的思想。圖標(biāo)用簡潔的圖形符號模擬現(xiàn)實(shí)世界中的事物，使用戶很容易和現(xiàn)實(shí)中的事物聯(lián)系起來。如使用照相機(jī)形象做圖標(biāo)，提示用戶在這里可以瀏覽照片、圖片；用電影機(jī)形象提示在這里可以觀看活動視頻；用錄音機(jī)、音樂形象提示在這里可以聽到音樂或效果聲；用口形形象提示在這里可以聽到標(biāo)準(zhǔn)的示范朗讀聲。 2022/2/16 93 4．按鈕 按鈕是交互界面設(shè)計中比較重要的一項(xiàng)內(nèi)容，它是一類用于啟動動作、改變數(shù)據(jù)對象屬性或界面本身的圖形控制。它在屏幕上位置相對固定，并在整個系統(tǒng)中功能一致。用戶可以通過鼠標(biāo)點(diǎn)擊對它們進(jìn)行操作，也可以用鍵盤或觸摸屏選擇操作大多數(shù)按鈕。多媒體課件中的圖形按鈕形式多樣，常見的有： Windows默認(rèn)風(fēng)格按鈕、閃爍式按鈕、動畫式圖形按鈕、熱區(qū)式按鈕、文本按鈕和圖形按鈕等。 5．對話框 對話框是一個彈出式窗口，當(dāng)課件運(yùn)行時，除了各種選項(xiàng)和按鍵操作外，系統(tǒng)還可以在需要的時候提供一個對話框來讓學(xué)生輸入更加詳細(xì)的信息，并通過對話框與用戶進(jìn)行交互。它也是充分體現(xiàn)多媒體人機(jī)交互特點(diǎn)的界面技術(shù)之一。 2022/2/16 94 多媒體課件導(dǎo)航策略的設(shè)計 導(dǎo)航設(shè)計的概念 導(dǎo)航在多媒體課件中具有重要的作用，由于采用了超媒體技術(shù)，使傳統(tǒng)課件的線性結(jié)構(gòu)轉(zhuǎn)變成跳轉(zhuǎn)靈活的網(wǎng)狀結(jié)構(gòu)。這種網(wǎng)狀結(jié)構(gòu)使多媒體課件在教學(xué)中產(chǎn)生了革命性的作用，對培養(yǎng)學(xué)生的聯(lián)想思維能力、實(shí)施因材施教等具有重要的意義。由于網(wǎng)狀結(jié)構(gòu)會帶來容易引起迷航等不利的因素，因此，在多媒體課件的設(shè)計中，需要進(jìn)行導(dǎo)航策略的設(shè)計。 常見的有檢索（標(biāo)題、關(guān)鍵詞、時間軸、知識樹等）、線索、幫助、瀏覽、演示導(dǎo)航等，具體體現(xiàn)方式是導(dǎo)航圖、按鈕、圖符、關(guān)鍵字、標(biāo)簽、序號等多種形式。 2022/2/16 95 導(dǎo)航設(shè)計的原則 在進(jìn)行導(dǎo)航設(shè)計時，應(yīng)注意針對軟件的類型、對象、知識內(nèi)容、學(xué)科特點(diǎn)等方面的特點(diǎn)，選擇適當(dāng)?shù)膶?dǎo)航策略，然后選用一定的交互方式實(shí)施。 在設(shè)計中要注意遵循以下原則： 1．明確 能讓使用者明確自己的學(xué)習(xí)路徑，包含過去的和未來的，能讓使用者清楚了解自己所處的位置等。即無論采用什么導(dǎo)航策略，導(dǎo)航的設(shè)計應(yīng)該明確，讓學(xué)習(xí)者能一目了然。 2022/2/16 96 2．完整 為使學(xué)習(xí)者獲得整個軟件范圍內(nèi)的全域性導(dǎo)航，導(dǎo)航設(shè)計要提供具體、完整。 3．容易理解 使用清楚、簡潔的示意圖、表格、圖像、甚至文字來表達(dá)，盡量少用用戶陌生、費(fèi)解的技術(shù)術(shù)語和概念，盡量顯示在專用窗口內(nèi)或固定區(qū)域中，并盡量使用色彩、外型變化、高亮度等方法強(qiáng)調(diào)其中的重要信息，使學(xué)習(xí)者易于理解。 2022/2/16 97 常用的導(dǎo)航方法 1．瀏覽圖導(dǎo)航 瀏覽圖導(dǎo)航可以形象直觀的指示學(xué)生在超媒體系統(tǒng)網(wǎng)絡(luò)結(jié)構(gòu)中的位置。比如在封面或開頭給出系統(tǒng)的整體結(jié)構(gòu)，學(xué)生就可以知道在該系統(tǒng)的主要內(nèi)容和位置。 2．信息隱形導(dǎo)航 信息隱形就是將不常用的或在一定的條件下才能使用的選擇工具暫時隱藏起來，只有在條件滿足時，才開放給用戶，這樣就減少了用戶的選擇。如菜單欄中的不可選狀態(tài)就表明此時不能選擇該命令。 2022/2/16 98 3．電子書簽導(dǎo)航 學(xué)生使用電子書簽可以讓學(xué)生在超媒體系統(tǒng)探索路徑上做多個標(biāo)記，供下次學(xué)習(xí)參考或使用。 4．安全返回導(dǎo)航 系統(tǒng)提供工具，當(dāng)發(fā)現(xiàn)學(xué)生在系統(tǒng)中迷路或遇到困難時，讓學(xué)生能夠安全退回到目錄。 5．提供教學(xué)導(dǎo)航 在多媒體課件中應(yīng)包含如下教學(xué)導(dǎo)航活動：學(xué)習(xí)目標(biāo)、課程概況，提示學(xué)前經(jīng)驗(yàn)，練習(xí)和評價等。