基于視覺信息傳達的網頁設計研究

鄭璇

摘要：網頁設計是一門全新的設計領域學科，是網絡與設計交叉的學科，涉及的范圍包括了感觀設計、交互設計、信息設計，以及視覺信息傳達設計。網頁信息傳遞是以一種全新的超媒體傳播形式進行傳遞信息，包含了生硬、影響、圖片、文字等信息，為用戶提供了很大的自主性。鑒于此，該文對網頁設計進行簡要概述，并對網頁設計中影響信息傳達的問題展開研究，進而提出提高網頁設計信息有效傳達的幾點思考。此次研究的主要目的是為了網頁設計中視覺信息有效傳達的研究提供有價值的參考意見。

關鍵詞：視覺信息；信息傳達；網頁設計

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2018）01-0224-02

網頁作為一種信息載體，給人們獲取信息帶來了極大的便利，網絡傳播信息效率高、速度快，已成為人們日常生活中獲取信息的重要途徑。在我國網民不斷增加的背景下，人們使用網絡的目的也逐漸多元化。因此，本文對視覺信息傳達的網頁設計展開研究，無疑對于提高網頁視覺信息傳達的效率和提升網絡用戶的體驗度具有重要的意義。

1 網頁設計概述

1） 網頁的分類及特點

網頁又稱為HTML文件，可在互聯網上傳輸，并通過瀏覽器翻譯成頁面顯示出來的文件。包括了影像、聲音、圖片、超鏈接、文字等，其核心是超文本技術。根據網頁表現的形式可分為動態網頁和靜態網頁，靜態網頁即是網頁內無代碼，不可進行伺服端執行；動態網頁即是網頁內有代碼，可伺服端執行。根據網頁擁有者可分為組織機構、教育部門、政府、企業、個人等網站；根據網頁功能可分為電子商務、搜索引擎、電子郵件、及時交流、信息瀏覽等；根據網頁內容可分為體育、新聞、時尚、娛樂、教育、商業等網站。另外，網頁和影視、印刷、文字等媒體相比，具有注重立體結構、具有多媒體功能、信息反饋準確和及時、不受地域和時間的限制、更新及時、實效性強、交互性強等七大特點[1]。

2） 網頁設計內容

網頁設計內容包括了網頁設計語言、網頁設計、網站結構設計等三方面。其一，網站設計結構是包含網站的鏈接結構和目錄結構。其中目錄結構是指網站儲存和組織所有文檔目錄的設置，大型網站目錄結構關系復雜、層次深、數量多，是目前網頁設計中的一大難題，若未經周密設計，有可能影響網頁的正常使用，并且給維護工作帶來諸多不便；其二，網頁設計包含了版面布局、色彩應用、文字應用等內容；其三，網頁設計語言與文化即是網頁設計的語言，如：SMIL、XML、DHTML、JAVE等程序的語言，在日常工作中，網頁設計工程師需要掌握最新的設計技術，并將其運用到工作中，挖掘網站的新功能。

2 網頁設計中影響信息傳達的問題

1） 網頁版面設計存在的不足

網頁設計中首先需要設計到網頁排版的問題，網頁排版簡單而言，即是我國繪畫中的“經營位置”，需要具備美觀、簡介、直觀等特點。網頁設計排版既有圖片和文字，還有視頻播放等內容，并且圖片和文字還有大小之分。文字和圖片要同時展示給用戶，并且還需要適度進行視頻展示，若同時羅列在同一個頁面上，則會影響網頁的美觀，顯得排版雜亂無章，影響力用戶有效的獲取信息，阻礙信息的傳達，因此需要按照相應的規律，做好網頁布局的工作[2]。

2） 網頁文字設計存在的不足

文字是信息傳達的重要途徑，位子是網頁設計中不可或缺的重要元素，是網頁信息的重要描述元素，網站文字設計占據了網頁設計版面較大的面積，文字排版直接影響了整個網頁的質量。網頁字體設計較為復雜，超鏈接文字還需加上下劃線，使得字體行間距較小，顯得網頁較為擁擠，影響力網頁的美觀，若用戶打開網頁，無法有效的、輕松地獲取信息，將會降低用戶的體驗度。導致用戶獲取信息視覺困難，不利于信息傳達[3]。

3） 網頁版面設計存在的不足

給用戶留下第一印象的不是網頁排版的格局，也不是網站豐富的內容，而是網站內的色彩。網站的色彩能夠有效的吸引用戶的注意力，網站色彩的搭配和運用很大程度上決定了網頁設計的成功。但目前，網頁設計中往往運用多種顏色，使得網站色彩豐富，結果卻適得其反，色彩多度使用容易導致網頁布局不協調，缺乏內在的美觀，結果是影響了用戶瀏覽網頁的效率，阻礙了視覺信息的有效傳達。

3 提高網頁設計信息有效傳達的幾點思考

1） 網頁版面設計有效傳達的方法

根據人體眼球結構可知，人的視覺有效部位只占很小的一部分，這使得人們只能在一定的時間內獲得少量的視覺信息。人在閱讀的過程中，視覺流動是一種習慣，但又能被視覺元素影響。因此，在進行網頁設計的過程中，可利用這習慣，引導用戶瀏覽信息。如：完美設計圖形，要具有豐富有條理的特點，布局要有秩序但不顯得單調，將大量的信息放大網頁上，需要考慮網頁布局的合理性，采用統一的方式來排列，使得網頁的布局具有較強的整體感。另外，還需要將兩個差異較大的視覺元素配置在一起，增強用戶的視覺沖擊，例如，文字的排布、圖片尺寸、色彩、粗細、位置和比例等，有效增強用戶的視覺效果，從而有效地傳達視覺信息[4]。

2） 網頁文字設計有效傳達的方法

網頁設計中文字的功能主要是傳遞各種信息，并非是裝飾。為了提高視覺信息的傳達效率，在進行網頁文字設計時，需要考慮文字編輯的整體效果，給用戶創造一個清晰的視覺印象。同時，還要避免網頁頁面繁雜凌亂的現象，減去不必要的網頁裝飾，給用戶提供一個直觀和簡潔的網頁瀏覽環境，使用戶能夠易讀、易懂、易認。例如，網頁設計文字的種類要精簡，風格要統一，需要具有鮮明的節奏感，給用戶一種生機盎然的感覺[5]。如：個人網頁可根據個人的性格特點及追求；企業網站可根據企業的文化、產品、管理理念進行設計。在進行文字編輯時，不僅需要具有嚴謹的邏輯思維，同時還需要傳達思想感情，從為用戶提供視覺上的享受，還能夠給用戶留下美好的印象，獲得良好的心理反應，增強了網頁視覺信息的有效傳達。

3） 網頁色彩設計有效傳達的方法

色彩是網頁設計中重要的組成部分，色彩視覺受到了人的情緒、象征、聯想、情感等主觀的影響。在進行網頁色彩設的過程中，需要具備特色鮮明、合理搭配、講究藝術等特性。首先，避免使用單一的色彩，以免給用戶留下單調的色彩感，另外，除了網頁文字的設計之外，另外的部分盡量不要使用到黑色，黑色色彩若使用的不合理，往往會影響網頁色彩的整體感，降低了藝術的效果[6]。其次，網頁色彩對比應用，突出色彩的重點，增強用戶的視覺效果，例如：以一種顏色為主調，采用對比顏色進行點綴，可以起到畫龍點睛的效果。最后，網頁色彩設計使用的顏色應控制在四種以內，避免大量的色彩沖刺用戶的視覺，使用戶產生視覺疲勞，嚴格控制色彩的各種屬性來產生網頁動態的變化。從而提高視覺信息傳達的效率。

4 結束語

綜上所述，本文對網頁設計概述進行簡要概述，針對網頁設計中影響信息傳達的問題提出了網頁版面設計、網頁文字設計和網頁色彩設計的網頁設計信息有效傳達的幾點思考。研究結果表明，網頁版面設計、色彩設計、文字設計依然影響著網頁信息的有效傳達。因此，在未來的工作中，還需加強視覺信息傳達的網頁設計的研究，從而提高網頁視覺信息傳達的效率，進而提升網絡用戶的體驗度和促進網頁設計的發展。

參考文獻：

[1] 叢媛媛，時英華，趙娜.農業信息網站網頁設計的視覺信息傳達有效性分析[J].農業網絡信息，2016，12（10）：61-64.

[2] 王中岳.平面視覺元素在網頁設計中的應用價值分析[J].現代裝飾（理論），2016，10（08）：131.

[3] 丁麗.淺析網頁設計中平面視覺元素的運用[J].科技資訊，2015，9（15）：28.

[4] 熊科軍，黃琴.網頁設計課程中網站信息組織設計的教學方法探索[J].美術教育研究，2015，11（05）：94-96.

[5] 馬金祥，王健，犇妮.網頁設計之視覺信息傳達分析——以唐代服裝為切入點的職業教育網站設計為例[J].理論觀察，2014，12（08）：65-66.

[6] 銀敏吉.視覺傳達設計專業中網頁設計課程教學模式的探索[J].大眾文藝，2014，10（07）：220-221.endprint