淺析教學網站中視覺傳達設計的體現

李曉寧 (鞍山師范學院美術學院 遼寧鞍山 114000)

網站的視覺傳達設計包括很多視覺元素，如文字、色彩、圖形、版式編排等，本文主要從這四方面分析闡述教學網站中視覺傳達設計的體現。

一、文字元素在教學網站中的體現

文字作為人們交流的重要手段之一，在教學網站設計中，文字元素是最直接、最便利傳遞信息的載體，不僅僅是頁面的核心元素，也是更高的藝術表現形式，瀏覽者通過文字獲取教學網站上的訊息，設計者通過文字元素來編排頁面設計，完善設計思想。文字本身就具有強的表現力，它通過自己的文字樣式、文字大小、文字設計等讓瀏覽者可以產生不同的心理感應，如果將文字的屬性要素運用好，可以很恰當的傳遞設計者的思想，讓瀏覽者與設計師產生設計共鳴，讓文字具有完整的訴求效果，給瀏覽者清晰的視覺畫面，讓瀏覽者印象深刻，瀏覽忘返。

由于字體不同，在教學網站中體現也是不同的，有的字體在教學網站中會給觀者帶來幽默快樂感，有的字體則讓觀者看著肅穆起敬，有的字體給觀者帶來正能量等等，這些都是字體在情感方面的體現。如果從藝術角度來看，宋體字給人一種端莊秀麗之美，黑體字則具有嚴肅，莊重之美，隸書字體則給人一種典雅之美，魏書字體給人一種力度十足感，楷書字體則給人一種工整感，行書和草書字體變化性很強，給人一種動感十足的美感。以上簡單說了一下字體，當然還有很多電腦字體沒有一一說道，如pop廣告字體給人一種時尚之美感。字體的筆劃粗細也會給人帶來情感上的變化，粗筆劃有種厚重感，細筆劃給人一種纖細之美感，筆劃直，則給人一種堅定之美感。想設計出一個優秀的教學網站，字體上的選擇是避免不了的，如果設計中字體沒有選擇好，那么很可能就影響到網頁的整體效果。

教學網站中文字的大小的選擇也是很重要的，字體的字號大小直接影響受眾的閱讀效率，影響學習。字號要和主題相呼應，當然，字號大的文字，給人視覺沖擊力越大，也容易引起人們的注意，字號小的文字，視覺沖擊力雖說不強，但是會給瀏覽者一種精致感，如果字號小，但是文字多，會形成面的效果，也會為教學網站帶來布局上的變化，整體性很強，但是運用不好，例如字體要是太小，也會給瀏覽者帶來閱讀不便利，只注重頁面美觀，而忽略了實用性也是失敗的，因此我們在教學網站中進行文字設計時，應注意文字的字號、文字筆劃的粗細、等方面的運用，既要美觀又要實用，兩者兼備。

二、色彩元素在教學網站中的體現

色彩，在教學網站中的作用是先于其它視覺元素的，因此對教學網站中的信息傳遞是有直接影響的。人們對色彩的感知度，還受人們的心理影響，與人們的情緒、情感、聯想、象征意義等主觀精神方面的因素有關。我們在教學網站中運用什么樣的顏色，不同的顏色可以可以引起瀏覽者不同的感知度，不同的想象力，不同的接受度，不同的情感。當然，色彩引起的心理反應也是因人而異的，這樣也為網頁設計者帶來了新的靈感，可以根據不同的人群，如性別，年齡，職業等設計不同的色彩，同樣也為網頁帶來了豐富的情感因素。如：紅色的運用，首先給人一種溫暖的感覺，使人覺得熱情奔放，也會使人們興奮，當然也有負面的影響，會讓人有種不安的情緒，恐懼等；藍色的運用，讓人覺得很冰冷，很冷靜，有種沉著感，當然也會讓人覺得很憂郁；綠色的運用，給人一種大自然的清新感，很健康，很環保；黃色的運用，首先讓人覺得眼前一亮，很光明，當然也容易讓人興奮，激動等，我們在設計教學網站時，應根據教學內容合理運用顏色，也可以將顏色進行搭配運用，可以運用色彩的對比或者互補來進行設計，達到最好的設計效果。

三、圖形元素在教學網站中的體現

圖形在教學網站中的運用，它可以劃分網站的功能，將信息按照圖形分類，起到醒目、吸引人的作用，同時可以為網站設計增加設計亮點，讓枯燥的文字信息變的易于瀏覽，當然也不能運用太多的圖形，否則會給網站帶來零亂感，干擾人們閱讀，引起人們的反感，我們應該根據設計主題選擇圖形，讓圖形真正的為網站服務，在選擇圖形上，我們應選擇一般瀏覽器均支持的壓縮圖形格式，如JPEG格式與GIF格式等。我們在設計教學網站時，要注意圖形與文字的位置關系，如果原本不相關的圖形和文字位置離得太近，瀏覽者會將兩者看成是一起的，所以，我們在設計時想借助圖形來介紹知識內容，應該讓兩者的距離近些，否則瀏覽者在誤解圖形所表達意思的情況下，很難快速搜索到正確的相關內容，給瀏覽者在學習知識上增加了困難。我們在選擇圖形時也要注意，選擇一些易于大眾接受的圖形，因避免大量運用抽象圖形，如果選擇的圖形太過于抽象，瀏覽者很難明白和接受，那在網站中的運用反倒變得適得其反，還降低了網頁打開速度，因此設計者需要深入了解瀏覽者感興趣的內容、活動，并靈活地運用到設計中以獲得瀏覽者的喜愛、保持瀏覽者的關注。

四、版式元素在教學網站中的體現

版式元素是很隱性的元素，但是在教學網站中起到很重要的作用，可以使重要信息得到推廣，也能引領瀏覽者一步一步深入了解教學網站中的核心內容，讓版面看起來更加合理化，避免雜亂無章，可以借助表格嵌套和框架結構對頁面進行細致劃分，分割時應注意空間比例，顏色變化，虛實關系等，最終讓教學網站的主題明確，主次內容明顯，構建一個簡潔的視覺流程，方便瀏覽者閱讀和搜索想要的信息。網站中的版式設計其實也是一個設計創意網站的過程，不是隨意想怎樣就怎樣去設計，應遵循形式美法則的，我們可以采用對稱美，非對稱美，或者對比的方式等等，網頁的版式設計是決定網站美觀與否的一個重要體現，我們設計網站版式時可以通過一個既合理又具有創新的版式編排，然后將有限的視覺元素完美的展現在瀏覽者的面前，為瀏覽者帶來美的享受。

總之，教學網站中的視覺傳達設計研究的綜合性很強，絕不能把它局限于藝術或某一領域的研究范疇，本文很局限的只研究了網頁中視覺傳達設計的視覺元素，因為這四方面有助于完善教學網站，讓它被更多的人接受和給更多的瀏覽者帶來知識信息。