許亞武，胡瑩

（廣州大學(xué)網(wǎng)絡(luò)與現(xiàn)代教育技術(shù)中心，廣州，510006）

教學(xué)資源信息設(shè)計的策略研究

許亞武1，胡瑩2

（廣州大學(xué)網(wǎng)絡(luò)與現(xiàn)代教育技術(shù)中心，廣州，510006）

0　引言

隨著計算機技術(shù)、網(wǎng)絡(luò)技術(shù)和多媒體技術(shù)等信息技術(shù)的發(fā)展及其在教育中的應(yīng)用，教育信息化已成為世界各國普遍關(guān)注的焦點之一，也成為衡量一個國家或者地區(qū)教育現(xiàn)代化進程的重要標(biāo)志。其中，教學(xué)資源是實施教育信息化的基石，設(shè)計、開發(fā)高質(zhì)量的教學(xué)資源是實施教育信息化的重要保障。信息化教學(xué)資源是指蘊含著教學(xué)信息、能創(chuàng)造出一定教育價值的數(shù)字化資源，是“經(jīng)過選取、組織，使之有序化的，適合學(xué)習(xí)者自身發(fā)展需要的有用信息的集合”。信息化教學(xué)資源的出現(xiàn)，給傳統(tǒng)課堂帶來了積極效果，尤其是認知心理學(xué)與學(xué)習(xí)理論的發(fā)展，使得教學(xué)資源在教學(xué)中的應(yīng)用不再是感性的經(jīng)驗行為，而是在一定的科學(xué)理論支持下開展的理性教學(xué)行為。在教學(xué)資源設(shè)計過程中，用理性的思維進行設(shè)計，理解設(shè)計與內(nèi)容之間的關(guān)系，整理教學(xué)內(nèi)容，將信息有效地傳遞給學(xué)生。

1　信息設(shè)計概念

信息設(shè)計是用合理的設(shè)計方式分析并組織數(shù)據(jù)和信息，讓數(shù)據(jù)、信息以合理的方式傳播，讓復(fù)雜難懂的數(shù)據(jù)易于理解［1］。信息設(shè)計一般來說是用不同的展現(xiàn)方式向讀者呈現(xiàn)信息內(nèi)容：可以是圖片、聲音、材質(zhì)、技術(shù)或媒介。信息設(shè)計范圍很廣，從信息自動化、計算機技術(shù)到視覺傳達、產(chǎn)品設(shè)計、統(tǒng)計學(xué)、教育學(xué)各方面都有涉及。既可以是視覺展現(xiàn)，也可以是聽覺、觸覺等其他手段，其中，視覺是信息設(shè)計中最主要的表現(xiàn)形式。信息圖是信息設(shè)計中最重要的組成部分。信息圖形是一種將數(shù)據(jù)與設(shè)計結(jié)合起來的圖片，有利于簡短而有效地向受眾傳播信息。信息圖形設(shè)計采用圖片、圖標(biāo)、顏色和文字等要素組織信息，用視覺化的方式代替以往以文字為主的閱讀方式，使復(fù)雜枯燥的數(shù)據(jù)更易于接受，讓數(shù)據(jù)形象化，更好地說明復(fù)雜問題；信息圖形設(shè)計可以把分散的事物元素整合在一個平臺上，便于用戶觀察。將信息設(shè)計用于教學(xué)資源的開發(fā)與設(shè)計中，將教學(xué)內(nèi)容、教學(xué)流程可視化展現(xiàn)給學(xué)生，從界面維度、內(nèi)容維度進行挑選、整合設(shè)計，提高學(xué)生學(xué)習(xí)效果，增強學(xué)生對知識的記憶能力。

信息設(shè)計按用途的方式歸納可以分為商業(yè)用途、公共用途、傳媒用途、研究用途、學(xué)習(xí)用途等，本文主要從利用信息設(shè)計教學(xué)資源，運用邏輯化的理性思維方式，編輯整理教學(xué)信息，設(shè)計主題教學(xué)資源。

（1）將復(fù)雜的信息梳理成有條理的信息

信息設(shè)計適合傳遞復(fù)雜信息，教師和設(shè)計師從不同的角度觀察學(xué)習(xí)者并做出相對應(yīng)的設(shè)計，試圖用最好的方式展示教學(xué)內(nèi)容之間的內(nèi)在聯(lián)系，讓簡單的教學(xué)內(nèi)容更容易被學(xué)生接受，復(fù)雜的數(shù)據(jù)變得清晰易懂。通過信息的組織、派生、濃縮、過濾和轉(zhuǎn)換把復(fù)雜教學(xué)內(nèi)容換成視覺“信息”，實現(xiàn)“內(nèi)容→信息→知識”的轉(zhuǎn)化。

（2）將分散的信息變得集中

信息發(fā)生的變化是宏觀和微觀、整體和個體的關(guān)系，任何一個信息，都可以縱向再分析、深入設(shè)計。特別是在多媒體交互領(lǐng)域，整體和部分的切換可以讓用戶更全面深入地了解信息。鑒于學(xué)生學(xué)習(xí)方式各不相同，將復(fù)雜、零散的學(xué)習(xí)內(nèi)容以信息可視化形式展現(xiàn)出來，遠遠比單純講課或書本更容易被學(xué)生理解。

（3）將理性的信息轉(zhuǎn)化為“感官教育”

信息有客觀信息和主觀信息之分，客觀信息是來自于客觀世界不受人為影響的信息，主觀信息是通過人的意志加工而形成的信息。對人類而言，人的五官生來就是為了感受信息的，它們是信息的接收器。Boost實驗室的首席執(zhí)行官阿·阿拉加認為，為學(xué)習(xí)掃除障礙是數(shù)據(jù)可視化的一個顯著優(yōu)勢：“數(shù)據(jù)可視化有助于人們對數(shù)字的理解。借助信息設(shè)計，他們能夠按照自己的方式理解加工信息”。著名的網(wǎng)絡(luò)易用性專家Jakob Nielsen發(fā)現(xiàn)，大約有65%的人是視覺型學(xué)習(xí)者，在一個常規(guī)頁面中，每人平均只會閱讀20%左右的文字。借助信息設(shè)計，教師可以將教學(xué)資源賦予新奇或獨特的元素，吸引學(xué)生注意力，讓其持續(xù)性關(guān)注，激發(fā)學(xué)生學(xué)習(xí)興趣。

（4）讓學(xué)生積極參與學(xué)習(xí)

學(xué)習(xí)是建構(gòu)內(nèi)部心理表征的過程，人類的認知是外界環(huán)境與認知主題內(nèi)部心理相互作用結(jié)果。在學(xué)習(xí)過程中，學(xué)習(xí)者不是被動接受刺激后才做出反應(yīng)，而是會積極主動地參與學(xué)習(xí)活動［2］。認知理論在學(xué)習(xí)方法上倡導(dǎo)發(fā)現(xiàn)學(xué)習(xí)和接受學(xué)習(xí)的形式。從而使已有的認知結(jié)構(gòu)產(chǎn)生“同化”或“順應(yīng)”的變化。教學(xué)資源信息設(shè)計不僅要讓學(xué)生了解事務(wù)的形象，更為重要的是讓學(xué)生掌握事務(wù)的屬性和特點。信息設(shè)計了解學(xué)習(xí)者思維活動的變化，為其信息加工活動提供條件和空間。

信息設(shè)計是一門綜合性的學(xué)科，以信息為基礎(chǔ)進行設(shè)計，具有交叉學(xué)科特性，信息設(shè)計展現(xiàn)出以圖表、圖標(biāo)、人機交互為主的設(shè)計形式，設(shè)計領(lǐng)域非常多樣多元。設(shè)計信息指代的范圍非常廣，任何設(shè)計都是相關(guān)信息的提煉提升過程，所以說，無論是靈感來源，還是進行加工、修改都是在進行設(shè)計信息。無論是平面設(shè)計還是實體設(shè)計，都需要按照信息內(nèi)容制訂流程，將信息整合在一個載體里，這些都是設(shè)計信息的必經(jīng)階段。同時，設(shè)計信息是信息設(shè)計的要素，在信息設(shè)計的過程中，融合了多種信息加工方式，這些都是設(shè)計信息。信息設(shè)計是整體，是一種表現(xiàn)形式和展現(xiàn)信息的媒介，而設(shè)計信息則是組成部分，屬于設(shè)計中的一個階段，是信息的細節(jié)優(yōu)化的過程，存在于不同的設(shè)計學(xué)科中。

2　教學(xué)資源信息設(shè)計分類

信息設(shè)計涉及范圍廣，應(yīng)用多元化，按照不同的角度，有不同的分類模式，主要類別有3種：靜態(tài)信息、動態(tài)信息和交互信息。由于信息可以轉(zhuǎn)化載體形式，在不同媒介間交流，靜態(tài)信息可以轉(zhuǎn)化為動態(tài)信息進行演示，利用互動技術(shù)也可以進行交互設(shè)計，因此沒有絕對的界限。很多信息的承載方式隨著科技的發(fā)展不斷變化，類型會不斷增加。本文根據(jù)教學(xué)資源信息設(shè)計載體類型的不同，劃分為文字整合類、信息圖類、多媒體類三種［3］。

當(dāng)教學(xué)內(nèi)容中數(shù)據(jù)、文字密集的時候，易讀性較差，但是對于資料的分析是十分必要的，特別是針對學(xué)生群體，教師通過排版、字體優(yōu)化、結(jié)構(gòu)分析等手段整合文字資源，對已有的資源進行再加工，以達到符合人類接受信息的習(xí)慣。

（1）信息優(yōu)化

教學(xué)資源信息優(yōu)化是對已有資源的再加工，使之更符合認知規(guī)律和講授載體。多媒體教學(xué)資源經(jīng)過十幾年的發(fā)展，技術(shù)和手段相對完善，教師希望通過對資源設(shè)計的不斷改良，保持教學(xué)活力，但是，又不希望這種變化過于大，否則可能與之前的使用習(xí)慣完全不同，在這種情況下，我們提倡優(yōu)化設(shè)計而不是重新設(shè)計，既可以達到改善的效果，又可以最大程度適應(yīng)學(xué)生認知習(xí)慣，同時節(jié)約設(shè)計成本。信息設(shè)計作為一種闡述教學(xué)思想的工具，可以作為信息結(jié)構(gòu)優(yōu)化的展現(xiàn)方式，這時候教師和設(shè)計師可合作設(shè)計教學(xué)資源優(yōu)化的方案。在優(yōu)化過程中，最主要體現(xiàn)在信息的細節(jié)上，力求讓信息以最準(zhǔn)確的方式呈現(xiàn)。

（2）文本整合

現(xiàn)今課堂教師自己制作的教學(xué)課件大部分都是單純的文字集合，界面主體不能突出，學(xué)生感知不出重點。所以，教學(xué)資源的界面設(shè)計首先要進行文字整理，文字整理不但包括規(guī)劃文字排列結(jié)構(gòu)，也包括文字分析和層次劃分。圖形非常有利于組織知識材料，但圖形所占用的空間相對較大，而文字所表達的信息量大，需要學(xué)生更多地深層次建構(gòu)，容易產(chǎn)生視覺疲勞，因此課堂教學(xué)圖形可以與文字互補，二者的結(jié)合可以達到更好的溝通和調(diào)節(jié)視覺的作用。

（1）圖表

圖表是將復(fù)雜的信息進行整理，使之一目了然的信息工具。它運用線條連接或區(qū)分事務(wù)，利用箭頭讓事務(wù)呈現(xiàn)出方向性，并配以圖形和插圖，將事務(wù)之間的關(guān)系表現(xiàn)得一目了然。圖表較多使用抽象符號圖形，因為圖表中的數(shù)據(jù)多針對專業(yè)學(xué)生，學(xué)習(xí)目標(biāo)明確，例如工程圖針對建筑專業(yè)學(xué)生，股市分析圖針對工商管理專業(yè)學(xué)生，反復(fù)使用率很高，受眾相對具有一定的專業(yè)認知習(xí)慣，因此過于具象的圖形不便于收集大量的信息，不利于節(jié)省空間。在圖表中伴有時間性要素的有流程圖、系統(tǒng)圖和年表。以流程圖為例，它是將事務(wù)從開始到結(jié)束之間的一系列程序、循環(huán)過程加以整理，進行視覺化呈現(xiàn)。在教學(xué)資源信息設(shè)計中，流程圖是典型的圖表。由于計算機技術(shù)的發(fā)展，誕生了很多圖表設(shè)計軟件，其中的模板讓圖表設(shè)計更為簡便，也更容易創(chuàng)造新的圖表形式，另外，有了多媒體技術(shù)，圖表可以發(fā)展出更多的形式，不僅是二維圖表，還有很多動態(tài)數(shù)據(jù)圖表。

（2）統(tǒng)計圖

常用的統(tǒng)計圖有三種，根據(jù)主要功能，可以將其分為兩類。第一類是為了體現(xiàn)變化或比較關(guān)系的柱形圖及折線圖。另一類是用于體現(xiàn)某種要素在整體中所占比例的餅圖［4］。這些統(tǒng)計圖將事實用便于理解的方式呈現(xiàn)出來，至于對內(nèi)容及其結(jié)論的判斷則完全取決于學(xué)習(xí)者。統(tǒng)計圖具有這種中立、客觀的特點。

另外立體化的統(tǒng)計圖或多或少的會比平面統(tǒng)計圖更具張力。當(dāng)你希望引起讀者注意時，或者希望讀者能感受到更劇烈的變化時，立體化的統(tǒng)計圖是十分有效的方法。

21世紀(jì)是信息世紀(jì)，互聯(lián)網(wǎng)正在進入一個新時代，由此對教學(xué)資源建設(shè)產(chǎn)生了全方位深刻的影響，越來越多的教學(xué)資源基于網(wǎng)絡(luò)開發(fā)，教學(xué)手段通過多媒體開展。標(biāo)準(zhǔn)化、易于傳播的用戶界面在多媒體類教學(xué)資源中占有舉足輕重的地位。界面除了信息清晰以外，需要用美化的外觀吸引學(xué)生，讓我們的眼球始終保持在追蹤信息的興奮點上。網(wǎng)站、軟件界面、互動平臺、操作界面等所有設(shè)計互動媒體的信息設(shè)計都在此列。多媒體信息傳播也是教學(xué)傳播的主要手段，從成本上實現(xiàn)內(nèi)容分享和共享，從時間可以讓學(xué)生自主安排時間靈活地學(xué)習(xí)。多媒體和其他載體相比有一個絕對的優(yōu)勢就是互動，可以使信息更靈活、更快速地傳遞。但互動中所蘊含的交流要求，需要保持信息在流程中的暢通，特別是人機互動類，需要時刻提醒學(xué)生“是什么”、“為什么”、“怎么做”。

（1）界面設(shè)計

教學(xué)資源中的界面關(guān)注的是軟件界面的設(shè)計。界面是學(xué)習(xí)者與教學(xué)資源進行信息交流的接口，也是教學(xué)內(nèi)容對學(xué)習(xí)者產(chǎn)生最初和持續(xù)影響的地方。界面設(shè)計將文字、圖形信息在界面上編排加工，是一種整理信息的方式。優(yōu)秀教學(xué)資源界面設(shè)計條理清晰、主次分明，能夠達到很好的信息傳遞效果。最好的用戶界面在使用時只需投入最小的學(xué)習(xí)力度。界面的視覺效果成為用戶最直接的溝通手段，界面往往與互動方式結(jié)合使用，和用戶保持頻繁的交流。界面高頻率使用的特點，也讓用戶對界面有很高的要求。界面主要運用視覺效果，增強學(xué)生的學(xué)習(xí)興趣和集中學(xué)生的注意力。直觀、簡潔的設(shè)計更適用于界面，可以保證所有的用戶都能正確使用，并且不需要花費太多時間學(xué)習(xí)操作方式。教學(xué)資源的設(shè)計要符合圖、文、聲、像交互功能的設(shè)計規(guī)律，充分發(fā)揮教學(xué)資源獨有的交互特性，營造充滿變化的學(xué)習(xí)空間。

（2）網(wǎng)站結(jié)構(gòu)

學(xué)習(xí)網(wǎng)站是教學(xué)資源中重要的組成部分，它是針對不同學(xué)科或?qū)W習(xí)對象的需求設(shè)計開發(fā)的。因此，學(xué)習(xí)網(wǎng)站的設(shè)計往往沒有統(tǒng)一的模式、形式各異，使用方式也有差異。網(wǎng)站的表面視覺結(jié)構(gòu)首先可以吸引學(xué)生關(guān)注，其實是方便學(xué)習(xí)者使用。好的學(xué)習(xí)網(wǎng)站結(jié)構(gòu)能很好地與用戶溝通、給予學(xué)習(xí)者以指引，防止學(xué)習(xí)者在信息繁多的教學(xué)資源中“迷航”。學(xué)習(xí)網(wǎng)站的優(yōu)化包括組織結(jié)構(gòu)以及頁面鏈接等，好的頁面布局條理清晰，學(xué)習(xí)者明確自己過去和未來的學(xué)習(xí)路徑，把握整體結(jié)構(gòu)，并能快速定位自己感興趣的內(nèi)容和搜索引擎。具體包括：

結(jié)構(gòu)的設(shè)計需要根據(jù)網(wǎng)站定位及內(nèi)容來確定。不同的內(nèi)容需要不同的知識表現(xiàn)，確定網(wǎng)站的目錄名稱、深度，采用垂直式結(jié)構(gòu)還是扁平式結(jié)構(gòu)。

合理設(shè)置面包屑導(dǎo)航。面包屑導(dǎo)航就是網(wǎng)站的線索，就是用戶可以沿著這個路徑一直延伸至網(wǎng)站最底層的按鈕。這個路徑可以按照不同的線索，需要由設(shè)計者制定。信息設(shè)計特別適合展現(xiàn)此類線索的路徑。

搜索引擎的使用，包括站內(nèi)搜索或站外搜索。

網(wǎng)站的鏈接是網(wǎng)站的根本，在網(wǎng)站結(jié)構(gòu)中特別要注意網(wǎng)站各頁面之間能否互換或返回主菜單，在他們需要地方提供必要的鏈接，一旦出現(xiàn)死鏈接不僅阻礙學(xué)習(xí)者的使用，還大大降低了網(wǎng)站的友好性。學(xué)習(xí)網(wǎng)站的本質(zhì)是能夠更好地為學(xué)習(xí)者服務(wù)，便于操作、吸引學(xué)生注意力，是一項綜合性工作。在設(shè)計時，應(yīng)考慮用戶對象、知識內(nèi)容、學(xué)科性質(zhì)等因素，要通過優(yōu)化結(jié)構(gòu)設(shè)計吸引受眾，以便于學(xué)習(xí)網(wǎng)站更好地服務(wù)學(xué)生。在今天這樣一個互聯(lián)網(wǎng)時代，信息設(shè)計越來越多地與網(wǎng)絡(luò)資源和信息發(fā)生關(guān)系，用信息設(shè)計的思路進行學(xué)習(xí)網(wǎng)站優(yōu)化是一個十分有效的好形式。

（3）人機交互

人機交互是現(xiàn)代技術(shù)發(fā)展的成果，交互設(shè)計指使用者和使用媒介之間信息互通和信息交換的方式，人機交互需要人和機器參與互動，以用戶和數(shù)據(jù)之間的互動關(guān)系為主。隨著技術(shù)的進步，讓人與“機”更好地交流，可操作性成為主要研究內(nèi)容。人機互動需要特別注意“人”，也就是用戶在使用過程中的心理和操作習(xí)慣。人機交互作為信息設(shè)計的子集，又需要其他種類的信息設(shè)計的配合，例如界面設(shè)計和信息結(jié)構(gòu)設(shè)計，從一個方面可以理解為信息技術(shù)+界面的設(shè)計形式，前提都是建立在以用戶為前提的基礎(chǔ)上，而界面的設(shè)置又需要設(shè)計基礎(chǔ)作為支撐。

（4）動態(tài)模擬、仿真

在教學(xué)中，特別是在實驗教學(xué)中，經(jīng)常采用動態(tài)模擬的方式模擬實驗過程或再現(xiàn)場景，或者利用生動的圖像介紹信息，這些都是信息設(shè)計再影響中的應(yīng)用。二維的圖形符號、圖表通過多媒體等媒介傳遞出來，就是信息設(shè)計的動態(tài)表現(xiàn)方式。采用信息設(shè)計模擬和仿真，目的是幫助學(xué)習(xí)者理解抽象的概念，模擬真實環(huán)境，培養(yǎng)學(xué)生相關(guān)的操作技能和問題解決能力。

3　教學(xué)資源信息設(shè)計策略

信息設(shè)計對教師和設(shè)計者要求都較高，具有跨學(xué)科強的特點，要求教師具有較高的專業(yè)技能，有足夠的邏輯思維能力篩選信息，要求設(shè)計者技術(shù)能力實現(xiàn)教師的設(shè)計想法。信息設(shè)計既可以對針對課堂內(nèi)容進行圖形加工，也可以針對某個教學(xué)內(nèi)容進行深入研究，對問題進行全面的剖析，全面了解問題、分析問題、整理問題。所以，信息設(shè)計對教師的教學(xué)資源的理性整合有重要的作用。

信息設(shè)計服務(wù)于教學(xué)具有很強的功能服務(wù)性，必須以用戶的需求為前提，無論是演示型教學(xué)資源還是模擬仿真類教學(xué)資源抑或是互動類教學(xué)資源，可讀、可辨是基本要求。信息設(shè)計更多時候是“翻譯者”，為學(xué)生把無法理解的語法很好地“翻譯”過來，“翻譯者”可以按照自己的認知進行“翻譯”加工，加工后的成果在教學(xué)過程中逐步認證。

ADDIE方法一般用于對完整教學(xué)過程的設(shè)計，而非專門指導(dǎo)教學(xué)資源信息設(shè)計，但它為教學(xué)資源信息設(shè)計提供了重要的理論指導(dǎo)，因為教學(xué)資源設(shè)計與教學(xué)過程設(shè)計密不可分［5］。教學(xué)資源信息設(shè)計基于ADDIE方法，設(shè)計步驟具體包括以下五個步驟：分析教學(xué)內(nèi)容、設(shè)定展現(xiàn)方式、構(gòu)建層次、設(shè)計加工、修改完善。

作為教學(xué)資源信息設(shè)計過程中的首要環(huán)節(jié)，收集內(nèi)容是信息設(shè)計的前提，教學(xué)內(nèi)容分析的包括學(xué)習(xí)者特征分析、學(xué)習(xí)需要分析、教學(xué)目標(biāo)分析、教學(xué)內(nèi)容分析。這個階段中教師要考慮學(xué)生用戶的屬性，有的教學(xué)內(nèi)容需要盡量簡單的，最好是具象的讓學(xué)生快速記憶；有的教學(xué)內(nèi)容需要讓學(xué)生建構(gòu)知識或者找到信息設(shè)計中的問題進行研究。信息設(shè)計的分析是設(shè)計的前奏和必要的準(zhǔn)備工作，如果忽視了這個階段，那么信息設(shè)計就失去了基礎(chǔ)，信息設(shè)計就和平面設(shè)計中的圖形創(chuàng)意沒有區(qū)別了，很多人認為信息設(shè)計屬于平面設(shè)計，就是忽視了信息本身。分析教學(xué)內(nèi)容的時間經(jīng)常遠遠大于設(shè)計本身，所以信息設(shè)計從開始到結(jié)束，總是需要一段相對較長的時間，就是為了螺旋式上升的分析信息。

圖1　教學(xué)資源信息設(shè)計模型

該階段是在前期分析結(jié)果的基礎(chǔ)上，選擇教學(xué)方法和策略，設(shè)定資源展現(xiàn)方式和序列。教學(xué)資源的功能不同，在教學(xué)中的應(yīng)用方式也是豐富多樣的，一般分為用于教學(xué)演示、用于個別化指導(dǎo)、用于測評練習(xí)、用于支持探究性學(xué)習(xí)、用于提供學(xué)習(xí)資源和學(xué)習(xí)環(huán)境、用于支持協(xié)作學(xué)習(xí)。這一階段資源的設(shè)計者可以結(jié)合教學(xué)內(nèi)容選擇在不同層次上設(shè)定展現(xiàn)方式。

（1）靜態(tài)資源展現(xiàn)

靜態(tài)資源將所有教學(xué)內(nèi)容、附帶資料等信息一并展現(xiàn)給學(xué)生，這種展現(xiàn)方式一般用于演示型教學(xué)資源，讓學(xué)生了解掌握知識點，比較適合于知識模塊的呈現(xiàn)和學(xué)習(xí)導(dǎo)航的展示。

（2）網(wǎng)絡(luò)交互式展現(xiàn)

這一層次是近年興起的教學(xué)方式。在這一層次教學(xué)資源的展現(xiàn)中，要注重充分挖掘多媒體和網(wǎng)絡(luò)技術(shù)的潛力，更好地將學(xué)習(xí)者吸引到教學(xué)資源的學(xué)習(xí)中，同時在學(xué)習(xí)者的學(xué)習(xí)過程中同步引入個別指導(dǎo)策略，使每位學(xué)習(xí)者都可以在個性化的學(xué)習(xí)中獲得興趣。

（3）協(xié)作學(xué)習(xí)互動展現(xiàn)

這個層級是在第二層次基礎(chǔ)上增加網(wǎng)絡(luò)協(xié)作學(xué)習(xí)的功能，使學(xué)習(xí)者可以在進行自主學(xué)習(xí)的同時與教師進行充分的互動。這一層次的信息設(shè)計可以理解為給學(xué)習(xí)者提供智能導(dǎo)師系統(tǒng)模擬的行為，允許學(xué)習(xí)者與計算機進行雙向?qū)υ?，了解學(xué)習(xí)者的學(xué)習(xí)風(fēng)格。協(xié)作學(xué)習(xí)互動展現(xiàn)具有非常強的情景性、多變性和復(fù)雜性，建立良好的交互設(shè)計，實現(xiàn)信息技術(shù)環(huán)境下的個性化學(xué)習(xí)。

沒有層次就好比沒有隔板的柜子，只能把所有的物品堆放在一起，即便是放置的時候很有規(guī)律，但需找的時候也會出現(xiàn)麻煩，所以結(jié)構(gòu)層次是信息設(shè)計中重要的一個環(huán)節(jié)。構(gòu)建層次關(guān)鍵是建立設(shè)計原因、作用、順序，作品的信息需要適量適時地表現(xiàn)，以確保學(xué)生可以理解教師所要傳達的故事。教師和設(shè)計者需要按照設(shè)想與需求將信息分類分層，便于觀察和理解。這時候版式設(shè)計的很多知識引導(dǎo)設(shè)計師如何規(guī)劃結(jié)構(gòu)，將信息排列得更有序和易于理解。

信息分層的形式按照受眾的要求進行，總體上來說分為兩類：內(nèi)容層次和空間層次。第一種是內(nèi)容層次，當(dāng)很多信息同時出現(xiàn)的時候，學(xué)生會感受到混亂的狀態(tài)，人們習(xí)慣試圖將事物分組，這個時候教師應(yīng)該首先完成這項工作，因為必須要找到信息傳遞的重點，而不是一下子將所有的信息給予學(xué)生，這將為選擇帶來困難，在主要信息的基礎(chǔ)上附加許多次級信息，不僅不會影響信息總量，還可以讓學(xué)生感覺條理清晰。將信息按照出現(xiàn)的不同情況，再根據(jù)對目標(biāo)受眾的研究結(jié)合起來進行分類，讓最后的設(shè)計呈現(xiàn)出理性的分析狀態(tài)。例如，我們在學(xué)習(xí)網(wǎng)站中一定有不同學(xué)習(xí)的欄目主標(biāo)題、次標(biāo)題、鏈接，等等，這些是教師對于信息的篩選。那么在學(xué)習(xí)網(wǎng)站的信息設(shè)計中，教師必須事先掌握所有的按鍵信息，分析每種功能的特點的差異，區(qū)分什么是最主要、使用頻率最高的，哪些是有需要但不常用的，哪些是特殊的項目。之后設(shè)計師根據(jù)網(wǎng)站的特性研究按鈕大小和位置、超鏈接顏色等。

第二種是空間層次，空間的主次關(guān)系好比超市中的貨架，主打的產(chǎn)品往往會放置在貨架的中間位置，也就是顧客伸手可得的位置，如果放在頂部或最下層，即便是受歡迎的產(chǎn)品，也可能會因為位置的原因被顧客忽視或因為太難拿到而放棄，這就是空間層次的導(dǎo)向作用。所以信息設(shè)計在版面或位置布局上合理優(yōu)化，視覺是有重點選擇的，特殊的、重點的信息需要安排在顯著的位置，用色彩、形狀大小、標(biāo)識等要素提醒學(xué)生觀察信息的順序以及方式。

當(dāng)事物的圖像完整地出現(xiàn)在人們視線中時，按照一定的順序（順序一般由教師制定）觀看，事物在此種方式下的真相可以順利地被學(xué)生理解，甚至我們可以觀察到很多真實場景中看不到或注意不到的場景，并盡可能少地使用文字。教師和設(shè)計師所設(shè)計的觀察路線在這里極為重要的，設(shè)計的觀察路線和視覺傳達的各種專業(yè)細節(jié)（例如字體、色彩、構(gòu)圖、繪制方式等）結(jié)合在一起，呈現(xiàn)出的設(shè)計可以在一定程度上控制學(xué)生的記憶程度，雖然學(xué)生會有個人偏好，但是教師和設(shè)計師可以通過認知心理學(xué)和視覺傳達的知識盡可能的達到應(yīng)有的記憶效果，這也是信息設(shè)計中重要的一點。

信息設(shè)計最關(guān)鍵的步驟就是制作部分，優(yōu)秀教學(xué)資源的制作完成需要教師和設(shè)計師密切合作完成。這樣才能使教學(xué)資源既滿足教學(xué)的需求，又獲得設(shè)計師的美感與創(chuàng)意。在雙方的合作過程中，撰寫恰當(dāng)、科學(xué)的教學(xué)資源設(shè)計腳本和草圖是保證高效合作的有效方式。草圖的優(yōu)勢有：草圖可以展示大概形象，以便更好地了解所有的信息在空間中的關(guān)系；草圖更重要的將教師的教學(xué)理念融入其中，教師不必考慮制作的問題，完全從教學(xué)設(shè)計和學(xué)生認知負荷的層面上進行構(gòu)思圖形。當(dāng)通過草圖完成構(gòu)思的時候，繪制正稿是最后的階段，設(shè)計師運用設(shè)計和技術(shù)能力，把信息按照設(shè)想設(shè)計出來。

教師針對設(shè)計稿校對細節(jié)，修改完善信息設(shè)計方案。例如：設(shè)計元素的選擇需要考慮細節(jié)，字體的大小選擇是否得當(dāng)，色彩是否合理等。教學(xué)資源信息設(shè)計者根據(jù)教師的意見做出修改完善，以使各個環(huán)節(jié)落實到位。最后，教師利用所開發(fā)的教學(xué)資源，開展教學(xué)活動，實施教學(xué)。

4　案例解讀

為了探討信息設(shè)計在教學(xué)中的應(yīng)用，筆者以廣州大學(xué)公選課《網(wǎng)頁設(shè)計》的部分教學(xué)內(nèi)容為依托，憑借專業(yè)教師團隊加上網(wǎng)絡(luò)中心設(shè)計開發(fā)團隊合作開展教學(xué)資源信息圖的設(shè)計開發(fā)研究。本文研究工作主要是為課堂教學(xué)中主題信息的設(shè)計與創(chuàng)作，即教學(xué)信息的可視化。將抽象的設(shè)計知識與信息加以形象化，以圖形語言來承載信息，使得知識或信息本身成為具體且容易識別的信息圖形。

通知類公選課《網(wǎng)頁設(shè)計》的教學(xué)大綱提到：課程“幫助學(xué)生了解網(wǎng)站的基礎(chǔ)知識及網(wǎng)站是如何制作成的”，“掌握HTML語言的基本結(jié)構(gòu)、語法及常用標(biāo)示”，“掌握層疊樣式表的結(jié)構(gòu)、創(chuàng)建CSS樣式表的方法，并能夠?qū)⑺鶎W(xué)應(yīng)用到實際網(wǎng)頁制作中去”。基于以上教學(xué)目標(biāo)和要求，在教學(xué)前期準(zhǔn)備階段，研究團隊梳理大批量關(guān)于網(wǎng)站形成、風(fēng)格、流行、審美等諸多方面的信息圖形案例。國內(nèi)網(wǎng)頁設(shè)計的教學(xué)信息設(shè)計（信息圖）很少，多數(shù)教師采用的還是傳統(tǒng)的目錄章節(jié)式的教學(xué)。在研究團隊的教學(xué)中，使用國外設(shè)計的部分案例，以補足知識點教學(xué)的需求。課程教學(xué)所用部分案例如下：

圖2　網(wǎng)站是如何制作而成的

一個網(wǎng)站是如何制作而成的（圖2），該信息圖屬于流程示意圖，設(shè)計師梳理網(wǎng)站開發(fā)過程中的構(gòu)成要素與先后順序。圖中通過用戶和設(shè)計師兩個維度，展示兩種角色的分工，以及特征描述。信息圖整體結(jié)構(gòu)上按照時間軸順序編排，分段標(biāo)注出每個角色重疊的部分，直觀呈現(xiàn)了構(gòu)成要素之間的關(guān)聯(lián)。

如何進行有效的網(wǎng)頁設(shè)計圖（圖3），該圖是使用制作模型幫助理解。如果用文字描述網(wǎng)站設(shè)計中顏色及布局，學(xué)生大腦中沒有直觀的印象，還是很難理解。要制作出不使學(xué)生混亂且容易理解的模型，制作者要從學(xué)生的角度出發(fā)，模擬網(wǎng)站要素、布局及顏色配色，模擬網(wǎng)站發(fā)布時的情形。這樣既形象地展示了網(wǎng)站構(gòu)成要素，也從用戶體驗的角度出發(fā)讓學(xué)習(xí)者掌握設(shè)計要點。簡潔而有效地呈現(xiàn)圖文，讓教學(xué)變得更有說服力。

圖3　如何進行有效的網(wǎng)頁設(shè)計

圖4為HTML5知識點，該圖既可劃分為信息結(jié)構(gòu)、地圖或者說明，又可是流程示意圖。這部分知識點信息量比較大，教學(xué)內(nèi)容比較多，復(fù)雜的數(shù)據(jù)通過信息設(shè)計可以變得更加清晰。在信息設(shè)計中，作為大容量的信息圖，教師不能將教學(xué)內(nèi)容進行拋棄，因為每個都很重要，每個都代表不同的內(nèi)容或數(shù)據(jù)，也不能隨意地將其分為不同的單體，因為設(shè)計這些信息最重要的是展示其中的聯(lián)系，一旦將頁面分離，這種聯(lián)系必然減弱。利用信息圖對信息進行篩選，讓復(fù)雜的信息以合適的形態(tài)出現(xiàn)在同一載體中，讓教學(xué)思路和條理更加清晰。

圖4　HTML5知識點

5　結(jié)語

信息設(shè)計使文字語言轉(zhuǎn)換成信息圖形、互動界面或多媒體信息設(shè)計，其可視化的設(shè)計形式促進了學(xué)習(xí)者對知識的理解、記憶及高階思維能力的提升［6］。信息設(shè)計是將邏輯思維以合理的視覺形態(tài)表現(xiàn)出來，在設(shè)計過程中，切勿將教學(xué)資源的信息設(shè)計限于視覺表現(xiàn)上，這是最大的誤區(qū)。真正的信息設(shè)計應(yīng)該是教師將教學(xué)內(nèi)容理清并建立邏輯關(guān)系，讓設(shè)計師用視覺來支持教學(xué)資源，讓數(shù)據(jù)更好的轉(zhuǎn)化成信息、知識點。信息設(shè)計利用在教學(xué)資源領(lǐng)域還處于探索階段，其中最重要的是需要廣大一線教師和信息設(shè)計師共同努力，在不斷嘗試中創(chuàng)新教學(xué)設(shè)計，使信息設(shè)計更好的服務(wù)于教學(xué)。

［1］David Sopp，Kelly Sopp.Safe Baby Handling Tips［M］.Running Press，2005：31～32

［2］唐納德.諾曼.設(shè)計心理學(xué)［M］.北京：中信出版社，2003：66～68

［3］Mark Smiciklas.The Power of Infographics［M］.人民郵電出版社，2013：127～132

［4］木村博之.圖解力［M］.人民郵電出版社，2013：15～22

［5］余勝泉.教學(xué)資源的設(shè)計與開發(fā)［M］.北京：中央廣播電視大學(xué)出版社，2011：25～28

［6］洪闖.基于Infographic的初中翻轉(zhuǎn)課堂教學(xué)探究［J］.中小學(xué)電教，2014（6）：51～53

Teaching Resources；Information Design；Strategy

Strategy Research on the Design of Teaching Resource Information

XU Ya-wu，HU Ying
（Network and Modern Education Technology Center，Guangzhou University，Guangzhou 510006）

1007-1423（2015）09-0036-08

10.3969/j.issn.1007-1423.2015.09.009

許亞武（1967-），男，研究生，高級工程師，研究方向為教育信息化

2015-03-05

2015-03-13

近年，隨著信息表現(xiàn)形式的豐富和發(fā)展，人們開始關(guān)注信息可視化，對圖形及設(shè)計的探討也越來越多。作為把復(fù)雜的信息傳遞給受眾，使其快速消化和理解的信息設(shè)計，正處于快速發(fā)展階段，需要更多的人參與探討和研究。以信息設(shè)計為主題，結(jié)合教學(xué)資源開發(fā)，讓學(xué)科知識變成感性和理性的有機結(jié)合，用設(shè)計的手法表現(xiàn)理性的思維。系統(tǒng)闡述信息設(shè)計概念、信息設(shè)計的分類以及教學(xué)資源信息設(shè)計的策略，將信息設(shè)計引入教學(xué)資源的開發(fā)和教學(xué)實踐中，大大優(yōu)化教學(xué)效果。

教學(xué)資源；信息設(shè)計；策略

廣州市教育科學(xué)規(guī)劃課題（No.12A029）、廣州大學(xué)教育教學(xué)研究立項項目

胡瑩（1982-），女，研究生，實驗師，研究方向為教學(xué)資源的設(shè)計與開發(fā)

In recent years，along with a wealth of information and the development of forms of expression，people begin to focus on information visualization and explore much more about graphics and design.Information design，as a comprehensive subject closely related with graphic，is in a rapid development stage，which needs more involved to discuss and study.Takes information design as the theme，combined with teaching resource development，uses a design approach to demonstrate rational thinking and making academic knowledge into an organic combination of perceptual and rational，elaborates information system design concepts，classification of information design and the strategy of teaching resources information design，introduces information design to development of the teaching resources and teaching practice and greatly improves teaching effectiveness.