視覺傳達在網頁頁面設計中的作用及有效運用

路其遠

[摘 要] 在網絡技術、計算機技術高速發展的今天，各網站將面臨愈加嚴峻的行業競爭，提升網頁頁面設計藝術性，以吸引受眾，是當前網站建設工作的重點。簡要就視覺傳達在網頁頁面設計工作中的實際作用進行分析，并立足于此，從網頁頁面設置、網頁色彩搭配的角度探討如何在網頁頁面設計中實現視覺傳達應用效果的提升，以期為廣大網頁設計工作者提供頁面設計參考。

[關 鍵 詞] 視覺傳達;網頁頁面設計;作用;運用

[中圖分類號] G642 [文獻標志碼] A [文章編號] 2096-0603（2018）16-0098-01

網頁頁面設計是否科學、合理，將直接影響受眾的觀感與閱讀興趣，各網站建設工作人員需重視網頁頁面設計工作，秉承藝術設計指導原則，學習并靈活應用多種視覺傳達設計技巧，鮮明表達主題，提升頁面內容、形式的融合度，更為美觀地呈現網頁內容，方便瀏覽者快速把握頁面主題，并在腦海中形成深刻影響。

一、視覺傳達設計在網頁頁面設計中的作用

網頁是網站建設的基礎單位，因此，網頁頁面設計質量將直接決定該網站是否能受到瀏覽者的支持。當前，我國網站數量呈井噴式增長，但由于網頁頁面設計技術不過關、網站建設門檻較低，大多數網站的網頁頁面設計都十分平庸，未融入藝術頁面設計理念，導致網站傳播面受限。

而視覺傳達設計理念是現代化網頁設計應遵從的關鍵性理念內容，其在網頁設計中具有十分重要的應用優勢。首先，視覺傳達設計應用能有效提升網頁頁面的美觀度，即在保證信息傳達完整的基礎上，為受眾創建具有美且愉悅的網頁瀏覽環境，以吸引受眾。其次，基于視覺傳達設計理念進行網頁頁面設計，可在科學、統一排版的同時，提升頁面豐富度，注入更多生氣，靈活傳達頁面信息。此外，視覺傳達設計理念應用還能突出網頁頁面內容主題，借助畫面為瀏覽者提供閱讀路徑，強調頁面主要內容，擴大視覺力量，以方便瀏覽者閱讀，提升頁面吸引力。

二、視覺傳達設計在網頁頁面設計中的運用分析

（一）基于視覺傳達設計實現網頁頁面布局設計

1.網頁頁面造型元素布局

網頁頁面中版面空間中涵蓋大量造型元素，包括點、線、面以及空白。設計師需從頁面整體性、協調性以及統一性的角度出發，合理安排、組織以上造型元素，以避免頁面過于雜亂無章，繼而傳遞出特定美感。由于造型元素位于頁面不同位置時，其所產生的視覺效果與傳遞的心理感受存在差異，例如，若確定版面幾何中心，并以該中心為基點進行造型元素對稱排版，則將使網頁頁面愈加莊重、平衡。

除卻點、線、面這些基礎造型元素，空白元素布置也十分重要，合理設置空白大小、形式以及比例。巧妙留白不僅能調整文字、圖片等內容的關系，還有助于網頁主題烘托、情感渲染，優化頁面空間層次。例如，若網頁頁面的主要內容為詩歌《詠梅》，則設計師在設計時需配合網頁主題情感與內容，盡量留下空白，以貼合詩歌情感，烘托主題。

2.網頁頁面內容布局

內容占據網頁頁面絕大部分，通常涵蓋圖片、文字等，若不注重合理的內容布局設計，則容易造成頁面雜亂無章之感，影響瀏覽者獲取內容主題。設計師需站在瀏覽者角度，在做到圖文并茂的同時，也確保頁面內容相得益彰，且彼此間形成互補的視覺關系。例如，設計師在對頁面圖片內容與文字內容進行布局設計時，需盡可能控制文字內容量，避免文字過多而造成頁面沉悶、缺乏生氣。而在布置圖片時，需以文字布局為基點，使兩者形成密切配合關系，互為襯托，共同為頁面主題表達作服務。

（二）基于視覺傳達設計實現網頁頁面色彩搭配設計

色彩是網頁的另一大元素，設計師在搭配頁面色彩時，需遵循整體性、適應性原則，前者主要指統一網站多個網頁頁面的色彩應當大體一致，以構成頁面間聯系。而后者則主要是指設計師需明確色彩所表達的情感差異以及色彩能帶給瀏覽者的心理感受，以此選擇與主題相符的色彩進行設計。例如，教育類網站設計時，設計師可選擇藍色、灰色等含蓄、內斂的色調。而兒童類網站設計則可選擇紅色、粉色、綠色等活潑、有生氣的色彩作為網頁色彩主調。

在網頁頁面主色確定后，設計師還需合理搭配多種色彩，以在符合主題的基礎上，提升網頁頁面美感。鑒于此，設計師需遵循首先確定網頁頁面色彩主調，而后以此為中心，搭配多種輔助色，使兩者相輔相成地為頁面主題烘托服務。其中，輔助色應用，主要是為協調主題色，緩沖主題色功能與情感，應選擇與主題色相近的色彩。如，若頁面主題色為綠色，設計師既可選擇多種濃度層次的色彩，也可選擇與之色區相近的黃色、藍色。另外，色彩搭配還涵蓋無色彩與有色彩的靈活搭配，這與上述頁面留白相似又不完全一致，即設計師需在網頁頁面中適當進行留白，既用作烘托色彩、突出色彩，又可提升頁面藝術感，提升頁面對比度，生動鮮明地展示頁面個性。

面臨激烈的互聯網競爭，網站建設者、網頁頁面設計工作者需提升緊迫感，以吸引瀏覽者訪問為最終目標，思考并探討如何通過主題鮮明的網頁頁面傳達主題與內容，才能在同類型網站中脫穎而出。鑒于此，設計工作者應注重視覺傳達理念的學習，掌握多種視覺傳達設計技巧，并應用于實踐，優化調整頁面布局、色彩搭配，滿足瀏覽者對網頁頁面提出的藝術效果、瀏覽效果等多方面要求。

參考文獻：

[1]盧俊.淺析視覺傳達在網頁頁面設計中的有效運用[J].教育現代化，2018，5（5）：297-298，305.

[2]鄭璇.基于視覺信息傳達的網頁設計研究[J].電腦知識與技術，2018，14（1）：224-225.

[3]畢海波.論新聞網站網頁設計中平面視覺元素的傳達[J].新聞戰線，2017（20）：141-142.