李曉寧 (鞍山師范學(xué)院美術(shù)學(xué)院 遼寧鞍山 114000)

網(wǎng)站的視覺傳達(dá)設(shè)計(jì)包括很多視覺元素，如文字、色彩、圖形、版式編排等，本文主要從這四方面分析闡述教學(xué)網(wǎng)站中視覺傳達(dá)設(shè)計(jì)的體現(xiàn)。

一、文字元素在教學(xué)網(wǎng)站中的體現(xiàn)

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

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

教學(xué)網(wǎng)站中文字的大小的選擇也是很重要的，字體的字號(hào)大小直接影響受眾的閱讀效率，影響學(xué)習(xí)。字號(hào)要和主題相呼應(yīng)，當(dāng)然，字號(hào)大的文字，給人視覺沖擊力越大，也容易引起人們的注意，字號(hào)小的文字，視覺沖擊力雖說不強(qiáng)，但是會(huì)給瀏覽者一種精致感，如果字號(hào)小，但是文字多，會(huì)形成面的效果，也會(huì)為教學(xué)網(wǎng)站帶來布局上的變化，整體性很強(qiáng)，但是運(yùn)用不好，例如字體要是太小，也會(huì)給瀏覽者帶來閱讀不便利，只注重頁面美觀，而忽略了實(shí)用性也是失敗的，因此我們?cè)诮虒W(xué)網(wǎng)站中進(jìn)行文字設(shè)計(jì)時(shí)，應(yīng)注意文字的字號(hào)、文字筆劃的粗細(xì)、等方面的運(yùn)用，既要美觀又要實(shí)用，兩者兼?zhèn)洹?/p>

二、色彩元素在教學(xué)網(wǎng)站中的體現(xiàn)

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

三、圖形元素在教學(xué)網(wǎng)站中的體現(xiàn)

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

四、版式元素在教學(xué)網(wǎng)站中的體現(xiàn)

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

總之，教學(xué)網(wǎng)站中的視覺傳達(dá)設(shè)計(jì)研究的綜合性很強(qiáng)，絕不能把它局限于藝術(shù)或某一領(lǐng)域的研究范疇，本文很局限的只研究了網(wǎng)頁中視覺傳達(dá)設(shè)計(jì)的視覺元素，因?yàn)檫@四方面有助于完善教學(xué)網(wǎng)站，讓它被更多的人接受和給更多的瀏覽者帶來知識(shí)信息。