視覺傳達理念下的高校教學網(wǎng)站設計研究

摘要：目前，我國高校教學網(wǎng)站設計要點主要體現(xiàn)在教學設計和技術解決上，對于網(wǎng)站頁面的美觀設計缺乏研究，由于簡單的頁面設計已經(jīng)不能滿足人們的視覺需求，因此，高校教學網(wǎng)站設計應該在視覺傳達理念下進行研究和創(chuàng)新，促使教學網(wǎng)站內(nèi)容更加豐富，并且更具美學價值。本文主要通過淺述視覺傳達設計的概述，以及高校教學網(wǎng)站中視覺傳達設計的現(xiàn)狀，從而從文字、圖形、色彩以及版式布局四方面去研究高校教學網(wǎng)站的設計理念。

關鍵詞：視覺傳達理念高校教學網(wǎng)站設計研究

隨著信息技術時代的到來，人們的生活、工作和學習發(fā)生了翻天覆地的變化，同時也拓展了教育的發(fā)展空間。在信息時代，網(wǎng)絡教育被各界廣泛關注，通過建立官方的高校網(wǎng)站來加強學生與高校以及高校與高校之間的教學交流，高校教學網(wǎng)站不僅是獲取教學資源的最佳途徑，還是創(chuàng)新教學理念和教學方式的支撐平臺，因此，高校教學網(wǎng)站設計的質量問題在一定程度上決定了高校教學水平。為了進一步實現(xiàn)優(yōu)質教學資源共享、提高高校教學質量以及培養(yǎng)高素質人才，教育部門提出了“國家精品課程”這一概念，通過有效地發(fā)揮網(wǎng)絡優(yōu)勢來促進高校教學形式的改革，創(chuàng)建以教學網(wǎng)站為重心的立體教學模式，從而將以往無序、雜亂、低效的網(wǎng)絡教學向科學、創(chuàng)新以及高效的方向調(diào)整。在高校教學網(wǎng)站設計中引入視覺傳達理念，不僅可以促使網(wǎng)絡與多媒體技術的緊密融合，還可以進一步體現(xiàn)出教學網(wǎng)站的教學設計和美學價值。根據(jù)相關調(diào)查顯示，人們在信息的接收過程中，其中視覺感官發(fā)揮了百分之八十的作用，這也說明了視覺感官是人們接收信息的最大媒介。因此，新時期的高校教學網(wǎng)站設計應該積極融合視覺傳達理念，通過提高網(wǎng)站頁面的設計美感來提升瀏覽者的視覺愉悅。

一、視覺傳達設計概述

（一）視覺傳達設計的概念

視覺傳達設計是一門深受傳播學和西方文化影響的獨立學科，其主要從事于視覺及其應用的研究。在20世紀60年代，日本舉行了世界設計會議，在此次會議上參與者意識到視覺和影像已經(jīng)成為了一種獨立的媒介手段，而視覺傳達設計就是憑借著媒介手段傳達視覺語言信息，并且將一些復雜的精神內(nèi)容體現(xiàn)在物質形式中。信息是人們賴以交流的載體，同時也是設計的主體部分，隨著信息技術的發(fā)展和人們交流信息的多樣化，信息的形式也呈現(xiàn)多樣化發(fā)展。目前，信息可以通過文字、圖像、聲音以及數(shù)字等形式來表達，從感官上可以分為聽覺和視覺兩大類，網(wǎng)站頁面信息轉化為視覺形式后，信息就會被視覺感知并傳入大腦，這就是視覺傳達，也是信息交流，因此，視覺傳達設計的主要目的就是完整高效地傳達視覺信息。視覺傳達設計不同于語言交流的抽象，其主要依靠視覺符號進行傳達和交流，因此，在高校網(wǎng)站設計中設計者需要將思想和理念轉化為視覺符號，促使不同膚色、不同種族、不同語言的人們都能夠通過視覺進行思想和情感的溝通，從而打破語言上的禁錮和約束[1]。

（二）視覺傳達設計的發(fā)展歷程

視覺傳達設計可以說從人類開始思考之際就已經(jīng)產(chǎn)生，在遠古時期，人類為了記錄自己的思想和活動，借助實物來記錄，用一些相似的實物來代替客觀對象，但是這種形式僅僅是為了記錄而不是交流。例如，早先遠古人類通過結繩記事，不同形式的繩結就是符號化的實物，其可以代表不同性質的客觀事物。人類進化后，開始采用圖畫的形式來傳達信息，圖畫更能夠體現(xiàn)人們意向和物象之間的轉換，也就是說視覺傳達功能更加具體和形象。后來，人類發(fā)明了文字，以甲骨文記錄人們的日?；顒樱坠俏囊脖环Q作“最早的視覺傳達設計”。我國宋朝發(fā)明了活字印刷術，其對于文字信息的傳播和發(fā)展起到了關鍵性的作用，這一技術的發(fā)明也促使人類具備高速瀏覽信息的能力。隨后攝影技術和制版技術的發(fā)明將視覺傳達設計推向了發(fā)展的高潮，再結合新時代的計算機技術，促使21世紀的視覺傳達設計包含了圖片、文字、聲音以及影像等形式，其實現(xiàn)了視覺傳達設計的全面發(fā)展。

（三）網(wǎng)頁中的視覺傳達設計

隨著信息時代的不斷進步，互聯(lián)網(wǎng)時代也在不斷地創(chuàng)新，人們對于網(wǎng)頁界面的審美也在不斷提高，并且對于美的追求是持續(xù)的、不懈的。在以往的網(wǎng)頁設計中，設計者總會陷入一個誤區(qū)，認為只要將優(yōu)質的信息全部堆積在網(wǎng)頁上就可行了，卻不去考慮瀏覽如何能快速準確地找到有效的資源信息，并且高效地吸收網(wǎng)頁上的信息。為了有效地避免這個誤區(qū)，網(wǎng)頁的設計需要以視覺傳達理念為指導，通過提高網(wǎng)頁的審美來提高瀏覽者的接受能力。網(wǎng)頁主要靠視覺來實現(xiàn)信息的傳達，因此為了促使網(wǎng)頁的資源信息傳播地更加快速、高效，設計者應該在網(wǎng)頁設計中體現(xiàn)藝術性、知識性以及親和性，利用獨樹一幟的設計理念和設計風格吸引瀏覽者的目光，從而激起他們的閱讀興趣[2]。

二、高校教學網(wǎng)站中視覺傳達的現(xiàn)狀

由于高校教學網(wǎng)站設計不重視視覺傳達理念的引進，導致了許多高校教學網(wǎng)站盡管知識體系和教學資源豐富，但是還是被忽視和埋沒的現(xiàn)象，其主要還是存在以下幾個方面的問題。第一，教學信息文本化。目前，很多教學網(wǎng)站僅僅將網(wǎng)頁作為靜態(tài)文本，就相當于電子書的存在，通過檢索和主體內(nèi)容的形式來拓寬瀏覽者的閱讀視野，但是卻忽視了互聯(lián)網(wǎng)技術的根本優(yōu)勢，缺乏視覺沖擊和視覺刺激，無法激起瀏覽者的閱讀興趣。第二，頁面主體不突出。設計者為了充分刺激瀏覽的視覺感官和心理感知，將文字、圖形、色彩全部堆積在一個頁面上，這樣不僅極易造成視覺疲勞，還會導致主體不突出，層次不明確。第三，頁面表述不清晰。設計者意識到視覺元素的合理組合可以有效地提高網(wǎng)站的視覺效果，但是卻忽略了這一效果要建立在共同的視覺審美上，一旦設計的圖形太過于超前和個性，超出瀏覽者的接受范圍，就會導致瀏覽者的視覺認知更加模糊。

三、基于視覺傳達理念的高校教學網(wǎng)站設計

（一）文字在高校教學網(wǎng)站設計中的視覺傳達

文字不僅是一種信息表達形式，還是一種藝術表現(xiàn)形式，在高校教學網(wǎng)站設計中，文字是網(wǎng)頁的核心內(nèi)容，其是表達信息最直接的方式，因此，我們應該重點打造文字的視覺效果。文字的形式多樣化，其不同的字體、字號以及排版都會給人產(chǎn)生不同的視覺效果，只要合理應用文字形式，則可以將設計者的思想和心境準確地表達出來，從而營造獨特的頁面氛圍，加深瀏覽者的印象。不同的字體可以體現(xiàn)不同的情感，例如黑體表現(xiàn)嚴肅，給人正直感；隸書表現(xiàn)端莊，給人韻律感；行書表現(xiàn)靈活，給人動態(tài)感。一個優(yōu)秀的網(wǎng)頁設計肯定少不了字體的設計，若字體設計不得當，則會影響網(wǎng)頁的整體視覺效果。同時，文字的字號對于網(wǎng)頁設計也至關重要，其文字比例關系到視覺中的美學知識，通常情況下，文字的字號需要根據(jù)內(nèi)容和功能來設置。大的文字給人極大的沖擊感，會促使瀏覽者的記憶更加深刻，而小的字號比較精致整齊，容易形成一個面，給人視覺上的愉悅。但是，過小的字會給瀏覽者造成觀看障礙，并且文字內(nèi)容過多也會造成視覺疲勞。另外，在頁面設計中，文字的編排也可以多樣化，采取橫、豎、曲線、散點等形式表現(xiàn)文字的情感，前者偏于理性和嚴謹，后者偏于浪漫和靈活，采用不同的編排形式可以強化頁面的視覺效果。因此，高校網(wǎng)站設計中，文字的字體、大小以及疏密要適宜，必須要讓瀏覽者能夠清晰地閱讀信息，編排形式盡量采取橫向，并且不宜過長，這樣符合人們的心理感受和閱讀習慣。另外，網(wǎng)站的文字應該突出重點，利用不同字號的文字來強調(diào)信息的重要性，并且利用文字和圖片來加強瀏覽者的印象，同時也避免瀏覽者對于過長的文字內(nèi)容產(chǎn)生審美疲勞[3]。

（二）色彩在高校教學網(wǎng)站設計中的視覺傳達

色彩不僅會引起視覺上的感知，還會引起心理上的變化，人們根據(jù)色彩的冷暖和輕重樂意迸發(fā)出不同的情感。網(wǎng)頁色彩設計可以從色彩的共同表現(xiàn)中著手，根據(jù)不同的情感表現(xiàn)需求選擇不同的色彩背景，而色彩的共同表現(xiàn)有冷暖、輕重、興奮與沉重、舒適與疲勞。色彩可以引起人心理情緒的變化，冷色調(diào)可以促使人產(chǎn)生冷靜、沉著、淡漠等情緒，暖色調(diào)可以促使人產(chǎn)生興奮、激動、熱情等情緒，根據(jù)科學實驗表明，冷色調(diào)更能夠保持時間知覺，促使人們對于事物的視覺注意力更加持久。色彩的輕重感由明亮度決定，亮度高色彩就輕，亮度低色彩就重，一般情況下，上輕下重、上素下彩、上亮下暗符合視覺審美美學。色彩的興奮與沉重感以及舒適與疲勞感都是指色彩對于視覺的刺激，一般顏色鮮艷的色彩會第一時間吸引注意力，但也極易產(chǎn)生疲勞感，但是綠色是一種又能吸引注意力又舒適的色彩，其可以吸收刺激眼睛的紫外線，從而解除視覺疲勞感。因此，在高校教學網(wǎng)站設計中，頁面色彩應該盡量選擇冷色調(diào)或者中間色調(diào)，例如黑、白、灰，其可以保持視覺舒適感和持久性，還要講究上亮下暗、上白下黑、上素下艷的色彩排版，并且應該遵循“整體協(xié)調(diào)，局部對比”的原則，通過鮮明的色彩對比來突出頁面的重點。

（三）圖形在高校教學網(wǎng)站設計中的視覺傳達

圖形是一種藝術形式的語言，其不僅具備形式美感，還凸顯了美學意義。人的視覺活動是一種積極主動的活動形式，其是有選擇性的，而不是被動選擇的。人們在觀察和接收一個圖形時，首先會聯(lián)想到日常生活中熟悉的事物，這也是由于經(jīng)驗所累積的視覺習慣，例如，當我們看到一個圓形時，首先會聯(lián)想到籃球、足球、輪胎等。通過將視覺所感知的信號與現(xiàn)實經(jīng)驗相結合，所接受的圖形信息會引起強烈的視覺刺激和留下深刻的印象，從而進一步抓住瀏覽者的目光焦點，激起他們的閱讀興趣。圖形都是由點、線、面構成的，其中點具有精致感、線具有輕快感、面具有充實感，而由它們所構成的方形具有穩(wěn)定感，倒三角形具有不穩(wěn)定感，所以圖形的設計也可以體現(xiàn)出人的情感和心理。因此，在高校教學網(wǎng)站設計中，應該選擇與主題相扣的圖形，并且為其提供豐富的語境的信息，所以所涉及的圖形一定要與相關文字有聯(lián)系，不要為了美觀而隨意擺放。特別在教學網(wǎng)站中，圖形與文字的聯(lián)系相當緊密，一旦出錯可能會導致傳達的信息出現(xiàn)誤差。另外，還要積極應用人們所喜愛的圖形，通過情感渲染等手段來表現(xiàn)圖形的美感，例如2008年奧運宣傳網(wǎng)站上將“人”字和“人”形完美地融合在一起，體現(xiàn)了奧運“以人為本”的核心精神[4]。

（四）版式布局在高校教學網(wǎng)站設計中的視覺傳達

版式布局是一種融合文字、色彩以及圖形的編排形式，其會根據(jù)傳達的信息內(nèi)容的需求來選擇組合的結構，其中包含大量時尚的造型元素和設計原理，通過藝術的手段來靈活、準確地傳達信息。為了營造視覺上的刺激，版式布局需要從比例、節(jié)奏以及韻律等方面來美化界面，這就需要設計者掌握美學的技巧和方法，例如頁面可以采用個性化風格，通過對主體內(nèi)容的強調(diào)，從而營造主體與元素之間的反差。設計中的層次關系、主從關系以及瀏覽流程都會影響瀏覽者的心理變化，因此，設計者應該具備嚴謹?shù)倪壿嬎季S，促使瀏覽者根據(jù)設計者的思維路線進行瀏覽，用做輕松的路線和感知方式獲取瀏覽者的好感。因此，在高校教學網(wǎng)站設計中，應該注重頁面的合理規(guī)劃，避免雜亂無序，利用表格和框架的形式來突出主題，突出層次。同時還要構建簡明的視覺流程，給頁面賦予嚴謹?shù)乃季S邏輯，促使瀏覽者能夠不自覺地跟著設計者的設計思路進行視覺瀏覽。最后，還要特別注意的一點是，頁面設計要注重留白，適當?shù)牧舭讜偈拱媸讲季挚雌饋硭沙谟卸?，給人留下無限的遐想。

四、結束語

隨著信息技術的快速發(fā)展，網(wǎng)絡教育已經(jīng)成為一種新型的教育形式，在未來的發(fā)展中會成為教育研究中的重點話題。而高校教學網(wǎng)站作為傳播教學資源和知識體系的媒介，其應該積極引進視覺傳達理念，從文字、色彩、圖形以及版式布局等四方面來設計頁面，從而刺激瀏覽者的視覺感官，激起他們對于頁面的瀏覽興趣。

參考文獻

[1]張婷婷.教學網(wǎng)站中視覺傳達設計研究[J].中國人民大學出版社，2015，（9）：76.

[2]李硯祖.視覺傳達設計的歷史與美學[J].中國人民大學出版社，2015，（05）：52.

[3]吳國欣.視覺傳達設計教程[J].湖北美術出版社，2013（6）：18-21.

[4]陶化冶，張鑫.視覺傳達理念下的高校教學網(wǎng)站設計研究[J].高教論壇，2014（5）：40-41.

作者簡介

劉雪琴（1977.02）女，漢族，湖北武漢人，湖北工業(yè)大學工程技術學院碩士研究生講師，研究方向：視覺傳達設計。