視覺效果和教育心理學在教學網(wǎng)頁設計中的應用,網(wǎng)站設計論文

視覺效果和教育心理學在教學網(wǎng)頁設計中的應用,網(wǎng)站設計論文現(xiàn)代社會，信息化學習已經(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)站設計，其重要性也日益顯現(xiàn)和提高。統(tǒng)觀教學網(wǎng)頁的多元化發(fā)展，其結(jié)果卻不盡人意，大部分仍停留在文本閱讀或簡單網(wǎng)頁跳轉(zhuǎn)水平，有悖于我們當下提倡的自主、探究與協(xié)作的學習方式。除此之外，大部分有關(guān)教學網(wǎng)頁設計的研究，都是從網(wǎng)頁設計本身出發(fā)，如頁面風格、交互功能以及導航策略等，缺乏對視覺效果和教育心理學在教學網(wǎng)頁設計中的應用研究，這在很大程度上制約了自主學習的積極性。2視覺傳達下的教學網(wǎng)站設計2.1文字的視覺傳達作為信息傳播的主要符號和手段，文字無疑是網(wǎng)頁設計的主體，不僅僅是網(wǎng)頁的重要組成元素，更是網(wǎng)頁信息的重要描繪敘述要素。作為網(wǎng)頁的形象要素之一，文字除了表意功能外[1]，還要詳細結(jié)合學生的視覺特征，綜合考慮字號、字體以及行間距等設計要素。為了打造教學網(wǎng)站自個的特色和風格，設計者能夠結(jié)合實際選擇字體。比方，選擇粗仿宋體來具體表現(xiàn)出專業(yè)化，選擇廣告體來具體表現(xiàn)出精致華美化，選擇手寫字體來具體表現(xiàn)出親切化，等等。教學網(wǎng)頁設計時，能夠?qū)ψ煮w選擇進行考慮和設計，用不同字體的變化來打破刻板的教學形式，讓學生在學習經(jīng)過中通過視覺傳達體會愉悅的學習經(jīng)過。2.2圖形的視覺傳達圖片屬于最早被引入網(wǎng)絡媒體中的表意符號，在當今圖像化時代，圖片對受眾的吸引力比文字有過之無不及。圖片在美化網(wǎng)頁的同時，極大地擴展了所傳達的信息量。圖片所產(chǎn)生的視覺效果能夠有效加強網(wǎng)頁的趣味性，讓本來平淡無奇的網(wǎng)頁變得更有畫面感，實現(xiàn)信息傳達的立體化、層面化和直接化。網(wǎng)頁圖片一般分為兩種，即主體圖片和輔助圖片。主體圖片以信息內(nèi)容的直接傳達為目的，包括標題圖、新聞照片等。而輔助圖片是為實現(xiàn)網(wǎng)頁的藝術(shù)化而設計的圖片，其主要作用是襯托主題和渲染氣氛，典型的就是背景圖片。在教學網(wǎng)頁設計中，設計者要賦予圖片以視覺美感，能夠通過點線面的不同排列組合，靈敏采取夸大、象征等手法來到達預期的視覺效果，實現(xiàn)圖片藝術(shù)性。所以，教學網(wǎng)頁的設計中，要擅長合理運用圖片，一方面強化知識點的理解，另一方面激發(fā)學生的學習興趣，通過視覺上的審美沖擊，給學生留下深入印象和良好心理反響。3色彩心理學下的教學網(wǎng)頁設計3.1色彩的整體設置色彩的視覺效果不僅在很大程度上直接影響著學生的閱讀興趣，而且還決定著網(wǎng)頁的整體效果。在色彩設計經(jīng)過中，要遵循整體協(xié)調(diào)，局部平衡和突出重點的設計原則，對不同色彩進行靈敏組合，搭配出具有美感的網(wǎng)頁。色彩設計要根據(jù)網(wǎng)頁整體風格定出主色調(diào)，教學網(wǎng)頁的主色調(diào)通常以柔和淡雅的淡色為主，然后配以深色文字，這樣有助于突出重點。設計者能夠通過對單色色彩的飽和度調(diào)整、鄰近色的選用以及比照色的配用等方式方法來實現(xiàn)[2].網(wǎng)頁的色彩并非多多益善，主色調(diào)通常不超過三種色彩，主要是通過調(diào)整不同色彩的屬性來實現(xiàn)色彩變化。除此之外，不同色調(diào)的心理暗示也不盡一樣，色彩知覺同人的主觀情緒、聯(lián)想以及象征意義等因素有著密切聯(lián)絡?；诓煌视胁煌睦戆凳?，在教學網(wǎng)頁色彩構(gòu)圖設計中，一定要符合上輕下重的視覺生理特征，把輕色布置在上部，重色布置于下部。若是網(wǎng)頁上部搭配重色，那么在下部邊緣位置要相應地配以重色，以此到達平衡構(gòu)圖的目的。靈敏運用色彩的強弱，能夠避免畫面的單調(diào)，實現(xiàn)網(wǎng)頁畫面色彩的動態(tài)感和平衡感，消除學生學習經(jīng)過中的視覺疲憊。在教學網(wǎng)頁設計中，綠色能使人產(chǎn)生一種輕松愉悅的感覺，陽光、綠蔭和草地的搭配作為背景設計，能夠給學生提供一種輕松、自然和愉悅的學習環(huán)境。3.2色彩的冷暖感所謂的色彩冷暖關(guān)系，就是補色關(guān)系。冷暖感實際上是人類觸覺對外界溫度的一種本能反響。陽光、火焰等反射出來的紅色光具有導熱作用，人們稱之為暖色.而人們處于高山、雪地以及藍天等自然環(huán)境中時，感覺嚴寒，因而藍色、藍綠或藍紫色稱為冷色.能夠講，紅與藍構(gòu)成了冷暖色系的兩個極端，而居于兩者中間的中性色就是綠和紫。除此之外，金銀黑白灰五種色彩在色彩心理上也屬于中性色，能夠同奇特色進行調(diào)和，構(gòu)成緩解效應，十分是同原色的調(diào)和。網(wǎng)頁設計中的主色調(diào)決定了網(wǎng)頁的整體冷暖感。教學網(wǎng)頁所傳達的信息除了需要用精準的文字加以表述外，還應該進行色彩的合理搭配，讓學生構(gòu)成一種類似色知覺的反映，進而有效提高網(wǎng)頁的信息傳達效果。3.3色彩的輕重感色彩的明度在很大程度上決定著色彩的輕重感。通常明度較高以及色相較冷的色彩給人較輕的感覺，比方，白色就使人感覺輕，讓人不由自主地聯(lián)想到霧、白云等，具有輕柔的美感；相反，那些明度較低和色相暖的色彩給人較重的感覺，典型的就屬黑色。黑色讓人自然地聯(lián)想到夜晚、金屬等，具有厚重、踏實的感覺。所以，但凡加白提高亮堂度的色彩就會變輕，反之，加黑降低亮堂度的色彩就會變重。在教學網(wǎng)頁設計中，通常網(wǎng)頁的下部采用亮堂度較低的色彩，給學生一種沉靜的感覺，而對于兒童類教學網(wǎng)站，最好采用亮堂度較高的色彩，給學生一種輕快感。3.4色彩的距離感網(wǎng)頁上的色彩，有的會讓人產(chǎn)生突出和親近感，有的會讓人產(chǎn)生隱退和遠離感。而色彩的明度和色相是這種距離感產(chǎn)生的主要原因。通常是暖色近，冷色遠，純色近而灰色遠，比照強的色彩近，比照弱的色彩遠。色彩鮮明、清楚明晰的暖色有助于主題的突出，色彩模糊、昏暗的冷色能夠襯托主題。有的教學網(wǎng)站利用這種色彩的距離感，構(gòu)成一種具有強烈進退感的視覺效果。比方，在網(wǎng)頁上部設計為廣闊的淺藍色天空，給學生一種身心放松，心曠神怡的感覺。3.5色彩的華美與質(zhì)樸感色彩的華美與質(zhì)樸與色彩的色相有著很大的關(guān)系。純度、明度較高的鮮明色，包括金、橙、紅等色彩能夠給人一種輝煌、亮麗感覺，反之，那些純度、明度較低的灰暗色，包括藍、藍綠等冷色則會給人一種素凈、質(zhì)樸的感覺。以純度來講，飽和的湖藍、孔雀藍以及寶石藍也會給人華美的感覺，而純度低的濁色則會給人質(zhì)樸感。以亮堂度來講，亮堂的色彩比擬靈動、輕快，具有華美感，而灰暗色彩就顯得比擬深沉和厚重，帶有明顯樸素感。前者主要用于藝術(shù)設計類教學網(wǎng)頁設計，后者主要用于醫(yī)學教育網(wǎng)頁設計。除此之外，色相的多少也產(chǎn)生一定的影響，色相多就顯得網(wǎng)頁華美，色相少則顯得網(wǎng)頁樸素。在教學網(wǎng)頁的設計中，設計者要結(jié)合詳細情況合理把握網(wǎng)頁色彩的華美感和質(zhì)樸感[3].4認知心理學下的教學網(wǎng)頁設計互聯(lián)網(wǎng)時代的混合式學習重要元素有：在線課件、教學視頻、文章案例、文獻導讀、線上討論等。為了更好地對開放教育源進行會聚和推送，縮短學生從探究到接受的自主學習經(jīng)過，教學網(wǎng)頁設計必須愈加符合學生的認知心理，信息的傳達和接受才會愈加有效。十分在學生自主學習環(huán)節(jié)，網(wǎng)頁的視覺效果會直接影響其尋求有效資源的學習心理。因而，教學網(wǎng)頁設計要結(jié)合學生的認知心理，在整體布局、認知需求等方面進行合理設計[4].4.1整體布局學習閱讀網(wǎng)頁的習慣是基于人類生理特征下的正常反響。人們在閱讀時只能構(gòu)成一個焦點，不能同時將視線投放于幾個事物之上。同時，人在閱讀時有一種習慣性視覺走向，就是由左到右，從上到下。因而教學網(wǎng)頁設計要符合人類視覺走向的心理特征。除此之外，教學網(wǎng)頁要突出重點，捉住學生眼球，不能讓學生產(chǎn)生無所適從的迷茫感。在教學網(wǎng)頁設計中，要充分利用視覺走向和閱讀者的心理，實現(xiàn)網(wǎng)站信息的高效傳達。要注意做好各大功能模塊的分布和視覺引導工作，實現(xiàn)網(wǎng)頁視覺效果的整體性?？傊?，教學網(wǎng)頁設計首先要考慮兩方面的因素，一方面，要以信息有效傳達為主，要符合學生的閱讀和思維習慣，實現(xiàn)視覺走向的自然化。另一方面，實現(xiàn)網(wǎng)頁各要素在整體協(xié)調(diào)下的合理分布，實現(xiàn)網(wǎng)頁上各種信息在大小、位置以及間距方面的銜接。4.2認知需求網(wǎng)頁設計屬于平面設計范疇，要充分利用互動式溝通的思維進行網(wǎng)頁設計，增加網(wǎng)頁吸引力，充分知足受眾認知需求。教學網(wǎng)頁的內(nèi)容和形式要實現(xiàn)統(tǒng)一，作為一個資源型網(wǎng)站，面對大量需要傳達的信息，必須進行合理排布，既要實現(xiàn)網(wǎng)頁的整體性，同時又不失信息傳達的重點。但是各種信息的排布切不可僵硬死板，要在遵從學生視覺和心理特征的基礎上，適當參加些許創(chuàng)新元素，實現(xiàn)頁面的多樣性、靈動性，給學生留下十分的印象。以激發(fā)學生認知心理為出發(fā)點，在學習平臺的視覺設計方面，首要任務是信息的有效傳達，其次是打造學習平臺本身的特色。各信息要素的合理分布是信息得以高效利用的基礎，網(wǎng)頁中要明確設置學習者迫切需求的欄目和平臺入口，以便他們能夠有針對性地對信息進行搜索和閱讀。網(wǎng)絡學習平臺的構(gòu)建不僅需要全面、清楚明晰的信息資源，更要注重網(wǎng)絡學習氣氛的營造，便捷而愉悅的學習感受會讓使用者在進行網(wǎng)絡自主學習時有事半功倍的效果。5藝術(shù)審美對教學網(wǎng)站功能的整體提升教學網(wǎng)站設計所呈現(xiàn)的藝術(shù)品質(zhì)使其介于實用和審美的兩端，成為集實用和審美為一體的具有雙重屬性的藝術(shù)新形態(tài)，所具有的審美性內(nèi)容同其它藝術(shù)領域的作品并無差異不同。教學網(wǎng)頁的藝術(shù)美主要是利用各種藝術(shù)化設計手法帶來師生的審美愉悅和體會[5].在教學網(wǎng)站設計中主要具體表現(xiàn)出為要素比例的和諧性，色彩的鮮明性，形式的完好性，整體的多樣性等等。能夠講，優(yōu)秀的設計離不開藝術(shù)美學的支撐。教學網(wǎng)站的藝術(shù)設計中牽涉到的色彩選擇，完全能夠從藝術(shù)美學角度出發(fā)進行設想。藝術(shù)審美下的教學網(wǎng)站通常以生動、豐富、靈動和自然為主要特征，追求比例、尺度、色性和色度關(guān)系，簡單、直接而又生動地加以呈現(xiàn)。以藝術(shù)審美角度來講，賞心悅目的背后通常是嚴格的考量、理性的琢磨和細致的調(diào)整。教學網(wǎng)頁的設計構(gòu)思能夠從學校的形象塑造、學校文化的建設以及教學內(nèi)容的擴展三個角度為出發(fā)點，開創(chuàng)建立出獨具特色的網(wǎng)頁。作為視覺傳達設計系統(tǒng)的子系統(tǒng)，教學網(wǎng)頁設計的審美功能要充分重視，十分是在一些藝術(shù)類教學網(wǎng)頁中，藝術(shù)審美的追求成為網(wǎng)站設計時需要考量的重要組成部分?；旌鲜綄W習形式下，教學網(wǎng)頁已經(jīng)不再是被動的陳述者，它完全能夠憑借網(wǎng)絡優(yōu)勢實現(xiàn)創(chuàng)新、提高和突破，改變傳統(tǒng)教學網(wǎng)頁的刻板印象，真正做到人性化，提升自主學習的空間。根據(jù)學科門類的定位，通過視覺效果、教育心理學，以及各種色彩的心理效應來構(gòu)建網(wǎng)頁的整體風格。在主色彩確定以后，要結(jié)合整體特征，對色彩之間的關(guān)系做全面琢磨，實現(xiàn)信息傳達的準確性，到達襯托氣氛和突出主題的目的，設計出廣為師生廣泛認可和接受的教學網(wǎng)頁，真正意義上成為自主學習的推進者。以下為參考文獻：[1]張璐。關(guān)于網(wǎng)站網(wǎng)頁設計中的視覺元素分析[J].科技風，2020,〔14〕：48.[2]荊麗茜。