【摘要】教學網(wǎng)站教學效果的優(yōu)劣與否不僅在于其豐富的教學資源，同時也與網(wǎng)站的視覺效果有緊密的聯(lián)系。良好的網(wǎng)頁視覺設(shè)計可以把枯燥的學習內(nèi)容變成生動的學習資源，網(wǎng)頁的視覺效果直接決定了該網(wǎng)站受到需求者的歡迎程度與傳播的廣泛程度。因此，教育網(wǎng)站的視覺設(shè)計對于推動教育教學的傳播具有積極意義。

【關(guān)鍵詞】教學網(wǎng)站 教學資源 視覺設(shè)計

【中圖分類號】G64 【文獻標識碼】A 【文章編號】2095-3089（2016）09-0229-02

一、視覺設(shè)計對于教學網(wǎng)站傳播的意義

當今社會互聯(lián)網(wǎng)正在飛速發(fā)展，人們在互聯(lián)網(wǎng)上聊天、沖浪、購物、求職，這個包羅萬象的在線世界已經(jīng)滲透到生活的各個角落。教育作為一種社會活動也加入到互聯(lián)網(wǎng)這個大家庭中。近年來，各式各樣的教學網(wǎng)站如雨后春筍般出現(xiàn)在人們的視野中。然而在眾多的教學網(wǎng)站中，很多網(wǎng)站忽視藝術(shù)視覺效果的設(shè)計，導致網(wǎng)站吸引力下降，流失大量學習者。目前我國教學網(wǎng)站視覺設(shè)計主要存在以下幾個問題：

首先是教學主題不突出。很多教學網(wǎng)站為了表現(xiàn)自己有豐富的教學資源，教學網(wǎng)頁就追求大而全的效果，語文、英語、政治等學科通通往頁面上羅列，生怕遺漏了什么。這樣的做法讓網(wǎng)站失去重點，沒有主次，影響學習效率。其次是網(wǎng)頁排版設(shè)計沒有貼合教學內(nèi)容。一些教學網(wǎng)站為了讓教學內(nèi)容顯得豐富詳實，把大量的文本、圖片、視頻都放在網(wǎng)頁上，學習者進入網(wǎng)站后不但不能輕松的獲取教學資源，反而會因為版面的單一而覺得枯燥乏味。最后是網(wǎng)頁配色雜亂。為了突出網(wǎng)站的教學內(nèi)容，網(wǎng)頁使用了多種顏色進行搭配，觀看網(wǎng)頁的過程仿佛在看一幅色彩繽紛的兒童畫，讓人眼花繚亂，影響了教學信息的傳達。

二、教學網(wǎng)站中視覺設(shè)計應(yīng)用方法

1.突出主題的鮮明與清晰

對教學資源有需求的人群是教學網(wǎng)站的主要服務(wù)對象，也是教學網(wǎng)站的瀏覽者。不同的學習主體對于教學網(wǎng)站的認知與喜好是不同的，只有充分了解到學習主體的認知特征才能對教學網(wǎng)站進行一個正確的定位。比如說對于小學生而言，他們的年紀較小，學習注意力較低，邏輯分析能力不強。面對這樣的學習主體，可以把網(wǎng)頁設(shè)計的簡單一些，把主題文字用不同的字號加以區(qū)別，甚至可以把網(wǎng)頁的顏色和配圖做得活潑一些，吸引孩子們的注意力，以便使他們更容易的獲取教學資源。一般來說，教學資源是具有難易程度區(qū)分的，掌握基礎(chǔ)類別的知識對于較難較復雜的知識的理解是有幫助的。具有明確主題與清晰條理的教學網(wǎng)站符合學習者搜索信息的邏輯方式，能讓學習者方便快捷的尋找到自己需要的資源，從而推動教學網(wǎng)站的傳播。

2.注重網(wǎng)頁內(nèi)容與形式統(tǒng)一

教學網(wǎng)站有了自己的教學資源以后，需要通過網(wǎng)頁的排版設(shè)計把不同的內(nèi)容“合理”的展現(xiàn)給學習者。所謂“合理”的展現(xiàn)，就是指通過視覺設(shè)計語言把教學內(nèi)容分布于網(wǎng)站之中，讓網(wǎng)頁在具有一定形式美感的環(huán)境中把學習資源傳遞給學習者。設(shè)計者必須充分了解網(wǎng)站想傳遞的內(nèi)容，然后通過合適的表現(xiàn)形式讓教學網(wǎng)站彰顯出其獨特的魅力與價值。可汗學院的官方網(wǎng)站獨具形式美感，主頁頂端羅列了網(wǎng)站的所有主題，接下來是兩行熱門主題和視頻的縮略圖，圖片與文字的比例適中，形成一個律動的整體。在二級網(wǎng)頁中，頂端排列著數(shù)個該主題下面更為具體的二級主題，頁面中下部分是詳細的教學資源。設(shè)計者運用三列無線對齊的方式把教學內(nèi)容分離開，最左邊一列是教學內(nèi)容的簡介，中間和右邊兩列則按對齊法則羅列了相關(guān)資源的鏈接。每一個學習內(nèi)容行之間用一條灰色暗線做分界線，使得頁面邏輯清晰明朗?？珊箤W院網(wǎng)站整體頁面布局在簡潔清爽之中充分展現(xiàn)了他們的學習資源，可謂達到了內(nèi)容與形式的統(tǒng)一。

3.保證色彩整體與局部協(xié)調(diào)

在教學網(wǎng)站的設(shè)計中，色彩不僅具有修飾頁面的作用，還可以對學習者產(chǎn)生一定的心理暗示。如果網(wǎng)站的色彩搭配不協(xié)調(diào)，不但會讓人眼花繚亂，產(chǎn)生視覺疲勞，同時會影響學習者對教學網(wǎng)站的瀏覽效果。在網(wǎng)頁的色彩設(shè)計上，應(yīng)該把教學資源的內(nèi)容、教學對象的特征以及教學目標的實現(xiàn)作為綜合考慮因素。比如可汗學院的網(wǎng)站為不同的主題網(wǎng)頁設(shè)計了不同的色調(diào)，對于數(shù)學主題，網(wǎng)頁使用藍色作為主色調(diào)。數(shù)學是一門具有邏輯性、嚴密思維的學科，而藍色屬于冷色調(diào)，可以很好的表現(xiàn)冷靜、理智的感覺，兩者搭配可謂相得益彰。教學網(wǎng)站中合理的色彩搭配不僅可以優(yōu)化界面，加強網(wǎng)頁的藝術(shù)美感，還可以幫助學習者更快進入學習環(huán)境，達到一舉兩得的效果。

三、總結(jié)

教育網(wǎng)站要做到廣為傳播必須做到實用性，網(wǎng)站的教學資源可以滿足學習主體的需要，學習主體可以方便快捷的獲取教學資源。網(wǎng)頁的視覺設(shè)計對于滿足網(wǎng)站的實用性起到了必要的支撐作用。在教學網(wǎng)站中運用視覺設(shè)計的方法優(yōu)化網(wǎng)頁，可以增強網(wǎng)頁的視覺感染力，讓學習主體對學習資源的獲取更加得心應(yīng)手，從而擴大教育網(wǎng)站的傳播范圍。

參考文獻：

[1]南征.設(shè)計師的設(shè)計日記[M].北京：電子工業(yè)出版社， 2012，05

[2]（美）斯伯克特等.教育傳播與技術(shù)研究手冊 [M].上海：華東師范大學出版社， 2012，09

作者簡介：

陳思迪（1990.8-），女，四川人，貴州師范大學教育科學學院，講師。