網絡課件界面圖形圖像的設計原則

摘要：網絡課件作為網絡教育資源的重要內容日益得到重視，而網絡課件的界面是學習者和網絡課件的交互通道，界面中圖形圖像設計的好壞將直接影響到學習者獲取信息的效果和效率。本文以認知心理學作為理論基礎，總結了在網絡課件中圖形圖像設計的一些原則，以期對網絡課件的界面設計起指導作用。

引言

網絡課件是網絡教育資源的重要組成部分[1]，而在網絡課件界面中圖像圖像的設計能使平淡的事物變成強有力的畫面，使界面充滿強烈的感情色彩，近幾年開發出了大量的網絡教學課件。但是以認知心理學為基礎來對課件界面圖形圖像的原則進行研究的較少。此外，本研究對認知心理學在課件界面圖像圖像的設計中的應用規律進行了初步探索，旨在使界面的設計更科學、更符合學習者的認知特點，使課件制作人員有章可循，能夠制作出高效的網絡課件界面。

一、圖形圖像在網絡課件界面設計中的作用

圖形圖像是一種視覺語言形式，與文字不同。圖形圖像設計可以理解為有關“圖”的設計。圖形圖像的視覺沖擊力比文字大85%[2]。有人說，一圖圖勝千字，也就是說，圖形圖像能將信息傳達得更立體、真實、直接，更易于理解。從而高效率、高質量地表達課件內容，使本來平淡的事物變成強有力的畫面，充滿強烈的感情色彩。圖形圖像在網絡課件界面中有著以下作用：

1.1 傳達性

圖形圖像在網絡課件界面中擔負著傳達教學信息的作用。傳達教學信息是網絡課件的首要目的，也是圖形圖像所肩負的最基本的實用功能，形式上的完整必須符合主題思想內容。網絡課件界面在信息的傳達者和接收者之間搭起了一座橋梁，雖然圖形圖像所傳達的信息和設計表現的方式都受這一傳播媒體的制約（如圖像大小和用色多少）。

1.2 表現性

圖形圖像的表現性突出設計的個性化，給人以獨特的視覺體驗，圖形圖像設計可以增加網頁界面的視覺沖擊力，有助于體現網絡課件整體的設計風格。網頁界面的整體風格要靠圖形圖像、文字、色彩、版式、動畫來表現，而圖形圖像是體現這一風格的最直接代表。

1.3 趣味性

是指一種形式上的情趣感，如果網絡課件界面本身的內容不是很豐富，圖形圖像則可以讓界面活躍起來，通過圖形圖像在視覺上產生趣味性，如果界面的內容本身已很充實，僅靠文字表述，不免顯得平實、單薄，甚至有枯燥的感覺，而圖形圖像所帶來的趣味性，能使傳達的信息如虎添翼、神采飛揚，使界面煥發出活力，達到吸引入、打動人的目的。

二、圖形圖像設計的原則

2.1 遵循數據量適量原則

圖片的位置、大小和數據量直接關系到課件界面的視覺傳達效果，在考慮界面圖片時應注意圖片在整個界面中的作用，另外還要考慮網絡傳輸的速度。圖形文件是網頁中最常見的易造成傳輸速度緩慢的因素。在網頁中使用圖形文件應注意以下方法：（1）在保證所需清晰度的情況下，盡量壓縮圖形文件的大小；（2）采用分割圖形的方法，將大的圖形分割成若干小圖，同時下載；（3）盡量使用較少的顏色；（4）除彩色照片和高色彩圖片外，盡量使用GIF格式；（5）指定圖形的外輪廓，瀏覽器將讀取此頁信息并給圖形預留空間過程中，頁面的其余部分可以先行載入。

2.2 圖形圖像與內容相統一的原則

圖像識別是一種再認活動，即當圖形刺激作用于感覺器官，人們辨認出它是自己曾經經驗過的某一圖形。再認活動過程，包含兩個部分，一是感覺器官要有信息進入，二是大腦記憶痕結構中要有儲存的信息，只有通過儲存的信息與當前進入的信息進行比較性加工處理，才能實現對圖像的再認。

三、案例分析

在前面，筆者對網絡課件界面版式的原則進行了總結，本部分筆者依照提出的界面設計原則來分析一個有關大學計算機基礎課程方面的網絡課件。（以下圖的資料來源：中國精品課程網，大學計算機基礎網絡課程，2008年5月）

3.1遵循數據量適量原則

圖4-1至圖4-5都在界面中使用了圖片，每幅圖像都是以jpg格式的，數據量較小，不影響網絡速度，較好的遵循了數據量適量的原則。

3.2圖形圖像與內容相統一的原則

圖4-1中月球和地球的圖片有效填補了界面的空白，與周圍的文字相互協調映襯，具有形式的美感。但是沒有什么實際意義，與課件內容關系不大，沒有遵循圖形圖像與內容相統一的原則，這幅圖片在這里略顯突兀，學習者會感到莫名其妙。導航文字左邊的橙色小圖像在這里起到了吸引學習者視線的作用，而且數據量小，用的十分恰當。圖4-2、4-3、4-4中的圖像并無實際意義，只是起到點綴界面的作用。

四、結語

本研究主要以認知心理學為理論依據，結合網絡課件的界面設計，探討了網絡課件開發時有關界面中圖形圖像設計的若干問題，旨在探索那些能滿足學習者的認知特性、有利于促進學習者瀏覽界面信息效率提高的設計原則。經過資料分析總結，研究基本達到了預期的效果。圖形圖像設計的界面原則可以通過恰當的組合來吸引學生的注意力。

參考文獻：

[1] 彭泉，崔德光，李曉強. 基于人類認知規律的應用系統人機界面設計[J].計算機工程與應用； 2001年19期.

[2] 網頁界面設計系列教程[EB/OL]http：//hi.baidu.com/66017046/blog/item/9a4f3d97375cd46d54fb9642.html.

作者簡介：黃艷芳（1982— ），云南宜良縣人，德宏師范高等專科學校計科系輔導員，碩士研究生，研究方向：遠程教育。