視覺傳達理念下的高校教學網站設計研究

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

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

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

一、視覺傳達設計概述

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

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

（二）視覺傳達設計的發展歷程

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

（三）網頁中的視覺傳達設計

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

二、高校教學網站中視覺傳達的現狀

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

三、基于視覺傳達理念的高校教學網站設計

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

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

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

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

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

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

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

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

四、結束語

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

參考文獻

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

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

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

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

作者簡介

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