久久亚洲中文字幕精_精品国产一区二区三区不卡_99久久久无码国产精品免费手机_国产亚洲精品久久久久动漫

視覺效果和教育心理學在教學網(wǎng)頁設(shè)計中的應用發(fā)布者：本站     時間：2020-05-05 13:05:18

1 引言

當代社會，信息化學習已經(jīng)席卷而來，學習環(huán)境網(wǎng)絡化、學習資源數(shù)字化、學習方式多樣化作為信息時代學習的特征，得到學術(shù)界的認定。學習者必須充分利用網(wǎng)絡資源、轉(zhuǎn)變學習方式，變被動學習為主動學習、變接受式學習為發(fā)現(xiàn)式學習、變個別學習為協(xié)作式學習。逐步改變以教師為中心、課堂為中心、書本為中心的局面，促進學生創(chuàng)新意識與實踐能力的發(fā)展。

與此同時，作為互聯(lián)網(wǎng)時代混合式學習的重要元素--教學網(wǎng)站設(shè)計，其重要性也日益顯現(xiàn)和提高。統(tǒng)觀教學網(wǎng)頁的多元化發(fā)展，其結(jié)果卻不盡人意，大部分仍停留在文本瀏覽或簡單網(wǎng)頁跳轉(zhuǎn)水平，有悖于我們當前提倡的"自主、探究與協(xié)作"的學習方式。此外，大部分有關(guān)教學網(wǎng)頁設(shè)計的研究，都是從網(wǎng)頁設(shè)計本身出發(fā)，如頁面風格、交互功能以及導航策略等，缺乏對視覺效果和教育心理學在教學網(wǎng)頁設(shè)計中的應用研究，這在很大程度上制約了自主學習的積極性。

2 視覺傳達下的教學網(wǎng)站設(shè)計

2.1 文字的視覺傳達

作為信息傳播的主要符號和手段，文字無疑是網(wǎng)頁設(shè)計的主體，不僅是網(wǎng)頁的重要組成元素，更是網(wǎng)頁信息的重要描述要素。作為網(wǎng)頁的形象要素之一，文字除了表意功能外[1]，還要具體結(jié)合學生的視覺特征，綜合考慮字號、字體以及行間距等設(shè)計要素。為了打造教學網(wǎng)站自己的特色和風格，設(shè)計者可以結(jié)合實際選擇字體。比如，選擇粗仿宋體來體現(xiàn)專業(yè)化，選擇廣告體來體現(xiàn)精美化，選擇手寫字體來體現(xiàn)親切化，等等。教學網(wǎng)頁設(shè)計時，可以對字體選擇進行考慮和設(shè)計，用不同字體的變化來打破刻板的教學模式，讓學生在學習過程中通過視覺傳達體會愉悅的學習過程。

2.2 圖形的視覺傳達

圖片屬于最早被引入網(wǎng)絡媒體中的表意符號，在當今圖像化時代，圖片對受眾的吸引力比文字有過之無不及。圖片在美化網(wǎng)頁的同時，極大地擴展了所傳達的信息量。圖片所產(chǎn)生的視覺效果能夠有效增強網(wǎng)頁的趣味性，讓原本平淡無奇的網(wǎng)頁變得更有畫面感，實現(xiàn)信息傳達的立體化、層面化和直接化。網(wǎng)頁圖片一般分為兩種，即主體圖片和輔助圖片。

主體圖片以信息內(nèi)容的直接傳達為目的，包括標題圖、新聞照片等。而輔助圖片是為實現(xiàn)網(wǎng)頁的藝術(shù)化而設(shè)計的圖片，其主要作用是烘托主題和渲染氛圍，典型的就是背景圖片。在教學網(wǎng)頁設(shè)計中，設(shè)計者要賦予圖片以視覺美感，可以通過點線面的不同排列組合，靈活采取夸張、象征等手法來達到預期的視覺效果，實現(xiàn)圖片藝術(shù)性。所以，教學網(wǎng)頁的設(shè)計中，要善于合理運用圖片，一方面強化知識點的理解，另一方面激發(fā)學生的學習興趣，通過視覺上的審美沖擊，給學生留下深刻印象和良好心理反應。

3 色彩心理學下的教學網(wǎng)頁設(shè)計

3.1 色彩的整體設(shè)置

色彩的視覺效果不僅在很大程度上直接影響著學生的瀏覽興趣，而且還決定著網(wǎng)頁的整體效果。在色彩設(shè)計過程中，要遵循整體協(xié)調(diào)，局部均衡和突出重點的設(shè)計原則，對不同色彩進行靈活組合，搭配出具有美感的網(wǎng)頁。色彩設(shè)計要根據(jù)網(wǎng)頁整體風格定出主色調(diào)，教學網(wǎng)頁的主色調(diào)通常以柔和淡雅的淺色為主，然后配以深色文字，這樣有助于突出重點。設(shè)計者可以通過對單色色彩的飽和度調(diào)整、鄰近色的選用以及對比色的配用等方法來實現(xiàn)[2].網(wǎng)頁的色彩并非多多益善，主色調(diào)通常不超過三種色彩，主要是通過調(diào)整不同色彩的屬性來實現(xiàn)色彩變化。

此外，不同色調(diào)的心理暗示也不盡相同，色彩知覺同人的主觀情緒、聯(lián)想以及象征意義等因素有著密切聯(lián)系。基于不同色彩有不同心理暗示，在教學網(wǎng)頁色彩構(gòu)圖設(shè)計中，一定要符合上輕下重的視覺生理特征，把輕色安排在上部，重色安排于下部。若是網(wǎng)頁上部搭配重色，那么在下部邊緣位置要相應地配以重色，以此達到平衡構(gòu)圖的目的。靈活運用色彩的強弱，能夠避免畫面的單調(diào)，實現(xiàn)網(wǎng)頁畫面色彩的動態(tài)感和均衡感，消除學生學習過程中的視覺疲勞。在教學網(wǎng)頁設(shè)計中，綠色能使人產(chǎn)生一種輕松愉悅的感覺，陽光、綠蔭和草地的搭配作為背景設(shè)計，能夠給學生提供一種輕松、自然和愉悅的學習環(huán)境。

3.2 色彩的冷暖感

所謂的色彩冷暖關(guān)系，就是補色關(guān)系。冷暖感實際上是人類觸覺對外界溫度的一種本能反應。陽光、火焰等反射出來的紅色光具有導熱作用，人們稱之為"暖色".而人們處于高山、雪地以及藍天等自然環(huán)境中時，感覺寒冷，因此藍色、藍綠或藍紫色稱為"冷色".可以說，紅與藍構(gòu)成了冷暖色系的兩個極端，而居于兩者中間的中性色就是綠和紫。此外，金銀黑白灰五種色彩在色彩心理上也屬于中性色，能夠同奇特色進行調(diào)和，形成緩解效應，特別是同原色的調(diào)和。網(wǎng)頁設(shè)計中的主色調(diào)決定了網(wǎng)頁的整體冷暖感。教學網(wǎng)頁所傳達的信息除了需要用精準的文字加以表述外，還應該進行色彩的合理搭配，讓學生形成一種類似色知覺的反映，進而有效提高網(wǎng)頁的信息傳達效果。

3.3 色彩的輕重感

色彩的明度在很大程度上決定著色彩的輕重感。通常明度較高以及色相較冷的色彩給人較輕的感覺，比如，白色就使人感覺輕，讓人不由自主地聯(lián)想到霧、白云等，具有輕柔的美感；相反，那些明度較低和色相暖的色彩給人較重的感覺，典型的就屬黑色。黑色讓人自然地聯(lián)想到夜晚、金屬等，具有厚重、踏實的感覺。所以，但凡加白提高明亮度的色彩就會變輕，反之，加黑降低明亮度的色彩就會變重。在教學網(wǎng)頁設(shè)計中，通常網(wǎng)頁的下部采用明亮度較低的色彩，給學生一種沉靜的感覺，而對于兒童類教學網(wǎng)站，最好采用明亮度較高的色彩，給學生一種輕快感。

3.4 色彩的距離感

網(wǎng)頁上的色彩，有的會讓人產(chǎn)生突出和親近感，有的會讓人產(chǎn)生隱退和遠離感。而色彩的明度和色相是這種距離感產(chǎn)生的主要原因。通常是暖色近，冷色遠，純色近而灰色遠，對比強的色彩近，對比弱的色彩遠。色彩鮮明、清晰的暖色有助于主題的突出，色彩模糊、昏暗的冷色能夠烘托主題。有的教學網(wǎng)站利用這種色彩的距離感，形成一種具有強烈進退感的視覺效果。比如，在網(wǎng)頁上部設(shè)計為廣闊的淺藍色天空，給學生一種身心放松，心曠神怡的感覺。

3.5 色彩的華麗與質(zhì)樸感

色彩的華麗與質(zhì)樸與色彩的色相有著很大的關(guān)系。純度、明度較高的鮮明色，包括金、橙、紅等色彩能夠給人一種輝煌、亮麗感覺，反之，那些純度、明度較低的灰暗色，包括藍、藍綠等冷色則會給人一種素淡、質(zhì)樸的感覺。以純度來講，飽和的湖藍、孔雀藍以及寶石藍也會給人華麗的感覺，而純度低的濁色則會給人質(zhì)樸感。以明亮度來講，明亮的色彩比較靈動、輕快，具有華麗感，而灰暗色彩就顯得比較深沉和厚重，帶有明顯樸素感。前者主要用于藝術(shù)設(shè)計類教學網(wǎng)頁設(shè)計，后者主要用于醫(yī)學教育網(wǎng)頁設(shè)計。此外，色相的多少也產(chǎn)生一定的影響，色相多就顯得網(wǎng)頁華麗，色相少則顯得網(wǎng)頁樸素。在教學網(wǎng)頁的設(shè)計中，設(shè)計者要結(jié)合具體情況合理把握網(wǎng)頁色彩的華麗感和質(zhì)樸感[3].

4 認知心理學下的教學網(wǎng)頁設(shè)計

互聯(lián)網(wǎng)時代的混合式學習重要元素有：在線課件、教學視頻、文章案例、文獻導讀、線上討論等。為了更好地對開放教育源進行匯聚和推送，縮短學生從探究到接受的自主學習過程，教學網(wǎng)頁設(shè)計必須更加符合學生的認知心理，信息的傳達和接受才會更加有效。特別在學生自主學習環(huán)節(jié)，網(wǎng)頁的視覺效果會直接影響其尋求有效資源的學習心理。因此，教學網(wǎng)頁設(shè)計要結(jié)合學生的認知心理，在整體布局、認知需求等方面進行合理設(shè)計[4].

4.1 整體布局

學習瀏覽網(wǎng)頁的習慣是基于人類生理特征下的正常反應。人們在閱讀時只能形成一個焦點，不能同時將視線投放于幾個事物之上。同時，人在閱讀時有一種習慣性視覺走向，就是由左到右，從上到下。因此教學網(wǎng)頁設(shè)計要符合人類視覺走向的心理特征。此外，教學網(wǎng)頁要突出重點，抓住學生眼球，不能讓學生產(chǎn)生無所適從的迷茫感。在教學網(wǎng)頁設(shè)計中，要充分利用視覺走向和瀏覽者的心理，實現(xiàn)網(wǎng)站信息的高效傳達。要注意做好各大功能模塊的分布和視覺引導工作，實現(xiàn)網(wǎng)頁視覺效果的整體性?？傊?，教學網(wǎng)頁設(shè)計首先要考慮兩方面的因素，一方面，要以信息有效傳達為主，要符合學生的閱讀和思維習慣，實現(xiàn)視覺走向的自然化。另一方面，實現(xiàn)網(wǎng)頁各要素在整體協(xié)調(diào)下的合理分布，實現(xiàn)網(wǎng)頁上各種信息在大小、位置以及間距方面的銜接。

4.2 認知需求

網(wǎng)頁設(shè)計屬于平面設(shè)計范疇，要充分利用互動式交流的思維進行網(wǎng)頁設(shè)計，增加網(wǎng)頁吸引力，充分滿足受眾認知需求。教學網(wǎng)頁的內(nèi)容和形式要實現(xiàn)統(tǒng)一，作為一個資源型網(wǎng)站，面對大量需要傳達的信息，必須進行合理排布，既要實現(xiàn)網(wǎng)頁的整體性，同時又不失信息傳達的重點。但是各種信息的排布切不可僵硬死板，要在遵從學生視覺和心理特征的基礎(chǔ)上，適當加入些許創(chuàng)新元素，實現(xiàn)頁面的多樣性、靈動性，給學生留下特別的印象。

以激發(fā)學生認知心理為出發(fā)點，在學習平臺的視覺設(shè)計方面，首要任務是信息的有效傳達，其次是打造學習平臺自身的特色。各信息要素的合理分布是信息得以高效利用的基礎(chǔ)，網(wǎng)頁中要明確設(shè)置學習者迫切需求的欄目和平臺入口，以便他們能夠有針對性地對信息進行搜索和瀏覽。網(wǎng)絡學習平臺的構(gòu)建不僅需要全面、清晰的信息資源，更要注重網(wǎng)絡學習氛圍的營造，便捷而愉悅的學習感受會讓使用者在進行網(wǎng)絡自主學習時有事半功倍的效果。

5 藝術(shù)審美對教學網(wǎng)站功能的整體提升

教學網(wǎng)站設(shè)計所呈現(xiàn)的藝術(shù)品質(zhì)使其介于實用和審美的兩端，成為集實用和審美為一體的具有雙重屬性的藝術(shù)新形態(tài)，所具有的審美性內(nèi)容同其它藝術(shù)領(lǐng)域的作品并無差別。教學網(wǎng)頁的藝術(shù)美主要是利用各種藝術(shù)化設(shè)計手法帶來師生的審美愉悅和體會[5].在教學網(wǎng)站設(shè)計中主要體現(xiàn)為要素比例的和諧性，色彩的鮮明性，形式的完整性，整體的多樣性等等?？梢哉f，優(yōu)秀的設(shè)計離不開藝術(shù)美學的支撐。教學網(wǎng)站的藝術(shù)設(shè)計中涉及到的色彩選擇，完全可以從藝術(shù)美學角度出發(fā)進行構(gòu)想。藝術(shù)審美下的教學網(wǎng)站通常以生動、豐富、靈動和自然為主要特征，追求比例、尺度、色性和色度關(guān)系，簡單、直接而又生動地加以呈現(xiàn)。以藝術(shù)審美角度來講，賞心悅目的背后通常是嚴格的考量、理性的推敲和細致的調(diào)整。

教學網(wǎng)頁的設(shè)計構(gòu)思可以從學校的形象塑造、學校文化的建設(shè)以及教學內(nèi)容的擴展三個角度為出發(fā)點，創(chuàng)建出獨具特色的網(wǎng)頁。作為視覺傳達設(shè)計系統(tǒng)的子系統(tǒng)，教學網(wǎng)頁設(shè)計的審美功能要充分重視，特別是在一些藝術(shù)類教學網(wǎng)頁中，藝術(shù)審美的追求成為網(wǎng)站設(shè)計時需要考量的重要組成部分