【正文】 引學(xué)習(xí)者的注意，維持學(xué)習(xí)者的學(xué)習(xí)動機(jī)。在學(xué)習(xí)類網(wǎng)站界面的設(shè)計過程中，無論是對于信息呈現(xiàn)的設(shè)計，還是 結(jié)構(gòu)、布局的設(shè)計，都要為學(xué)習(xí)者營造適合學(xué)習(xí)者自主學(xué)習(xí)的環(huán)境，方便學(xué)習(xí)者的學(xué)習(xí)。 在此基礎(chǔ)之上，當(dāng)代學(xué)習(xí)者學(xué)習(xí)的過程是積極主動的，并且在具有一定條件的基礎(chǔ)上， 學(xué)習(xí)者能否有效地接受和加工教學(xué)信息取決于其動機(jī)如何，引起學(xué)習(xí)者的學(xué)習(xí)動機(jī)《綠色設(shè)計》課程網(wǎng)站界面設(shè)計分析 23 是設(shè)計誘導(dǎo)的主要目。在網(wǎng)絡(luò)上學(xué)習(xí)固然和以往傳統(tǒng)的課堂學(xué)習(xí)大不相同，學(xué)習(xí)者一般來說都會帶著很大的新鮮感去學(xué)習(xí)。這種全新方式擴(kuò)展了學(xué)習(xí)者的交互范圍，也提高了其交互水平，與傳統(tǒng)課堂教學(xué)中僅僅是師生間的交互相比，既不受時空限制，又可有多種交互形式如圖 所示。反饋在網(wǎng)絡(luò)課程學(xué)習(xí)中十分重要，學(xué)習(xí)者通過界面的反饋信息才能了解到自己的操作是否正確，進(jìn)一步掌握自己的學(xué)習(xí)狀態(tài)，而且也能很好地評估自己的水平與目標(biāo)之間的差距，或者判斷自己是否達(dá)到了目標(biāo)。對于反饋的方 式來說，一般簡單的反饋信息都能夠以文字形式實現(xiàn)，不易于學(xué)學(xué)習(xí)者 教師 面對面 課堂教學(xué)中的互動 學(xué)習(xí)者 學(xué)習(xí)網(wǎng)站 學(xué)習(xí)者 網(wǎng)絡(luò)學(xué)習(xí)中的互動 哈爾濱工程大學(xué)本科生畢業(yè)論文 24 習(xí)者掌握的反饋信息則需要綜合使用多種方式進(jìn)行呈現(xiàn)。如果說內(nèi)容是肌肉和靈魂，而形式則是骨架，兩者共同組成豐滿的網(wǎng)絡(luò)課程界面軀干。設(shè)計者只有處理好這兩者間關(guān)系才能產(chǎn)生完美的表現(xiàn)形式。若是網(wǎng)站的界面中有太多不相關(guān)元素，學(xué)習(xí)者就會試圖將這些復(fù)雜元素進(jìn)一步簡化處理，進(jìn)行組合，使其成為容易處理的知覺整體。另外在每塊區(qū)域中都不能填充過滿的內(nèi)容，都要留出一定 空白，給學(xué)習(xí)者一些緩解的空間。所以在對界面元素設(shè)計時要能將相關(guān)信息在時間或空間上就近呈現(xiàn)，為學(xué)習(xí)者的進(jìn)一步加工提供便利，按照這 樣的工作方式才更可能誘導(dǎo)其產(chǎn)生有意義的學(xué)習(xí)。網(wǎng)站的界面中左上方的位置是最容易讓學(xué)習(xí)者注意到的，注意程度為 33%， 但是界面的右下方則是學(xué)習(xí)者最后注意的區(qū)域。 界面信息呈現(xiàn)設(shè)計 界面信息呈現(xiàn)的形式是 指學(xué)習(xí)類網(wǎng)站課程內(nèi)容的呈現(xiàn)的方式。但信息的組合呈現(xiàn)并不是任意的，而是應(yīng)該以能夠符合學(xué)習(xí)者的認(rèn)知規(guī)律，滿足其學(xué)習(xí)需求，引導(dǎo)其積極主動地學(xué)習(xí)為前提。 根據(jù)不同的學(xué)習(xí)內(nèi)容，表現(xiàn)的媒體形式也應(yīng)隨著學(xué)習(xí)內(nèi)容的不同而進(jìn)行設(shè)計，一切以符合學(xué)習(xí)者認(rèn)知加工規(guī)律和減少認(rèn)知負(fù)荷為前提。 導(dǎo)航在網(wǎng)絡(luò)課程學(xué)習(xí)中起到至關(guān)重要的作用，是學(xué)習(xí)者進(jìn)入學(xué)習(xí)的指路人。為讓學(xué)習(xí)者能夠很容易地發(fā)現(xiàn)超文本鏈接，一般采取在超文本鏈接下面加下劃線的形式，并且當(dāng)學(xué)習(xí)者點擊文本時鼠標(biāo)會變成手狀，文字顏色也會發(fā)生變化。相對于文字，圖標(biāo)按鈕具有更加豐富的信息。圖標(biāo)按鈕要便于學(xué)習(xí)者使用，在不同頁面之間的位置也要一致。 色彩本身只是一種物理現(xiàn)象，但是對于人類而。學(xué)習(xí)者的注意力與網(wǎng)頁界面的色彩搭配的好壞有直接關(guān)系，提高學(xué)習(xí)興趣，烘托學(xué)習(xí)，促進(jìn)學(xué)習(xí)者與網(wǎng)絡(luò)課程界面的交互。但是需要注意的是，圖標(biāo)按鈕的使用同樣要能夠符合一般學(xué)習(xí)者的學(xué)習(xí)習(xí)慣 。設(shè)計者在進(jìn)行超文本鏈接形式的導(dǎo)航設(shè)計時，務(wù)必遵循這些潛在規(guī)律，避免學(xué)習(xí)者出現(xiàn)迷航，增加無關(guān)的認(rèn)知負(fù)荷，造成認(rèn)知障礙。 一般來說，界面導(dǎo)航形式主要有兩種：文本導(dǎo)航和圖標(biāo)按鈕導(dǎo)航。 界面要素設(shè)計 學(xué)習(xí)類網(wǎng)站的界面設(shè)計中，每個部分都要直觀的把信息傳達(dá)給學(xué)習(xí)者，學(xué)習(xí)類網(wǎng)站的界面要素包括文字信息、圖片圖像素材、導(dǎo)航菜單、色彩選擇、視頻動畫、背景以及按鈕的設(shè)計等。所以在進(jìn)行多媒體界面信息呈現(xiàn)設(shè) 計時要注意，不能使用過于繁雜的呈現(xiàn)方式，以免使學(xué)習(xí)者造成認(rèn)知負(fù)荷，影響學(xué)習(xí)者對于信息的獲取 [23]。設(shè)計者可以采用文字搭配視頻解說的方式，或者圖片搭配文字的方式。 圖 海涅克“屏幕視覺分布規(guī)律” 在界面的整體色彩選擇上應(yīng)盡量選擇較為柔和的顏色，過分強(qiáng)烈刺激的色彩容易讓學(xué)習(xí)者產(chǎn)生疲勞和厭煩，不利于進(jìn)一步的學(xué)習(xí)。根據(jù)其位置關(guān)系，學(xué)習(xí)者也能夠知覺到它們的意義關(guān)系，無形中將其作為一個整體來考慮，充分利用視覺和聽覺通道進(jìn)行認(rèn)知、加工。 《綠色設(shè)計》課程網(wǎng)站界面設(shè)計分析 25 圖 學(xué)習(xí)類網(wǎng)站界面結(jié)構(gòu)示意圖 由于界面元素具有整體一致性，根據(jù)多媒體學(xué)習(xí)的認(rèn)知理論，學(xué)習(xí)者無論是對語詞還是畫面都是將那些相關(guān)的、類似的、就近的元素組合成為一個整體進(jìn)行認(rèn)知，從而產(chǎn)生有意義的學(xué)習(xí)。 一般來說，整個界面將會被分割成幾個區(qū)域，每個區(qū)域呈現(xiàn)不同內(nèi)容如圖 所示，主界面被分為三個分區(qū)，包括標(biāo)題區(qū)、導(dǎo)航區(qū)、內(nèi)容呈現(xiàn)區(qū)。只有通過全局性的考慮才能夠符合學(xué)習(xí)者多媒體學(xué)習(xí)的特點，進(jìn)而使學(xué)習(xí)者快速、高效地學(xué)習(xí)。選擇適當(dāng)形式呈現(xiàn)內(nèi)容的大前提是形式契合內(nèi) 容的主題，而不是為了追求獨特風(fēng)格或者花哨形式脫離了內(nèi)容，只講求內(nèi)容卻沒有藝術(shù)的表現(xiàn)也是不合理的設(shè)計。 內(nèi)容與形式相統(tǒng)一的原則 內(nèi)容是構(gòu)成設(shè)計的一切組成要素總和，而形式則是內(nèi)容的外部表現(xiàn)形式。 這就要求設(shè)計者在進(jìn)行界面設(shè)計時要精心設(shè)計反饋，包括選擇在合適的時間出現(xiàn)反饋以及適當(dāng)?shù)姆答伔绞?。因此，在界面設(shè)計時就要考慮使用類型豐富的交互，提高學(xué)習(xí)者與網(wǎng)絡(luò)課程界面之間的交互以及與其他學(xué)習(xí)者之間的交流方式。 網(wǎng)絡(luò)課程界面設(shè)計中，為了對學(xué)習(xí)者的動機(jī)進(jìn)行激發(fā)和維持：增強(qiáng)交互性。 動機(jī)人們對目標(biāo)的選擇。 因此學(xué)習(xí)類網(wǎng)站界面的設(shè)計要能夠符合學(xué)習(xí)者的多媒體學(xué)習(xí)認(rèn)知規(guī)律，充分發(fā)揮學(xué)習(xí)者雙通道優(yōu)勢，達(dá)到信息的有效整合。因而學(xué)習(xí)類網(wǎng)站的界面設(shè)計必須要處處體現(xiàn)以學(xué)習(xí)者為中心、面向?qū)W習(xí)者的原則。多媒體學(xué)習(xí)認(rèn)知理論同時認(rèn)為學(xué)習(xí)者的學(xué)習(xí)包含了選擇語詞、畫面，組織語詞、畫面以及整合信息這五個步驟，對 于多媒體學(xué)習(xí)進(jìn)行了詳細(xì)的解構(gòu)。從界面結(jié)構(gòu)的整體布局到學(xué)習(xí)資源的媒體呈現(xiàn)，都應(yīng)該能做到讓學(xué)習(xí)者充分利用雙通道進(jìn)行認(rèn)知、加工，而又不會超過其通道容量造成認(rèn)知負(fù)荷 ，從而使學(xué)習(xí)者容易上手、樂于學(xué)習(xí)，對多媒體學(xué)習(xí)信息進(jìn)行積極主動的意義建構(gòu)，最終達(dá)到有效的學(xué)習(xí)效果 [19]。 總而言之，在學(xué)習(xí)者的網(wǎng)絡(luò)學(xué)習(xí)過程中，學(xué)習(xí)資源的選擇、組織以及整合都在很大程度上受網(wǎng)絡(luò)課程 界面的影響。因此，與傳統(tǒng)的教室教學(xué)大不相同的是，網(wǎng)絡(luò)課程的界面成為學(xué)習(xí)者所唯一面對的學(xué)習(xí)資源，學(xué)習(xí)者有更多的自主性和選擇性。 學(xué)習(xí)過程中，學(xué)習(xí)者主動根據(jù)自己先前的知識經(jīng)驗去關(guān)注學(xué)習(xí)內(nèi)容，選擇性獲取所需信息。要充分考慮不同媒體的不同特性，針對不同的教學(xué)內(nèi)容進(jìn)行合理設(shè)計。學(xué)習(xí)者通過網(wǎng)站的界面接收、獲取信息，并且通過組織、加工轉(zhuǎn)化為知識。《綠色設(shè)計》課程網(wǎng)站界面設(shè)計分析 21 第 4 章 《綠色設(shè)計》課程網(wǎng)站界面設(shè)計分析 在學(xué)習(xí)過程中，學(xué)習(xí)者是主動學(xué)習(xí)知識的，會依據(jù)自己已有的知識主動對信息進(jìn)行選擇。 《綠色設(shè)計》課程網(wǎng)站界面設(shè)計分析 19 《綠色設(shè)計》多媒體課件界面（ a） 《綠色設(shè)計》多媒體課件界面（ b） 圖 《綠色設(shè)計》多媒體課件界面 哈爾濱工程大學(xué)本科生畢業(yè)論文 20 《綠色設(shè)計》多媒體課件內(nèi)文的設(shè)計，根據(jù)課程內(nèi)容設(shè)計素材如圖 所示，對于溫室效應(yīng)小節(jié)的設(shè)計，通過簡單的動畫，展示了溫室效應(yīng)，全球變暖的原理。在進(jìn)行了這樣的兩組試驗后，就可以為今后的評價和改進(jìn)提供方便和依據(jù)。 界面評價與修改 界面設(shè)計的最終目的就是要提高教學(xué)效果，在界面設(shè)計開發(fā)完成以后，需要進(jìn)行界面使用效果的評價，參考第十三屆全國多媒體課件大賽評分標(biāo)準(zhǔn)，如表 所示。 1 界面設(shè)計圖像處理的軟件 Photoshop 在進(jìn)行二維平面界面設(shè)計時，主要是通過運用 Photoshop 專業(yè)圖片處理軟件進(jìn)行素材的選擇、修改、整和、美化以及一些創(chuàng)作和界面整體風(fēng)格的布局、搭配。其實它是用一定的框架結(jié)構(gòu)來劃分界面區(qū)域，為了營造一種輕松活潑的效果，故意在擺放的時候有的偏左，有的偏右，在方向上有一定的變化，這樣不僅能使界面有一定的靈活隨意的感覺，同時其實讓學(xué)習(xí)者在潛意識里還留有一定的穩(wěn)定的感覺。整個課件界面的設(shè)計要和主頁的設(shè)計保持一致，各個分頁面最好在一致性的前提下有一定的變化 [14]。不同的設(shè)計者或制作者可以根據(jù)自己的特長和媒體特性選擇合適的圖形圖像軟件、音頻視頻處理制作工具等 [13]。 在素材搜集的過程中，要注意所搜集的素材要和《綠色設(shè)計》課程的性質(zhì)和內(nèi)容相符合，同時也要充分考慮到學(xué)習(xí)者的年齡段。 素材的收集與加工 結(jié)合《綠色設(shè)計》課程教學(xué)現(xiàn)狀與教學(xué)大綱設(shè)計的多媒體課件界面設(shè)計準(zhǔn)則 收集與加工素材 設(shè)計并制作 個性化的信息呈現(xiàn)方式的素材 設(shè)計多媒體課件界面的模板 運用相應(yīng)的軟件進(jìn)行課件界面的設(shè)計和美化 多媒體課件界面的評價與修改 《綠色設(shè)計》課程網(wǎng)站界面設(shè)計分析 13 素材是構(gòu)建《綠色設(shè)計》課程多媒體課件的主要部件，素材的數(shù)量和質(zhì)量將直接關(guān)系到制作課件的質(zhì)量。哈爾濱工程大學(xué)本科生畢業(yè)論文 12 第 3 章 《綠色設(shè)計》多媒體課件設(shè)計 界面設(shè)計流程 本文筆者遵循多媒體課件界面設(shè)計的準(zhǔn)則，并結(jié)合對教師教授學(xué)生的過程與現(xiàn)狀，設(shè)計比較適合《綠色設(shè)計》課程的多媒體課件的界面設(shè)計流程。 《綠色設(shè)計》課程內(nèi)容介紹 11 表 教學(xué)內(nèi)容與學(xué)時分配 綠色設(shè)計的概念和內(nèi)涵 4 學(xué)時 環(huán)境問題簡介 可持續(xù)發(fā)展 綠色設(shè)計的概念和內(nèi)涵 綠色產(chǎn)品及評價 8 學(xué)時 綠色產(chǎn)品的概念和定義 綠 色包裝 綠色設(shè)計方法及軟件工具 8 學(xué)時 生命周期評價 非軟件設(shè)計方法 軟件設(shè)計方法 拆卸設(shè)計 4 學(xué)時 綠色材料 面向拆卸的設(shè)計方法和設(shè)計原則 拆卸設(shè)計實例分析 回收設(shè)計 4 學(xué)時 面向回收的設(shè)計方法和設(shè)計原則 拆卸設(shè)計實例分析 綠色設(shè)計標(biāo)準(zhǔn)和規(guī)范 4 學(xué)時 綠色貿(mào)易壁壘簡介 ISO14000 標(biāo)準(zhǔn)體系 社會責(zé)任標(biāo)準(zhǔn) 教學(xué)方法及手段：強(qiáng)調(diào)案例分析；使用課件教學(xué)。 課程目的：綠色設(shè)計是現(xiàn)代社會可持續(xù)發(fā)展的必然選擇，是科學(xué)發(fā)展觀的具體體現(xiàn)，使我國目前和將來必須解決和面對的問題。設(shè)計專業(yè)學(xué)生和和大多設(shè)計愛好者在學(xué)習(xí)的時候，單純的教師解答已經(jīng)滿足不了學(xué)習(xí)者的學(xué)習(xí)需求，學(xué)習(xí)者開始慢慢探索知識，探索多種解答方式從優(yōu)選擇。學(xué)習(xí)者會根據(jù)自己的學(xué)習(xí)需求安排學(xué)習(xí)時間和學(xué)習(xí)任務(wù)，現(xiàn)在的學(xué)習(xí)者已經(jīng)從被動學(xué)習(xí)轉(zhuǎn)為主動學(xué)習(xí)。工業(yè)設(shè)計專業(yè)本科生在學(xué)習(xí)《綠色設(shè)計》之前，己經(jīng)學(xué)習(xí)過產(chǎn)品設(shè)計程序與方法等相關(guān)課程，對產(chǎn)品設(shè)計的知識己經(jīng)有所了解，這就為他們學(xué)習(xí)《綠色設(shè)計》課程奠定了一定的基礎(chǔ)。設(shè)計專業(yè)的學(xué)生思維活躍。也就是說他們具備很強(qiáng)的學(xué) 習(xí)動機(jī)，能夠積極、主動參與網(wǎng)絡(luò)課程的學(xué)習(xí)。因此十分有必要將此門課程進(jìn)行深入設(shè)計，以滿足各種類型的學(xué)習(xí)者的需要，促進(jìn)學(xué)習(xí)者的網(wǎng)絡(luò)學(xué)習(xí)。該階段首次將環(huán)境問題引入設(shè)計思考的基本要素中，設(shè)計者在設(shè)計中的思考，綠色設(shè)計的概念還處于對結(jié)果的思考，是在發(fā)現(xiàn)問題后采取的拯救方案。因為如果產(chǎn)品不能滿足消費者的需求，它只能變成庫存；沒有回收體系的建立，再循環(huán)就成了無源之水。根據(jù)上述的發(fā)展趨勢研究，對學(xué)習(xí)者的學(xué)習(xí)需要分析如下 ： 首 先，為了滿足設(shè)計者學(xué)習(xí)的需要。由于該門課程的涉及面比較廣泛，學(xué)習(xí)難度較高，要想達(dá)到預(yù)期的教學(xué)效果，是學(xué)生可以掌握相關(guān)的理論知識，就需要比較多的課時。由于課程涉及到知識面較廣，而且理論較新，往往學(xué)校只有幾位教師上課。 目前，綠色設(shè)計的研究重點和前沿在于 設(shè)計和開發(fā)符合環(huán)境標(biāo)準(zhǔn)和社會責(zé)任標(biāo)準(zhǔn)的綠色產(chǎn)品 研究上，為此歐盟在繼續(xù)研究發(fā)展的同時，也為發(fā)展中國家（亞洲）搭建共同學(xué)習(xí)與研究合作的平臺。 《綠色設(shè)計》課程教學(xué)特點及教學(xué)現(xiàn)狀 由聯(lián)合國環(huán)境規(guī)劃署、由世界自然保護(hù)聯(lián)盟（ IUCN）和世界野生生物基金會 (WWF)聯(lián)合出版的《保護(hù)地球：可持續(xù)生存戰(zhàn)略》，提出了可持續(xù)發(fā)展的另一個定義： “在生存不超除維持生態(tài)系統(tǒng)承受能力的情況下，改善人類的生活質(zhì)量。 “ 綠色設(shè)計 ” 起源對可持續(xù)發(fā)展的探索。 “ 綠色設(shè)計 ” 是根據(jù)可持續(xù)發(fā)展理念而來，是提倡堅固使用者需求、環(huán)境 利益、社會效應(yīng)與企業(yè)發(fā)展的一種系統(tǒng)創(chuàng)新策略。資源和材料