網(wǎng)絡課程的藝術設計

前言：本站為你精心整理了網(wǎng)絡課程的藝術設計范文，希望能為你的創(chuàng)作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

一、網(wǎng)絡課程的藝術設計內(nèi)容

網(wǎng)絡課程的設計不僅僅是一個計算機技術問題和教學問題，更是一個藝術問題，網(wǎng)絡課程的設計水平直接體現(xiàn)設計者的藝術修養(yǎng)。網(wǎng)絡課程設計最常用的載體是網(wǎng)頁，網(wǎng)頁的藝術設計，日益被網(wǎng)絡課程開發(fā)者所注重。網(wǎng)絡課程一般包含著一個主題內(nèi)容，或文學，或藝術，或某一學科，或某一專業(yè)等等的信息傳授。每一個主題下面又有不同的分支以及具體內(nèi)容，因而以主題為支撐點，選取最有代表性，具有一定藝術性的可視形象

具象形象.元素制作成各個畫面和界面，從而構(gòu)成認知手段和審美感知。網(wǎng)絡課程的藝術設計包含著網(wǎng)絡課程設計者主觀和客觀兩方面的因素，在確立了網(wǎng)絡課程主題（主體）之后，首先要明確和熟悉設計的對象和構(gòu)成的要素。網(wǎng)絡課程的藝術設計涉及的具體內(nèi)容很多，可以概括為多媒體元素和界面設計兩個方面。

這里所說的多媒體元素是指構(gòu)成網(wǎng)絡課程的內(nèi)容，如文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、視頻等。與普通的課程內(nèi)容設計一樣，它們是實施教學并使教學效果達到預期教學目標的根本，都要遵循一些共同的指導原則，比如科學方法、準確性、完備性等等；不同之處主要體現(xiàn)在課程內(nèi)容的表現(xiàn)形式上，網(wǎng)絡課程內(nèi)容不再是以線性方式組織的教科書文本，而是以超文本方式組織的多媒體教學內(nèi)容，即多媒體元素組成的微教學單元。

我們可將界面設計定義為設計中所面對、所分析的一切信息交互的總和，它反映著人與物之間的關系。網(wǎng)絡課程的界面設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現(xiàn)出來，是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時，也產(chǎn)生感官上的美感和精神上的享受。

一般來說，技術對教學原理產(chǎn)生的影響是中性的，網(wǎng)絡也是如此。我們既可將網(wǎng)絡課程設計成“電子翻書器”，也可以將其設計成學習者的“良師益友”。我們不能把目光僅僅盯在技術的進步上，而更應注意教育規(guī)律、教育思想和教育藝術的實現(xiàn)上。多媒體技術的運用大大豐富了網(wǎng)絡課程的藝術設計的表現(xiàn)力。例如，圖像與抽象圖形、三維圖象、文本等在屏幕畫面設計中的大小與位置，圖像與動畫、視頻片斷的交互切換快緩的節(jié)奏，圖像與背景的深淺、冷暖，按鈕與熱點形狀大小的位置，圖像與圖形的造型、色彩以及位置等等安排問題，就要求設計者根據(jù)主題內(nèi)容的不同而制作出生動、和諧、

美感的界面，整合出整個課程既有變化又有統(tǒng)一的節(jié)奏和韻律的格式，使學習者在輕松愉快的審美感受中進入網(wǎng)絡學習的世界，在較短的時間內(nèi)獲取最多的知識信息。要注意的是，網(wǎng)上多媒體技術發(fā)展很快，如新的壓縮方式、流媒體技術，還有動態(tài)網(wǎng)頁設計和交互性-包括構(gòu)建并管理網(wǎng)上多媒體數(shù)據(jù)庫.技術———/012345、/67、893960:2;1、<=60:2;1、等等，技術的不斷發(fā)展使多媒體元素在網(wǎng)絡課程界面設計中的綜合運用越來越廣泛，使學習者可以享受到更加完美的視聽藝術效果。

二、網(wǎng)絡課程的藝術設計原則

作為信息傳播的載體之一的網(wǎng)絡課程，除了具備普通課程設計所遵循的教育性、科學性、技術性等原則外，由于其表現(xiàn)形式、運行方式和承載功能的不同，還應具有自身的特殊設計原則。網(wǎng)絡課程的藝術設計，是技術與藝術的整合、內(nèi)容與形式的統(tǒng)一。

主題鮮明，條理清晰

視覺設計表達的是一定的意圖和要求，有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當?shù)沫h(huán)境里被人們即時地理解和接受，以滿足人們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調(diào)藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，鮮明地突出設計主題。

作為視覺設計范疇一種的網(wǎng)絡課程藝術設計，其最終目的是達到最佳的教學主題訴求效果。這種效果的取得，一方面通過對網(wǎng)絡課程的教學內(nèi)容或主題思想運用邏輯規(guī)律進行條理性處理，使之符合學習者獲取教育信息的心理需求和邏輯方式，讓學習者快速地理解和吸收；另一方面通過對網(wǎng)絡課程構(gòu)成元素運用藝術的形式美法則進行條理性處理，更好地營造符合教學設計目的的視覺環(huán)境，突出主題，增強學習者對網(wǎng)絡課程的注意力，增進對網(wǎng)絡課程學習內(nèi)容的理解。只有兩個方面有機地統(tǒng)一，才能實現(xiàn)最佳的主題訴求效果。具體可以通過對網(wǎng)絡課程的空間層次、主從關系、視覺秩序及彼此間的條理性的把握運用來達到。

條理清晰，這是設計網(wǎng)絡課程時要堅持的最重要藝術設計原則。網(wǎng)絡空間中有兩種最基本的組織方式：一種是“樹狀結(jié)構(gòu)”，也就是整個站點有一個樹根（即主頁），在主頁中列出整棵樹的主干，建立站點的主要超鏈接，在每個網(wǎng)絡課程中又有次一級的樹枝。這種結(jié)構(gòu)的站點條理清楚，容易查找，但略顯單調(diào)。另一種為“網(wǎng)狀結(jié)構(gòu)”；這種結(jié)構(gòu)有一個中心的網(wǎng)絡課程稱為主頁，在主頁中又有各個網(wǎng)絡課程的超鏈接，進入每個網(wǎng)絡課程，都可以找到其它網(wǎng)絡課程的超鏈接。

只注重主題思想的條理性而忽視網(wǎng)絡課程構(gòu)成元素空間關系的形式美組合，或者只重視網(wǎng)絡課程形式上的條理而淡化主題思想的邏輯，都將削弱網(wǎng)絡課程主題的最佳訴求效果，難以吸引學習者的注意力，出現(xiàn)平庸的網(wǎng)絡課程設計或使網(wǎng)絡課程設計以失敗而告終。

形式與內(nèi)容的統(tǒng)一

任何設計都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設計的一切內(nèi)在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”；形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方式。設計的內(nèi)容就是指它的主題、形象、題材等要素的總和，形式就是它的結(jié)構(gòu)、風格或設計語言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個優(yōu)秀的設計必定是形式對內(nèi)容的完美表現(xiàn)。一方面，網(wǎng)絡課程設計所追求的形式美，必須適合主題的需要，這是網(wǎng)絡課程設計的前提。只講花哨的表現(xiàn)形式以及過于強調(diào)“獨特的設計風格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術的表現(xiàn)，網(wǎng)絡課程設計都會變得空洞而無力。

形式美的法則，包括單純、對稱、均衡、對比、調(diào)和、呼應、比例、節(jié)奏、韻律、多樣統(tǒng)一等因素，其中多樣統(tǒng)一是形式美的基本規(guī)律。在這個基本原則下，應從結(jié)構(gòu)、權(quán)衡、變化三個方面去求得形式的統(tǒng)一。設計者只有將二者有機地統(tǒng)一起來，深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現(xiàn)形式，才能體現(xiàn)出網(wǎng)絡課程設計獨具的分量和特有的價值。另一方面，要確保網(wǎng)絡課程上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感，才能實現(xiàn)形式與內(nèi)容的統(tǒng)一。

通過局域網(wǎng)上因特網(wǎng)的學習者同樣也受到網(wǎng)絡傳輸速率的限制。制作網(wǎng)絡課程時，圖片、聲音、動畫可以使網(wǎng)絡課程看起來生動形象，但要控制網(wǎng)絡課程的字節(jié)大小，一個畫面通常不要超過1/23，如果超過了./23，就應該考慮是否將一個畫面分為兩個來呈現(xiàn)，千萬要避免制作超過!//23的畫面（包括文字、背景、聲音、圖像加起來的總和），否則，就不符合傳播信息的“快捷性”特性，使網(wǎng)絡課程內(nèi)容不能很快地到達學習者，影響了學習效果和質(zhì)量，損害了學習者的情趣和積極性。這種技術要素影響了傳達信息的效果，因而不是形式與內(nèi)容的完美統(tǒng)一。

網(wǎng)絡課程具有多屏、分頁、嵌套等特性，可以對其進行形式上的適當變化以達到多變性處理效果，以豐富整個網(wǎng)絡課程的形式美。這就要求設計者在注意單個頁面形式與內(nèi)容統(tǒng)一的同時，更不能忽視同一主題下多個分頁面組成的整體網(wǎng)絡課程的形式與整體內(nèi)容的統(tǒng)一。

設計整體性和編排多變性

網(wǎng)絡課程是傳播信息的載體，它要表達的是一定的教育教學的內(nèi)容、主題和思想，在適當?shù)臅r間和空間環(huán)境里為人們所理解和接受，它以滿足學習者認知、技能、情感領域?qū)W習目標的實用和需求為目標。設計時強調(diào)其整體性，可以使學習者更快捷、更準確、更全面地認識它、掌握它，并給人一種內(nèi)部有機聯(lián)系、外部和諧完整的美感。

節(jié)奏與韻律稱為節(jié)律。反映在網(wǎng)絡課程各種媒體的編排上，學習者希望獲得有規(guī)律的節(jié)奏和韻律產(chǎn)生的快感，激起情緒上的反應，從而對課程內(nèi)容產(chǎn)生深刻的印象。談節(jié)律，首先要求的是網(wǎng)絡課程藝術設計的融合性與連續(xù)性的節(jié)律。雖然網(wǎng)絡課件適應學習者的有選擇性的學習，可按需要向前翻頁、返回、中英文選擇等，不像電視教材那樣的單向性和不可逆性，但制作仍要以學生的接受能力和原有的知識結(jié)構(gòu)來掌握節(jié)奏。如果界面所反映的知識信息。

如對概念的理解和文字內(nèi)容的配合次序、邏輯性等的順序跳躍性太大，圖像內(nèi)容違背邏輯規(guī)律和色彩的協(xié)調(diào)，會造成視覺疲勞，覺得整體結(jié)構(gòu)上松散，導致學生理解不深刻、不透徹，致使學生對課程內(nèi)容產(chǎn)生厭煩情緒，失去學習興趣。所以，作為主體界面，需要各種媒體因素的重復、間隔、交替、漸變等的整合統(tǒng)一。“有變化、但不混亂；有秩序，但不單調(diào)，寓變化于整合中”。

網(wǎng)絡課程的整體結(jié)構(gòu)形式是由各種多媒體元素組成的。在設計網(wǎng)絡課程時，強調(diào)頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征，是求得整體的常用方法。這主要從界面、色彩、風格等方面入手。這自然涉及到屏幕畫面布局的均衡、襯托、對比的美學法則了。或?qū)ΨQ，或襯托，或?qū)Ρ龋蚓猓鼈兣c節(jié)奏與韻律有一個共同特點，都是強調(diào)變化統(tǒng)一中的變與不變。對稱與均衡主要體現(xiàn)均勢不變；襯托與對比卻相反，強調(diào)變的一面，寓變化于統(tǒng)一整合之中。襯托作為對比手法的一種，它的運用是設計中采用率最高的一種。襯托可以使界面的形象特點更加突出明顯，對視覺形成強烈的刺激和張力，讓學習者加深感覺，產(chǎn)生良好的審美效應。另外，象圖像與背景的深淺對比、靜與動對比、冷與暖對比、疏與密對比、虛與實的對比等等也是常用的。

從某種意義上講，強調(diào)網(wǎng)絡課程結(jié)構(gòu)形式的視覺整體性必然會犧牲靈活的多變性，因此必須注意：“整體”應是“多變”基礎上的整體。例如，一些課程在內(nèi)容上，其結(jié)構(gòu)與普通教材十分相近，沿用著課堂教學中的敘述方式，一味強調(diào)學科的邏輯性和內(nèi)容的嚴密性，而忽略了遠程教育自身的特點。有必要提醒設計者，在課程設計中須克服這種定勢思維，決不能將傳統(tǒng)的課堂教學模式不經(jīng)改造硬搬上網(wǎng)。常規(guī)教育與遠程教育之間最大的區(qū)別在于，遠程教育中教師子系統(tǒng)和學生子系統(tǒng)處于經(jīng)常分離的狀態(tài)，學生主要依靠自主學習完成課程目標。所以，我們在課程設計時，必須立足以人為本的原則，充分注意和保持課件的吸引力，以激發(fā)學生在學習過程中的積極性。在這里，界面的布局、知識的表述、問題的設計、練習與思考題的設計等都應十分認真地加以推敲，努力為學生營造一個既富有挑戰(zhàn)又充滿樂趣的學習環(huán)境。

技術與藝術的整合

設計是主觀和客觀共同作用的結(jié)果，是在自由和不自由之間進行的，設計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制。優(yōu)秀設計者正是在掌握客觀規(guī)律基礎上得到了完全的自由，一種想象和創(chuàng)造的自由。網(wǎng)絡技術主要表現(xiàn)為客觀因素，教學藝術創(chuàng)意主要表現(xiàn)為主觀因素，課程設計者應積極主動地掌握現(xiàn)有的各種網(wǎng)絡技術規(guī)律，注重技術和藝術緊密結(jié)合，才能窮盡技術之長，實現(xiàn)藝術想象，滿足學習者對網(wǎng)絡課程信息的高質(zhì)量需求。

網(wǎng)絡課程不同于傳統(tǒng)媒體之處，就在于信息的動態(tài)更新和即時交互性。傳統(tǒng)媒體（如廣播、電視、報刊雜志等）都以線性方式提供信息，即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在環(huán)境下，人們不再是一個傳統(tǒng)媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的獲取、加工處理和表達之中。這種持續(xù)的交互，使網(wǎng)絡課程藝術設計不像印刷品設計那樣，發(fā)表之后就意味著設計的結(jié)束。網(wǎng)絡課程設計人員必須根據(jù)網(wǎng)絡課程各個階段的教學目標，配合網(wǎng)絡課程不同時期的教學策略，以及學習者的反饋信息，經(jīng)常地對網(wǎng)絡課程進行調(diào)整和修改，在保持網(wǎng)絡課程視覺形象一貫性的基礎上，不斷創(chuàng)作出新的網(wǎng)絡課程設計作品。例如，在替學習者考慮得很周到的網(wǎng)絡課程中，導航提供了足夠的、不同角度的鏈接，幫助讀者在網(wǎng)絡課程的各個部分之間跳轉(zhuǎn)，并告知學習者現(xiàn)在所在的位置、當前頁面和其他頁面之間的關系等。

而且，每頁都有一個返回主頁的按鈕或鏈接，如果頁面是按層次結(jié)構(gòu)組織的，通常還有一個返回上級頁面的鏈接。對于課程設計者來說，面對的不是按順序排列的印刷頁面，而是自由分散的網(wǎng)絡課程，因此必須考慮更多的問題。如：怎樣構(gòu)建合理的頁面組織結(jié)構(gòu)，讓學習者對你提供的巨量信息感到條理？怎樣建立包括站點索引、幫助頁面、開發(fā)工具，并配以等小制作開發(fā)了這套軟件取得了不少經(jīng)驗，要點如下：在本網(wǎng)頁的頁面設計中，采用框架的頁面結(jié)構(gòu)，使頁面形成多個能獨立變化又具有互動功能的小窗口其中有一個主窗口用來顯示學習的主要內(nèi)容，同時配有輔助窗用來進行導航選擇。通過我們的實踐發(fā)現(xiàn)在網(wǎng)絡課件的設計中有一個層次清晰、目標明確的導航系統(tǒng)將對學生提高學習效率，不迷失方向大有好處。

在說明教學內(nèi)容的過程中我們選取了大量的圖片。例如，在實驗儀器的介紹中，用數(shù)碼相機拍攝儀器實物，再運用流行的圖片進行課件制作圖片是指通過拍照形成的照片。制作編輯軟件進行圖片制作成格式的文件。在頁面中用非常相似，這使用作為開發(fā)工具的開發(fā)者不必依靠BE’復雜的系統(tǒng)就可以實現(xiàn)其強大的功能。采用事件驅(qū)動的方式對用戶的輸入反映進行交互與反饋。總之，在具體的設計中，我們充分采用多媒體技術，將文本、圖表、聲音、動畫、視頻等有機地結(jié)合在一起，向?qū)W生提供一種圖、文、聲、像并茂的學習場景，在教學實踐中取得良好的教學效果。