基于視覺信息傳達的網頁界面設計

【摘要】：隨著信息技術的改革和進步，視覺傳達原理在網頁界面設計中的應用，極大地增強了網頁界面信息的視覺穿透力，有效地提高信息的視覺傳達效果。本文將主要闡述網頁界面設計的審美需要和視覺流程，并分析基于視覺信息傳達的網頁界面設計。

【關鍵詞】：視覺信息;網頁界面;設計

引言

互聯網作為全新的信息交流方式，其打破了信息傳播在地域、文化、經濟等多方面的限制，使信息傳達覆蓋面更廣、傳播速度更快、傳播效率更高。隨著網絡的快速發展，網站數量逐年呈直線上升趨勢，但網頁設計方面卻出現不少問題。網頁設計涉及到視覺信息的歸類及編排，當代設計者必須充分認識到視覺傳達原理對網頁設計的意義，這樣才能使網頁設計更能凸顯網絡的視覺信息傳達效果。

1 網頁設計的審美

網頁設計是現代新興的一門學科，其中涉及到設計類學科和網絡知識的聯合運用。近年來，網絡的發展極為迅猛，逐漸成為人們日常生活中不可替代的重要組成部分，它可以通過最便捷的方式將各類信息傳達給受眾，而受眾對網絡信息傳達的標準要求不斷增加，導致審美需求的產生。人們不斷深入地追求著美麗的事物，對網頁視覺審美同樣如此。網頁的內容不應只是將各類信息上傳，達到“能看”的最低標準，而應該考慮到網頁信息以何種方式更能滿足受眾的視覺接收要求。而這需要從審美的方向出發，保證整體性高、內容清晰的前提，進行頁面設計，使受眾能夠以愉快的心情瀏覽網頁，從而提高受眾對信息的接收效果。網頁設計的審美需求與平面視覺傳達設計美學的表現目的及形式具有一定的相似性，甚至可以說前者是后者的一種繼承和延伸，網頁設計過程中結合傳統平面設計美學形式，能極大地提高網頁設計的美觀，使網頁更能滿足受眾的視覺審美要求[1]。

2 網頁設計的視覺流程

網頁通過使用多姿多彩的視覺元素，以此將各類信息內容傳達給受眾，所以為了體現出網頁的視覺傳達功能，增強網頁的可讀性，那么網頁的設計必須貼合受眾在心理和生理方面的視覺流向，構建網頁設計中各種視覺元素的基本秩序及聯系。因此，在設計過程中，設計者應充分考慮到各視覺造型元素間的視覺流程、面積、距離及位置。

視覺流程與受眾的視覺特性息息相關。人類眼睛的生理構造，決定了其視覺只能具有一個焦點，因此，視線也只能停留在一個地方。在瀏覽信息時，人們總會自然的保持著“先、后、再”的視覺流動習慣。視覺流程具有較為明顯的方向性，它往往使整個網頁的視覺運動帶有一種瀏覽規律。

在網頁設計過程中，設計者通常都會將主標題、日常更新內容等突出信息放在網頁明顯的位置。視覺流程并非是明確的數學公式，它體現的是人們在瀏覽網頁中心理和思維導向的邏輯順序。因此，網頁設計中需要靈活運用視覺流程，在保證信息傳達的基本前提下，更應滿足人們的思維習慣，使人們的視覺運動更加合理、流暢。有效的視覺流程體現在網頁中各類信息合理的空間布局，使信息間的距離、位置、大小等帶有明顯的美感和節奏感[2]。

3 基于視覺信息傳達的網頁界面設計

3.1文字的編排及設計

在網頁設計中，信息的傳達離不開文字元素的表述，可見文字在網頁中具有不可替代的地位。文字作為網頁中信息內容的主要描述手段，占據網頁較大的面積，因此文字的表現對網頁的整體質量起到非常重要的作用。編輯文字主要是為了實現各種信息的傳達，而為了保證其有效性，就需要嚴格規劃文字的整體內容編輯，以清晰、整體性為主，減少可能影響頁面整體性的裝飾，使受眾對信息的接收更加輕松。文字本質是將信息內容傳達給受眾，所以文字的編輯不能只考慮造型而忽視了文字的主題思想。

網頁文字的編輯有多種多樣的字體可以選擇，雖然網頁編輯變得更加的方便，但對于設計者的選擇能力卻是一種挑戰。由于字體的多樣化，網頁上多種字體的搭配，提高設計者編輯的難度。通常情況下，一個頁面使用的字體不會超過四種，在計算機本地硬盤的限制下，字體數量應符合網頁的要求。在視覺信息傳達過程中，文字作為體現頁面形象的主要元素，既要具有表達含義能力，也應具有對情感的傳達能力，這就要求文字必須具有視覺的美感，為受眾帶來美好的心理印象。

3.2圖片的編排及設計

除了文字外，圖片對網頁信息的視覺傳達效果同樣起到明顯的作用。網絡可以通過圖文并茂的方式將信息傳達給受眾，充分表現信息的含義，而且運用圖片也能對網頁起到美化的作用。在網頁設計中，如何使網頁更加生動、有趣，采用圖片無疑是最省力、有效的方式。對于網頁信息而言，圖片的吸引力往往要高于文字。

由于網絡圖片在計算機顯示器最小分辨率的限制下，無論分辨率多高的圖片都與已處理過的圖片沒有多大的區別，所以對圖片的質量要求并不高。同時網頁圖片一般都會需要進行網絡傳輸，在寬帶的限制下，圖片文件大小盡可能以小為主，以縮短傳輸的時間。

3.3色彩的設計

從某種角度來看，網頁也是一種藝術形式，因為其對頁面整體的新穎及整潔有較高的要求，同時對文字的表述具有流暢優美的要求，而色彩的運用，可以增強視覺效果，提高頁面的生動性和鮮明性。而且受眾對于網頁的首要印象就是色彩設計，其運用效率對瀏覽者的欣賞興趣造成直接性的影響。由此可見，色彩設計對網頁設計起到非常重要的意義。首先，網頁整體色彩的選擇，應以能突出網站主題的主色調為主。現今的網頁背景色彩一般以淺灰、淺黃、淺藍、淺綠等淺顏色居多。以柔和、素淡的淺顏色為基礎，再配以黑色或其它深顏色的文字，在增加閱讀的順暢的同時，也能凸顯出頁面的主內容，提高人們的認可。而背景圖片、線條等次要內容應采用不起眼的顏色，以避免對主信息的傳達造成影響，而只有一些需要重點強調的元素才能采用鮮明的色彩。合理地運用各種色彩可以增強視覺效果，但也需要注意色彩的使用數量，否則會造成反效果[3]。

結語

隨著互聯網融入人們的日常生活中，網站數量呈倍數增長，但網頁設計方面卻逐漸無法滿足現代人們的審美需求，因此，必須合理運用視覺信息傳達原理，對網頁設計中的文字、圖片、色彩等進行合理地編排及設計，才能使網頁信息具備強烈的視覺沖擊，提高人們對網頁信息的接收效果。（指導老師 "金文玥）

參考文獻：

[1]蔣新. 淺析網頁設計中的信息視覺傳達[J]. 文藝生活（藝術中國），2013，05：129-130.

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

[3]劉世清，周鵬. 文本—圖片類教育網頁的結構特征與設計原則——基于寧波大學的眼動實驗研究[J]. 教育研究，2011，11：99-103.