【摘 要】網(wǎng)絡(luò)課件作為網(wǎng)絡(luò)教育資源的重要內(nèi)容日益得到重視，在網(wǎng)絡(luò)課件界面中文字既是信息傳達(dá)的重要媒介，也是直觀的視覺傳達(dá)要素。文字在界面中的組織、安排及其藝術(shù)處理也是界面設(shè)計(jì)好壞的一個(gè)重要評(píng)價(jià)標(biāo)準(zhǔn)。本文以認(rèn)知心理學(xué)作為理論基礎(chǔ)，總結(jié)了在網(wǎng)絡(luò)課件中文字編排設(shè)計(jì)的一些原則，以期對(duì)網(wǎng)絡(luò)課件的界面設(shè)計(jì)起指導(dǎo)作用。

【關(guān)鍵詞】文字編排 網(wǎng)絡(luò)課件 認(rèn)知 界面

【中圖分類號(hào)】TP39 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】1674-4810（2014）06-0060-02

網(wǎng)絡(luò)課件是網(wǎng)絡(luò)教育資源的重要組成部分，它作為網(wǎng)絡(luò)教育資源的重要內(nèi)容而日益得到重視。在網(wǎng)絡(luò)課件界面中文字既是信息傳達(dá)的重要媒介，也是直觀的視覺傳達(dá)要素，在界面中的組織、安排及其藝術(shù)處理也是界面設(shè)計(jì)好壞的一個(gè)重要評(píng)價(jià)標(biāo)準(zhǔn)。雖然近幾年開發(fā)出了大量的網(wǎng)絡(luò)教學(xué)課件。但從認(rèn)知心理學(xué)的角度，對(duì)課件中文字編排設(shè)計(jì)原則進(jìn)行研究的較少，而且還沒有得到有效的推廣。此外，本文對(duì)認(rèn)知心理學(xué)在課件界面中文字編排設(shè)計(jì)中的應(yīng)用規(guī)律進(jìn)行了初步探索，旨在使界面的設(shè)計(jì)更科學(xué)、更符合學(xué)習(xí)者的認(rèn)知特點(diǎn)，使課件制作人員有章可循，能夠制作出高效的網(wǎng)絡(luò)課件界面。

一 文字在網(wǎng)絡(luò)課件界面中的作用

在網(wǎng)頁界面中，眾多構(gòu)成要素中文字具有最佳的直觀傳達(dá)作用以及最高的明確性。通過設(shè)計(jì)與編排，文字的存在價(jià)值在界面中體現(xiàn)為提高信息的明確程度與可讀性，從而獲得較好的瀏覽學(xué)習(xí)效率。具體來說，文字在界面中的作用可以概括為以下幾點(diǎn)：

1.適合性

文字與具體文字內(nèi)容以及界面主題相適應(yīng)。根據(jù)主題內(nèi)容、欲傳達(dá)的信息含義和文字所處的環(huán)境來確定文字的字體、色彩、形態(tài)和表現(xiàn)形式是保證適合性的必要條件。

2.明確性

文字的主要功能在于傳達(dá)外形特征以便瀏覽者識(shí)別，保證信息的準(zhǔn)確傳遞。文字的點(diǎn)劃、橫豎、圓弧等結(jié)構(gòu)要素造成文字本身的不可變異，因而在選擇時(shí)須格外注意，在特別強(qiáng)調(diào)信息嚴(yán)格準(zhǔn)確的情況下應(yīng)優(yōu)先選取易于識(shí)別的文字，在進(jìn)行字體創(chuàng)作時(shí)也應(yīng)保證形態(tài)的明確性。

3.易讀性

文字的形態(tài)及編排設(shè)計(jì)能夠提高界面的易讀程度。一般情況下，人的視覺對(duì)于過粗、過細(xì)的文字形態(tài)需花費(fèi)更多的時(shí)間去識(shí)別，不易順暢瀏覽。在版式布局中，合理的文字排列與分布會(huì)使瀏覽變得極為愉快，對(duì)視覺適宜的文字色彩配置也能夠加強(qiáng)界面的易讀性。

4.美觀性

文字可以通過自身形象的個(gè)性與風(fēng)格給人以美的感受，使界面更加美觀。文字形態(tài)的變化與統(tǒng)一、文字編排的節(jié)奏與韻律、文字體量的對(duì)比與和諧，都是達(dá)成美觀性的表現(xiàn)手法。

5.創(chuàng)新性

文字與界面信息主題需求相配合并進(jìn)行形態(tài)變化，將文字進(jìn)行創(chuàng)意發(fā)揮，產(chǎn)生創(chuàng)造的美感，進(jìn)而加強(qiáng)界面整體設(shè)計(jì)效果的創(chuàng)新件，給瀏覽者以耳目一新的感受。

二 網(wǎng)絡(luò)課件界面設(shè)計(jì)中文字編排設(shè)計(jì)的原則

網(wǎng)絡(luò)課件界面中使用的文字除具有信息傳達(dá)這一基本功能外還應(yīng)增加它的易讀性、明確性，從而使學(xué)習(xí)者達(dá)到較高的瀏覽效率。要達(dá)到這一目的，在文字編排時(shí)應(yīng)注意以下原則：

1.遵循對(duì)比原則

通過對(duì)比可突出主要成分，使界面主要信息一目了然。主要的手法有以下幾種：（1）大小對(duì)比。大字給人以強(qiáng)有力的視覺感覺，但缺乏纖細(xì)和精致感；小字精巧柔和，但力量感不足。（2）粗細(xì)對(duì)比。字體粗象征強(qiáng)壯、剛勁、沉默，字體細(xì)則感覺柔弱、纖細(xì)、活潑。粗字體用于表現(xiàn)主要的、核心的內(nèi)容。（3）明暗對(duì)比。明暗對(duì)比也稱黑白對(duì)比，表現(xiàn)為明度高的文字和明度低的文字之間的對(duì)比。（4）疏密對(duì)比。疏密對(duì)比指文字群體之間，以及文字與整體界面之間的對(duì)比關(guān)系。（5）主從對(duì)比。主從對(duì)比指文字中主要信息與次要信息以及標(biāo)題性文字與說明性文字之間的對(duì)比。（6）綜合對(duì)比。常見的對(duì)比手法還有隨意與嚴(yán)謹(jǐn)、整齊與雜亂、曲線與直線、水平與垂直、尖銳與圓滑等。

2.統(tǒng)一與協(xié)調(diào)原則

為了使界面中各種元素協(xié)調(diào)起來，通常采用的手法是選取同類的造型因素。有相同形態(tài)特征的造型因素在界面中反復(fù)出現(xiàn)就會(huì)形成統(tǒng)一的調(diào)子，使整個(gè)界面具有整體感，從而達(dá)到協(xié)調(diào)的目的。如字體選用同一字族的不同字體，以相同的字距和行距，選用近似色彩和字號(hào)級(jí)數(shù)，控制近似面積等都是實(shí)現(xiàn)界面統(tǒng)一和協(xié)調(diào)的常用方法。

3.平衡原則

平衡指在界面中合理地安排各個(gè)文字群及視覺現(xiàn)象，使瀏覽者產(chǎn)生穩(wěn)定可靠的感覺。對(duì)稱的文字編排形式是獲得平衡最基本的手段，但對(duì)稱的形式顯得平淡乏味，沒有生命力和趣味感，通常不宜采用。

4.靈活運(yùn)用視覺運(yùn)動(dòng)原則

在界面的文字編排中，依照安排好的結(jié)構(gòu)形式順序?yàn)g覽?？梢酝ㄟ^以下幾種方式實(shí)現(xiàn)：（1）線的引導(dǎo)：通過左右延伸的水干線、上下延伸的垂直線以及具有動(dòng)感的斜線或弧線來誘導(dǎo)視線。（2）圖形的引導(dǎo)：在不同文字群中穿插圖形，可起到突出主體文字信息的作用，并引導(dǎo)視線轉(zhuǎn)向說明性文字，視覺流程清楚自然。

三 案例分析

在前面，筆者對(duì)網(wǎng)絡(luò)課件界面版式的原則進(jìn)行了總結(jié)，本部分筆者依照提出的界面文字編排設(shè)計(jì)原則來分析一個(gè)有關(guān)大學(xué)計(jì)算機(jī)基礎(chǔ)課程方面的網(wǎng)絡(luò)課件。

1.對(duì)比原則

從圖1到圖4中界面的文字使用了大小對(duì)比、粗細(xì)對(duì)比、疏密對(duì)比、主從對(duì)比及明暗對(duì)比等對(duì)比原則。

2.統(tǒng)一與協(xié)調(diào)原則

該網(wǎng)絡(luò)課件界面中的文字編排遵循了統(tǒng)一與協(xié)調(diào)原則，如圖1至圖4標(biāo)題文字都使用了大一級(jí)的字號(hào)并且加粗，說明性文字都使用了易于閱讀的宋體，而且每個(gè)界面的標(biāo)題性文字和說明性文字都保持了近似的色彩和字號(hào)級(jí)數(shù)，整個(gè)網(wǎng)絡(luò)課件界面的文字編排比較協(xié)調(diào)。有相同形態(tài)特征的造型因素在界面中反復(fù)出現(xiàn)，形成了統(tǒng)一的調(diào)子，使整個(gè)界面具有整體感。

3.平衡原則

圖1中教學(xué)目標(biāo)四個(gè)字使用了醒目的黑體，可以有效地吸引學(xué)習(xí)者的視線，從而注意閱讀教學(xué)目標(biāo)。教學(xué)目標(biāo)的具體內(nèi)容使用了宋體，我們前面說過宋體剛?cè)嵯酀?jì)，既典雅莊重，又不失韻味靈氣，從視覺角度來說，宋體閱讀最省目力，不易造成視覺疲勞，具有很好的易讀性和識(shí)別性。

界面首頁左側(cè)的導(dǎo)航字體使用的是圓體，雖然識(shí)別性稍弱，但在視覺上給人明亮清新、輕松愉快的感覺，但其識(shí)別性弱，故適宜作標(biāo)題性文字。整個(gè)首頁界面被文字分為上下左右四個(gè)部分，界面上部僅有有限的幾個(gè)文字，但它使用了粗體，故而并沒有不平衡的感覺。整個(gè)界面中粗少細(xì)多，在平衡方面處理得很好。

圖4中的信息技術(shù)與計(jì)算機(jī)文化采用的藝術(shù)字在這里能引起學(xué)習(xí)者的注意，使學(xué)習(xí)者知道這一章的標(biāo)題，并能活躍界面的氣氛，并且藝術(shù)字放在右上角也起到了平衡作用，試想如果這幾個(gè)字沒有用大號(hào)藝術(shù)字體而是用了普通的宋體，界面是不是就會(huì)顯得左上角很輕，而右下角又過分擁擠?！白鳂I(yè)”這兩個(gè)字也采用了藝術(shù)字體，在于提示學(xué)習(xí)者有作業(yè)的存在，引起他們的注意，同時(shí)也為淺灰色的下方布局增添了色彩，使上下布局趨于平衡。

4.靈活運(yùn)用視覺運(yùn)動(dòng)原則

在該界面的文字編排中，遵循視覺運(yùn)動(dòng)的法則，使一部分文字首先接觸學(xué)習(xí)者的視線然后誘導(dǎo)視線依照課件設(shè)計(jì)者安排好的結(jié)構(gòu)形式順序?yàn)g覽，如圖1中通過左右延伸的水平線誘導(dǎo)學(xué)習(xí)者的視線，圖2和圖3中使用不同的文字級(jí)數(shù)來吸引學(xué)習(xí)者的視線從而達(dá)到誘導(dǎo)學(xué)習(xí)者實(shí)現(xiàn)的目的。圖4中通過箭頭的方向來誘導(dǎo)學(xué)習(xí)者的視線等。

四 結(jié)束語

本文主要以認(rèn)知心理學(xué)為理論依據(jù)，對(duì)認(rèn)知心理學(xué)在課件界面中文字編排設(shè)計(jì)中的應(yīng)用規(guī)律進(jìn)行了初步探索，旨在使界面的設(shè)計(jì)更科學(xué)、更符合學(xué)習(xí)者的認(rèn)知特點(diǎn)，使課件制作人員有章可循，能夠制作出高效的網(wǎng)絡(luò)課件界面。另外，對(duì)于課件的評(píng)價(jià)也具有一定的指導(dǎo)意義。

參考文獻(xiàn)

[1]張帆、羅琦、宮曉東.網(wǎng)頁界面設(shè)計(jì)藝術(shù)教程[M].北京：人民郵電出版社，2002

[2]李巖芳.基于認(rèn)知規(guī)律的CAI課件人機(jī)界面設(shè)計(jì)[J].長春光學(xué)精密機(jī)械學(xué)院學(xué)報(bào)，2001（1）

〔責(zé)任編輯：李錦雯〕