祖寧++王運(yùn)武++李子運(yùn)++王洪梅

摘 要 隨著教育信息化的廣泛推進(jìn)，數(shù)字化學(xué)習(xí)資源建設(shè)的重要性日益突出。數(shù)字化學(xué)習(xí)資源對教育現(xiàn)代化和教育信息化的發(fā)展具有重大的推動作用。在描述數(shù)字化學(xué)習(xí)資源建設(shè)現(xiàn)狀的基礎(chǔ)上，從視覺要素角度分析如何優(yōu)化數(shù)字化學(xué)習(xí)資源，提出數(shù)字化學(xué)習(xí)資源的設(shè)計(jì)策略。

關(guān)鍵詞 數(shù)字化學(xué)習(xí)方式；數(shù)字化學(xué)習(xí)資源；視覺要素

中圖分類號：G436 文獻(xiàn)標(biāo)識碼：A

文章編號：1671-489X（2015）14-0011-05

1 引言

網(wǎng)絡(luò)通信技術(shù)和現(xiàn)代信息技術(shù)的發(fā)展，帶來教育領(lǐng)域的一場深刻變革。新型的數(shù)字化學(xué)習(xí)方式正在打破傳統(tǒng)的學(xué)習(xí)方式，并逐漸成為當(dāng)代學(xué)習(xí)者學(xué)習(xí)的重要形式。而數(shù)字化學(xué)習(xí)資源是數(shù)字化學(xué)習(xí)的關(guān)鍵依托，是教育信息化建設(shè)的重要內(nèi)容，其資源建設(shè)水平直接影響到信息時代的教育和學(xué)習(xí)者的學(xué)習(xí)水平[1]。加強(qiáng)數(shù)字化學(xué)習(xí)資源建設(shè)，才能更好地促進(jìn)我國教育事業(yè)的發(fā)展，更好地推進(jìn)教育信息化進(jìn)程。

目前，我國數(shù)字化學(xué)習(xí)資源總量雖達(dá)到一定數(shù)量，但是優(yōu)質(zhì)資源所占比重并不大，仍有相當(dāng)?shù)臄?shù)字化學(xué)習(xí)資源存在信息雜亂、版面設(shè)置不當(dāng)、色彩搭配不協(xié)調(diào)、界面過于擁擠等突出問題。究其原因，主要是因?yàn)閿?shù)字化學(xué)習(xí)資源的視覺要素設(shè)計(jì)不當(dāng)。數(shù)字化學(xué)習(xí)資源的視覺要素設(shè)計(jì)直接影響到資源建設(shè)的質(zhì)量和學(xué)習(xí)者學(xué)習(xí)的體驗(yàn)。如何建設(shè)優(yōu)質(zhì)的數(shù)字化學(xué)習(xí)資源，如何使數(shù)字化學(xué)習(xí)資源視覺要素設(shè)計(jì)合理，更加符合學(xué)習(xí)者的學(xué)習(xí)特征以促進(jìn)其更好地學(xué)習(xí)，這都是數(shù)字化學(xué)習(xí)資源建設(shè)中亟待解決的重要問題。

2 數(shù)字化學(xué)習(xí)資源和視覺要素設(shè)計(jì)

數(shù)字化學(xué)習(xí)資源的概念、類型與特點(diǎn) 21世紀(jì)是信息時代，數(shù)字化學(xué)習(xí)是信息時代重要的學(xué)習(xí)方式，數(shù)字化學(xué)習(xí)資源是數(shù)字化學(xué)習(xí)的要素之一。李克東教授[2]指出，數(shù)字化資源是指經(jīng)過數(shù)字化處理，可以在多媒體計(jì)算機(jī)上或網(wǎng)絡(luò)環(huán)境下運(yùn)行的多媒體材料。它能夠激發(fā)學(xué)生通過自主、合作、創(chuàng)造的方式來尋找和處理信息，從而使數(shù)字化學(xué)習(xí)成為可能。數(shù)字化資源包括數(shù)字視頻、數(shù)字音頻、多媒體軟件、CD-ROM、網(wǎng)站、電子郵件、在線學(xué)習(xí)管理系統(tǒng)、計(jì)算機(jī)模擬、在線討論、數(shù)據(jù)文件、數(shù)據(jù)庫等。根據(jù)此概念，得出數(shù)字化學(xué)習(xí)資源就是經(jīng)過數(shù)字化處理，可以在多媒體計(jì)算機(jī)上或網(wǎng)絡(luò)環(huán)境下運(yùn)行的多媒體學(xué)習(xí)材料。

數(shù)字化學(xué)習(xí)資源具有表現(xiàn)形式多樣性、資源共享性、資源可再生性、交流互動性、可擴(kuò)展性等特點(diǎn)[3]。數(shù)字化學(xué)習(xí)資源類型多樣，包括多媒體素材類、網(wǎng)上文獻(xiàn)資料、信息化學(xué)習(xí)工具等[4]，又具有復(fù)雜的特點(diǎn)，這使得數(shù)字化學(xué)習(xí)資源的設(shè)計(jì)具有復(fù)雜性。數(shù)字化學(xué)習(xí)資源的設(shè)計(jì)，不僅需要具有教育性、科學(xué)性、技術(shù)性，同時需要具有很高的藝術(shù)性，讓學(xué)習(xí)者在學(xué)習(xí)過程中體驗(yàn)到“美”的享受。

數(shù)字化學(xué)習(xí)資源的視覺要素 數(shù)字化學(xué)習(xí)資源的視覺要素是指數(shù)字化學(xué)習(xí)資源中的形狀、線條、明暗、色彩、質(zhì)地和立體感。它們既是照片的組成部分，又是傳達(dá)視覺信息的基本單位。形狀、線條、質(zhì)感和立體感的配合使用，能夠起到相互加強(qiáng)的作用。簡單來說，就是人們眼睛所能看到的視覺形象，包括文字、顏色、圖像、動畫等因素。

視覺要素設(shè)計(jì)是數(shù)字化學(xué)習(xí)資源的建設(shè)重要內(nèi)容之一。數(shù)字化學(xué)習(xí)資源的視覺要素包括文字、圖像、排版、色彩、界面等，在視覺要素設(shè)計(jì)中牢牢把握這幾個方面，可以設(shè)計(jì)出優(yōu)質(zhì)的數(shù)字化學(xué)習(xí)資源。選擇優(yōu)質(zhì)學(xué)習(xí)內(nèi)容是數(shù)字化學(xué)習(xí)資源建設(shè)的第一步，而如何設(shè)計(jì)出符合學(xué)習(xí)者學(xué)習(xí)特性和認(rèn)知方式的數(shù)字化資源，則是其資源建設(shè)的關(guān)鍵所在。數(shù)字化學(xué)習(xí)資源設(shè)計(jì)不僅要考慮如何呈現(xiàn)有效內(nèi)容，還要考慮到學(xué)習(xí)者如何感知學(xué)習(xí)資源的內(nèi)容，怎樣通過視覺要素設(shè)計(jì)來提高數(shù)字化學(xué)習(xí)資源的建設(shè)質(zhì)量。

3 數(shù)字化學(xué)習(xí)資源視覺要素設(shè)計(jì)現(xiàn)狀分析

隨著全球信息化的深入推進(jìn)，各國都積極關(guān)注數(shù)字化學(xué)習(xí)資源的建設(shè)。我國自20世紀(jì)80年代中期就開始了教育信息化的進(jìn)程，各級各類學(xué)校都在教育信息化建設(shè)方面投入了大量的資金。經(jīng)過近30年的努力，我國數(shù)字化學(xué)習(xí)資源建設(shè)取得相當(dāng)?shù)某尚?，資源豐富，總量可觀，在教育現(xiàn)代化進(jìn)程中發(fā)揮了重要的作用[5]。

數(shù)字化學(xué)習(xí)資源建設(shè)的成效 “信息技術(shù)對教育發(fā)展具有革命性的影響，必須予以高度重視?！蔽覈叨戎匾暯逃畔⒒陌l(fā)展，高度重視數(shù)字化學(xué)習(xí)資源建設(shè)。2006年5月8日，中共中央辦公廳、國務(wù)院辦公廳印發(fā)了《2006—2020年國家信息化發(fā)展戰(zhàn)略》，強(qiáng)調(diào)我國信息化發(fā)展的戰(zhàn)略重點(diǎn)之一就是加強(qiáng)信息資源的開發(fā)利用[6]。在《國家中長期教育改革和發(fā)展規(guī)劃綱要（2010—2020年）》中把“加快教育信息化進(jìn)程”作為獨(dú)立一章，并將“教育信息化建設(shè)”列為10個重大項(xiàng)目之一?！督逃畔⒒臧l(fā)展規(guī)劃（2011—2020年）》提出到2020年基本建成人人可享有優(yōu)質(zhì)教育資源的信息化學(xué)習(xí)環(huán)境。各級各類教育的數(shù)字資源日趨豐富并得到廣泛共享，人人可享有優(yōu)質(zhì)教育資源的信息化環(huán)境基本形成[7]。

我國學(xué)者對數(shù)字化學(xué)習(xí)資源做了大量的研究，目前的研究主要通過期刊論文、學(xué)位論文、會議論文等形式呈現(xiàn)。筆者從中國知網(wǎng)（CNKI）上以“數(shù)字化學(xué)習(xí)資源”或者“數(shù)字化教育資源”為關(guān)鍵詞搜索，之所以包含教育資源，是因?yàn)槎叩母拍钕嗨疲皇茄芯恳暯遣煌?。截?014年底，剔除廣告或者其他非相關(guān)文獻(xiàn)，共檢索出相關(guān)文獻(xiàn)226篇。根據(jù)分析，論文數(shù)量隨年份呈遞增趨勢，尤其在2010—2014年間增長最為明顯，可見專家學(xué)者對于數(shù)字化學(xué)習(xí)資源建設(shè)的重視程度正在逐年增加。縱觀我國數(shù)字化學(xué)習(xí)資源的研究，主要集中在數(shù)字化學(xué)習(xí)資源建設(shè)、數(shù)字化學(xué)習(xí)資源共享、數(shù)字化學(xué)習(xí)資源整合等方面，而從視覺要素視角去談數(shù)字化學(xué)習(xí)資源的研究則相對較少[8]。分析其原因，一是我國教育信息化發(fā)展還不成熟，對于數(shù)字化學(xué)習(xí)資源的建設(shè)沒有形成全局意識，二是我國現(xiàn)階段過于重視數(shù)字校園和“三通兩平臺”等硬件建設(shè)，從而忽視了數(shù)字化學(xué)習(xí)資源的質(zhì)量建設(shè)。

目前，我國數(shù)字化學(xué)習(xí)資源建設(shè)取得一定的成就，開發(fā)了基礎(chǔ)教育資源庫、高等教育精品課程、國家職業(yè)教育資源庫等各種教育資源。各高校也積極建設(shè)自己的數(shù)字圖書館，引進(jìn)各種優(yōu)質(zhì)數(shù)據(jù)庫，建設(shè)校內(nèi)精品課程。高校及中小學(xué)教師也在擴(kuò)大數(shù)字化學(xué)習(xí)資源，如多媒體課件、微課建設(shè)等[5]。

數(shù)字化學(xué)習(xí)資源的廣泛應(yīng)用已經(jīng)初見成效。學(xué)習(xí)者和教師可以獲得同樣的學(xué)習(xí)資源，學(xué)習(xí)者的學(xué)習(xí)理念也因此發(fā)生了深刻的轉(zhuǎn)變。借助數(shù)字化學(xué)習(xí)資源，學(xué)習(xí)者成為學(xué)習(xí)的主人，更加創(chuàng)造了一種自主學(xué)習(xí)和終身學(xué)習(xí)的條件，教師也由傳統(tǒng)的信息傳遞者變?yōu)閷W(xué)習(xí)者的學(xué)習(xí)伙伴。此外，在遠(yuǎn)程教育和培訓(xùn)方面，數(shù)字化學(xué)習(xí)資源功不可沒，它使得資源得以共享，在偏遠(yuǎn)地區(qū)的兒童可以享有同樣的教育。

數(shù)字化學(xué)習(xí)資源視覺要素設(shè)計(jì)存在的主要問題 通過對數(shù)字化學(xué)習(xí)資源研究現(xiàn)狀的分析可知，我國對于數(shù)字化學(xué)習(xí)資源的建設(shè)取得一定的階段性成果。盡管如此，對于數(shù)字化學(xué)習(xí)資源的視覺要素設(shè)計(jì)缺乏研究和實(shí)踐，仍有相當(dāng)部分的數(shù)字化學(xué)習(xí)資源視覺要素設(shè)計(jì)不合理，給學(xué)習(xí)者的學(xué)習(xí)帶來較差的體驗(yàn)，由此帶來一定的問題。

1）文字的編排設(shè)計(jì)不當(dāng)。文字作為頁面主要的傳遞信息、表達(dá)情感的要素，是數(shù)字化學(xué)習(xí)資源的視覺要素設(shè)計(jì)不可缺少的組成部分。文字的優(yōu)勢是表意準(zhǔn)確和給人以想象的空間。其表意準(zhǔn)確可以用定義、概念等理論性強(qiáng)的內(nèi)容進(jìn)行嚴(yán)格表述；而想象的空間則是由于大腦中存儲大量的表象組塊，能夠通過文字的指代符號將其激活。在數(shù)字化學(xué)習(xí)資源中，文字會占有大量的面積，在界面中的作用至關(guān)重要。如何使學(xué)習(xí)者能夠迅速獲得內(nèi)容信息，是研究文字設(shè)計(jì)的主要目的。然而仍有相當(dāng)?shù)臄?shù)字化學(xué)習(xí)資源文字編排不合理，成段成段地堆砌文字，不符合學(xué)習(xí)者的認(rèn)知特性。

首先，不少數(shù)字化資源文字字體選擇不當(dāng)，沒有考慮到學(xué)習(xí)者的心理感受。每種數(shù)字化資源都有其特定的受眾，所呈現(xiàn)的學(xué)習(xí)內(nèi)容也是經(jīng)過選擇和安排的，隨意選擇或設(shè)置字體只會分散學(xué)習(xí)者的注意力，并不能促進(jìn)學(xué)習(xí)者的學(xué)習(xí)效果。也有部分?jǐn)?shù)字化資源同一頁面上出現(xiàn)四五種字體種類，這樣的花哨設(shè)計(jì)對于學(xué)習(xí)者學(xué)習(xí)沒有絲毫促進(jìn)作用。

其次，文字的字號與字距設(shè)置也存在不妥現(xiàn)象。數(shù)字化學(xué)習(xí)資源文字的字號、字間距及行間距的設(shè)置決定了文字的“擁擠”程度。部分?jǐn)?shù)字化資源過于“擁擠”，學(xué)習(xí)者遇到這類數(shù)字化資源時往往不知道“如何下手”，導(dǎo)致學(xué)習(xí)興趣和信心下降，注意力不集中。同時，這樣的數(shù)字化資源也不益于學(xué)習(xí)者視力的健康發(fā)展。

2）圖像處理不當(dāng)。圖像是文字以外最早被引入到數(shù)字化學(xué)習(xí)資源的元素。數(shù)字化資源中使用的圖片或者小圖標(biāo)都可以稱為圖像，圖像的視覺沖擊力比同面積的文字要強(qiáng)很多。人們獲取信息的主要來源之一就是圖像，圖像的直觀作用在很大程度上可以輔助數(shù)字化學(xué)習(xí)資源中文字所要表達(dá)的內(nèi)涵，加深學(xué)習(xí)者的理解[9]。但是現(xiàn)在很多數(shù)字化學(xué)習(xí)資源圖像處理設(shè)計(jì)不當(dāng)，反而破壞了數(shù)字化學(xué)習(xí)資源建設(shè)的總體水平。

首先，圖像大小設(shè)計(jì)不合理。很多數(shù)字化學(xué)習(xí)資源圖像所占比例過大，頁面布局不協(xié)調(diào)，圖像非但沒有起到它應(yīng)有的促進(jìn)和深化學(xué)習(xí)的作用，反而破壞了原有的學(xué)習(xí)進(jìn)程，阻礙了學(xué)習(xí)內(nèi)容的傳遞。

其次，部分圖像與所要傳遞的學(xué)習(xí)內(nèi)容毫無關(guān)聯(lián)，只是為了插入圖像而插入圖像。這樣的圖像只是為了美觀而設(shè)計(jì)的，絲毫沒有考慮到圖像本身就是在傳遞學(xué)習(xí)內(nèi)容，忽視了圖像與內(nèi)容的相輔相成。

再次，圖像本身質(zhì)量不精也是一個常見問題。一些數(shù)字化學(xué)習(xí)資源所用圖像不夠清晰，圖像的色彩也與數(shù)字化學(xué)習(xí)資源整體風(fēng)格有悖，模糊的成像和突出的色彩并不符合學(xué)習(xí)者的認(rèn)知習(xí)慣和審美心理，不能給學(xué)習(xí)者帶來好的學(xué)習(xí)體驗(yàn)，也無法激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣。

3）版式結(jié)構(gòu)編排不合理。版式編排設(shè)計(jì)是數(shù)字化學(xué)習(xí)資源設(shè)計(jì)的重要組成部分，是視覺傳達(dá)的重要手段。表面上看，它是關(guān)于編排的學(xué)問；實(shí)際上，它不僅是一種技能，更實(shí)現(xiàn)了技術(shù)、藝術(shù)與內(nèi)容的高度統(tǒng)一。版式設(shè)計(jì)可以說是數(shù)字化學(xué)習(xí)資源設(shè)計(jì)必備的基本功之一。

現(xiàn)在大部分設(shè)計(jì)者已經(jīng)有了數(shù)字化資源版式編排設(shè)計(jì)的意識，但是由于其能力水平有限，導(dǎo)致版式編排仍存在一定的不合理性。首先，形式與內(nèi)容并不統(tǒng)一。版式編排是為了數(shù)字化資源服務(wù)的，是為了學(xué)習(xí)者的學(xué)習(xí)而服務(wù)的。部分?jǐn)?shù)字化學(xué)習(xí)資源雖然有了排版設(shè)計(jì)的意識，追求完美的表現(xiàn)形式，卻忽視了形式必須符合其要表達(dá)主題的思想。這樣只講究表現(xiàn)形式而忽略與內(nèi)容的協(xié)調(diào)一致性，并不利于數(shù)字化學(xué)習(xí)資源主題的表達(dá)。只有把形式與內(nèi)容合理地統(tǒng)一，強(qiáng)化整體布局，才能取得版面構(gòu)成中獨(dú)特的社會和藝術(shù)價(jià)值，才能解決設(shè)計(jì)應(yīng)說什么、對誰說和怎樣說的問題。

另外，不少數(shù)字化學(xué)習(xí)資源板塊的結(jié)構(gòu)設(shè)置不合理，各個學(xué)習(xí)板塊內(nèi)容顯示混亂，無法形成一種自然流動的視覺認(rèn)知。學(xué)習(xí)者偏愛流線式閱讀和結(jié)構(gòu)化來內(nèi)化學(xué)習(xí)內(nèi)容，而數(shù)字化學(xué)習(xí)資源結(jié)構(gòu)設(shè)置的不合理，則會給學(xué)習(xí)者帶來視覺混亂。這樣的版式設(shè)計(jì)會使學(xué)習(xí)者模糊學(xué)習(xí)的整體框架，同時也不利于學(xué)習(xí)者形成自然流暢的學(xué)習(xí)和自主學(xué)習(xí)的習(xí)慣。

4）色彩搭配不當(dāng)。色彩是能傳遞情感和信息的有效視覺元素。在設(shè)計(jì)不同內(nèi)容的學(xué)習(xí)資料時，選擇符合主題的顏色，既可以烘托主題內(nèi)容，又可以形成一定的畫面意境，調(diào)動學(xué)習(xí)者產(chǎn)生積極的學(xué)習(xí)情緒，使學(xué)習(xí)者與學(xué)習(xí)內(nèi)容達(dá)到共鳴的一種狀態(tài)。

紅、黃、藍(lán)是色彩的三原色，三原色通過不同比例的混合可以得到各種顏色，它能給學(xué)習(xí)者帶來不同的視覺效果。同時色彩有輕重、冷暖、軟硬等之分，這些也能給人帶來不同的心理效應(yīng)。而一些數(shù)字化學(xué)習(xí)資源在設(shè)計(jì)時忽視了這一點(diǎn)，設(shè)計(jì)出來的資源不僅會造成瀏覽者的視覺疲勞，同時也會對其心理產(chǎn)生影響，降低網(wǎng)頁的受歡迎度[10]。

數(shù)字化學(xué)習(xí)資源的色彩設(shè)計(jì)首先存在色彩繁雜、無統(tǒng)一基色的問題。很多設(shè)計(jì)者在設(shè)計(jì)時會選用多種顏色，導(dǎo)致色彩之間相互沖突，重點(diǎn)不突出，也造成學(xué)習(xí)者閱讀時的困難。其次，數(shù)字化資源頁面的背景、文字、圖標(biāo)等的色彩搭配不當(dāng)，顏色使用過于鮮亮或者灰暗，也是數(shù)字化學(xué)習(xí)資源設(shè)計(jì)中存在的一個常見的問題。學(xué)習(xí)者在低明度中會產(chǎn)生壓抑沉悶的心理，在高明度中又容易產(chǎn)生視覺疲勞。色彩搭配不當(dāng)也會使學(xué)習(xí)內(nèi)容被色彩所“掩蓋”。內(nèi)容呈現(xiàn)的清晰度和鮮明度效果大打折扣，學(xué)習(xí)效果明顯下降。

4 數(shù)字化學(xué)習(xí)資源視覺要素優(yōu)化設(shè)計(jì)的策略

數(shù)字化學(xué)習(xí)資源視覺要素設(shè)計(jì)必須從整體設(shè)計(jì)原則出發(fā)，基于學(xué)習(xí)內(nèi)容本身和學(xué)習(xí)者的認(rèn)知特性和審美需求，在科學(xué)的設(shè)計(jì)原則指導(dǎo)下進(jìn)行設(shè)計(jì)。學(xué)習(xí)資源各視覺要素設(shè)計(jì)包括文字的編排與設(shè)計(jì)、圖像的設(shè)計(jì)與處理、版式結(jié)構(gòu)的編排與設(shè)計(jì)、色彩的搭配與運(yùn)用等四個方面。

文字因“身份”而設(shè)計(jì)，減少成段堆砌

1）字體選擇。字體的選擇首先要符合學(xué)習(xí)內(nèi)容本身。學(xué)習(xí)內(nèi)容主體部分應(yīng)該統(tǒng)一成同一種字體，大多數(shù)學(xué)習(xí)資源中采取的字體為宋體，人的視覺特性傾向于把相似的物體看作整體，這樣有利于學(xué)習(xí)者把注意力集中在主體學(xué)習(xí)內(nèi)容處。標(biāo)題部分往往采用不同的字體，如楷體或者黑體，來引起學(xué)習(xí)者的無意注意，使學(xué)習(xí)者清晰地了解所要學(xué)習(xí)的內(nèi)容。同時更要注意，同一頁面中字體不應(yīng)該超過三種，字體如果設(shè)計(jì)得多樣復(fù)雜，就會無意間使學(xué)習(xí)者無法集中注意，同時也會增加學(xué)習(xí)者的認(rèn)知負(fù)荷，影響學(xué)習(xí)效果。

2）字號及間距設(shè)計(jì)。字號大小應(yīng)該根據(jù)文字的不同“身份”而定。標(biāo)題文字字體應(yīng)該超過主體文字，以突出其重要的地位，同時吸引學(xué)習(xí)者的無意注意，增加其學(xué)習(xí)興趣。而主體學(xué)習(xí)部分的字體應(yīng)該適當(dāng)偏小，符合學(xué)習(xí)者的視覺感受。

文字的成段堆砌直接影響學(xué)習(xí)效果。字間距、行間距、段間距的設(shè)計(jì)直接影響文字可讀性。行間距應(yīng)明顯超過字間距，給學(xué)習(xí)者一個清晰明確的視覺方向。段間距應(yīng)該大于行間距，有段落層次感的學(xué)習(xí)網(wǎng)頁會更容易調(diào)動學(xué)習(xí)者的積極情緒，帶來良好的閱讀體驗(yàn)。

3）文字色彩設(shè)計(jì)。文字顏色的設(shè)計(jì)不是孤立的，文字顏色與背景顏色相互襯托。白底黑字是最常見的一種搭配方式。黑色和白色清晰明了，識別性很強(qiáng)，是文字色彩顏色的最佳搭配方式。當(dāng)然，這種搭配方式也不是萬能的。不同設(shè)計(jì)風(fēng)格的數(shù)字化學(xué)習(xí)資源可能需要不同的顏色背景來突出主題，比如適用于兒童的學(xué)習(xí)資源通常設(shè)有背景色以符合兒童的認(rèn)知特性，但是在設(shè)計(jì)中要注意文字顏色應(yīng)與背景顏色明顯地區(qū)分開來，深色背景適合淺色的文字，淺色背景適合深色的文字。同時，文字色彩顏色不能太過鮮艷，不然會對學(xué)習(xí)者造成一定的視覺沖擊，增加其認(rèn)知負(fù)荷，長時間觀看會造成視覺疲倦。

運(yùn)用圖像說話，圖像與文字相得益彰

1）圖像的質(zhì)量與大小設(shè)計(jì)。圖像的質(zhì)量不能太低，至少需要保證其圖像呈現(xiàn)清晰可見，不影響學(xué)習(xí)者學(xué)習(xí)。同時對于圖像質(zhì)量的要求也不必太高，因?yàn)閿?shù)字化學(xué)習(xí)資源一般限于數(shù)字閱讀，受顯示器分辨率影響，學(xué)習(xí)者肉眼通常無法區(qū)分其明顯差異，而且考慮到數(shù)字化學(xué)習(xí)資源的下載問題，圖像質(zhì)量要求也不宜太高，以便于下載。

圖像的大小設(shè)計(jì)要從整體布局考慮，圖像的呈現(xiàn)不宜過大。圖像的大小直接影響數(shù)字化學(xué)習(xí)資源的版面設(shè)計(jì)。過大的圖像不僅會使整個版面設(shè)計(jì)失調(diào)，而且會吸引學(xué)習(xí)者的注意力，進(jìn)而破壞學(xué)習(xí)內(nèi)容的順利遞進(jìn)。在保證能看清圖像細(xì)節(jié)的基礎(chǔ)上，使圖像的大小符合段落的布局狀態(tài)，尺寸一般是知識展示區(qū)的二分之一左右。同時圖像的擺放也應(yīng)該與文字融為一體，二者交相呼應(yīng)。

2）文字翻譯成圖像。圖像的形象表達(dá)就是為了促進(jìn)學(xué)習(xí)內(nèi)容的理解和掌握，所以圖像應(yīng)該與內(nèi)容緊密聯(lián)系。學(xué)習(xí)者天生就具有視覺思維的能力，根據(jù)圖像，學(xué)習(xí)者就可以明確本段文字要表達(dá)的主題，達(dá)到文字是圖像“名字”的效果。如“談判的藝術(shù)”的PPT界面設(shè)計(jì)（如圖1所示），左頁面中的背景是天空和海洋，而上面只有孤零零的五個字，絲毫沒有談判的概念；而右界面中搭配的圖片是兩個人握手，雖然是木頭小人，但是主題含義卻已經(jīng)表達(dá)出來，從而能夠吸引學(xué)習(xí)者的學(xué)習(xí)興趣[11]。

合理編排版面，板塊化呈現(xiàn)內(nèi)容

1）形式與內(nèi)容統(tǒng)一。排版設(shè)計(jì)是傳播信息的橋梁，所追求的完美形式必須符合主題的思想內(nèi)容，這是排版設(shè)計(jì)的根基。在數(shù)字化學(xué)習(xí)資源設(shè)計(jì)中首先要使排版形式與內(nèi)容相符合，同時要強(qiáng)調(diào)版面的協(xié)調(diào)一致性，強(qiáng)化編排結(jié)構(gòu)與文字、圖像及色彩的統(tǒng)一性。通過版面的文、圖間的整體組合與協(xié)調(diào)性的編排，使數(shù)字化學(xué)習(xí)資源實(shí)現(xiàn)秩序美、條理美，從而獲得更好的視覺效果。

2）合理編排版面形式。數(shù)字化學(xué)習(xí)資源的排版設(shè)計(jì)講究視覺流暢。并不存在某一種特定的排版風(fēng)格可以適用于所有數(shù)字化學(xué)習(xí)資源，只需要版式設(shè)計(jì)符合學(xué)習(xí)者的視覺流程即可?，F(xiàn)代人的瀏覽習(xí)慣都是從左往右、從上往下，在閱讀過程中借助線的牽引，形成清晰的脈絡(luò)。中國知網(wǎng)（CNKI）的網(wǎng)頁界面設(shè)計(jì)具有典型的視覺引導(dǎo)性（圖2）。中國知網(wǎng)的頁面設(shè)計(jì)為左中右結(jié)構(gòu)，引導(dǎo)視線橫向移動，符合學(xué)習(xí)者的閱讀習(xí)慣；導(dǎo)航設(shè)計(jì)清晰，左面導(dǎo)航為上下結(jié)構(gòu)，上面是橫向結(jié)構(gòu)，引導(dǎo)視線縱向或者橫向移動。整個結(jié)構(gòu)清晰明了，符合學(xué)習(xí)者的認(rèn)知特性。

3）留白的藝術(shù)。留白，是中國繪畫藝術(shù)的一種手法。數(shù)字化學(xué)習(xí)型網(wǎng)頁雖然不是繪畫，但是同樣講究留白的藝術(shù)。從創(chuàng)作美學(xué)的角度看，過于“滿”的頁面往往缺乏美感，因?yàn)樗狈臻g，缺乏疏密的層次。從知識傳遞的角度看，過于“滿”的頁面則沒有合理地安排布局，造成一定的認(rèn)知負(fù)荷，會使學(xué)習(xí)者產(chǎn)生視覺疲勞。找不到學(xué)習(xí)重點(diǎn)則無法找到閱讀和思考的思路，更不可能加深學(xué)習(xí)記憶。因此，留白在學(xué)習(xí)型網(wǎng)頁中有著舉足輕重的地位。

頁面設(shè)計(jì)中，文字、圖像等傳遞信息的視覺要素之間的組合與排列應(yīng)該有一定的留白，這些留白就像一條線索，引導(dǎo)著學(xué)習(xí)者注意力的集中與轉(zhuǎn)移。文字的排版不可過于緊湊，各個段落之間都應(yīng)該有一定的留白。同樣，圖像穿插于各段文字之間，圖像的排列應(yīng)該有其獨(dú)立性，不可與文字距離太近。有留白的畫面才會使學(xué)習(xí)者找到學(xué)習(xí)的重點(diǎn)，引導(dǎo)注意集中，促進(jìn)學(xué)習(xí)者產(chǎn)生良好的閱讀體驗(yàn)。

合理搭配色彩，積極調(diào)動情感

1）色彩的內(nèi)涵。色彩本身不具備任何含義，但是它可以潛移默化地影響人們的情緒。紅色帶有緊迫感，刺激作用大，包含力量和沖動，對人的心理產(chǎn)生巨大的鼓舞作用。當(dāng)然也是容易造成人們視覺疲勞的色彩。黃色是最為光亮的色彩，給人以光明、迅速、活潑的感覺。它的明視度很高，注目性高，比較溫和，給人的心理特性是明朗、注意、警惕等。綠色為植物的顏色，明視度不高，刺激性不大，它能給人以寧靜、休息，使之精神不易疲勞。藍(lán)色的注目性和視認(rèn)性都不太高，但在自然界如天空、海洋均為藍(lán)色，給人冷靜、沉思、憂郁、深遠(yuǎn)的感覺。紫色給人神秘、壓迫的感覺，因與夜空、陰影相聯(lián)系，所以富有神秘感，易引起心理上的憂郁和不安，但又給人以高貴、莊嚴(yán)之感[12-16]。

2）合理搭配色彩。色彩搭配首先要根據(jù)數(shù)字化學(xué)習(xí)資源的主題和色彩內(nèi)涵本身，同時參照設(shè)計(jì)美學(xué)的理念，選擇數(shù)字化學(xué)習(xí)資源的主色調(diào)。現(xiàn)在一般以淺色的背景居多，如淺灰色、淺藍(lán)色、淺綠色等。文字、圖像等則應(yīng)該配用深顏色，讀起來自然流暢。當(dāng)然如果有需要強(qiáng)調(diào)的地方，可以選用不同色調(diào)加以顯現(xiàn)，可以使得重點(diǎn)內(nèi)容突出，減少一定的認(rèn)知負(fù)荷。同時，色彩的搭配與選擇應(yīng)該體現(xiàn)協(xié)調(diào)之美，使整個頁面形成統(tǒng)一的整體，調(diào)動積極的閱讀情感。

其次，在設(shè)計(jì)中還要注意所用的色彩不能過多過雜。過多的色彩只會引起學(xué)習(xí)者的無關(guān)注意，增加學(xué)習(xí)者的認(rèn)知負(fù)荷。一般同一頁面的色彩不應(yīng)超過三到四種，否則整個界面就會顯示得過于雜亂，同時也不利于學(xué)習(xí)者的閱讀與學(xué)習(xí)。

5 小結(jié)

數(shù)字化學(xué)習(xí)資源的視覺要素設(shè)計(jì)是一項(xiàng)復(fù)雜的工作，可以將聲音、圖像、文字、動畫有效地結(jié)合起來。本文在設(shè)計(jì)頁面中結(jié)合數(shù)字化學(xué)習(xí)資源的建設(shè)現(xiàn)狀，根據(jù)人們的認(rèn)知習(xí)慣，提出數(shù)字化學(xué)習(xí)資源視覺要素設(shè)計(jì)的現(xiàn)狀，并提出了優(yōu)化的策略。當(dāng)然優(yōu)質(zhì)的數(shù)字化學(xué)習(xí)資源不止要遵循學(xué)習(xí)者的認(rèn)知習(xí)慣，同樣在學(xué)習(xí)內(nèi)容設(shè)計(jì)上也有一定的理論需要遵循。本文只起到拋磚引玉的作用，如何將數(shù)字化學(xué)習(xí)資源的視覺要素設(shè)計(jì)和內(nèi)容設(shè)計(jì)結(jié)合在一起，值得進(jìn)一步的研究和探討。

參考文獻(xiàn)

[1]王娟，楊改學(xué)，孔亮.國內(nèi)數(shù)字化學(xué)習(xí)資源發(fā)展策略研究[J].現(xiàn)代遠(yuǎn)程教育研究，2011（5）：40-44.

[2]李克東.數(shù)字化學(xué)習(xí)（上）：信息技術(shù)與課程整合的核心[J].電化教育研究，2001（8）：46-49.

[3]石巧珍，韓陳沖.數(shù)字化學(xué)習(xí)資源的時空特點(diǎn)及作用機(jī)理[J].現(xiàn)代教育技術(shù)，2007（2）：30-32.

[4]何克抗.我國數(shù)字化學(xué)習(xí)資源建設(shè)的現(xiàn)狀及其對策[J].電化教育研究，2009（10）：5-9.

[5]王運(yùn)武.我國數(shù)字化教育資源現(xiàn)狀及發(fā)展策略[J]中國教育信息化，2008（1）：9-11.

[6]2006—2020年信息化發(fā)展戰(zhàn)略[EB/OL].http：//www.gov.cn/jrzg/2006-05/08/content_275560.htm.

[7]教育信息化十年發(fā)展規(guī)劃（2011—2020年）[EB/OL].http：//www.edu.cn/html/info/10plan/ghfb.shtml.

[8]楊曼，王運(yùn)武.我國數(shù)字化學(xué)習(xí)資源研究綜述[J].中國醫(yī)學(xué)教育技術(shù)，2014（10）：465-473.

[9]王芳.教學(xué)網(wǎng)絡(luò)頁面視覺要素設(shè)計(jì)研究[D].河北：河北大學(xué)，2007.

[10]鄭望平.網(wǎng)頁設(shè)計(jì)中的色彩運(yùn)用與研究[D].蘭州：西北師范大學(xué)，2012.

[11]蘇小小.PPT演示之道：寫給非設(shè)計(jì)人員的幻燈片指南[M].北京：電子工業(yè)出版社，2010：15.

[12]李曉寧.淺析網(wǎng)頁設(shè)計(jì)中視覺要素對人產(chǎn)生的情感因素[J].大眾文藝.2011（8）：70.

[13]萬力勇.數(shù)字化學(xué)習(xí)資源質(zhì)量評價(jià)研究[J].現(xiàn)代教育技術(shù).2013（1）：45-49.

[14]黃榮懷，陳庚，張進(jìn)寶，等.論信息化學(xué)習(xí)方式及其數(shù)字資源形態(tài)[J].現(xiàn)代遠(yuǎn)程教育研究，2010（6）：68-73.

[15]史斐翡.網(wǎng)絡(luò)課程版式設(shè)計(jì)的研究及其應(yīng)用[D].濟(jì)南：山東師范大學(xué)，2008.

[16]國瑩.認(rèn)知心理學(xué)與網(wǎng)絡(luò)課程中的視覺設(shè)計(jì)[D].長春：東北師范大學(xué)，2005.