淺析網頁設計中的虛實關系

摘 要 文章首先提出了最早道家《老子》就已經提出了“虛實相生”的思想；在我國《易經》中也有提到把陰陽交替、有虛有實看做宇宙的根本規律。而作為我國古代美學的一對范疇，“虛實相生”正是哲學上的樸素辯證法在藝術領域的運用。從而引出對于網頁制作中頁面設計虛實關系現象的解析，隨之具體分析了網頁制作中頁面設計的虛實關系與傳統平面設計中虛實關系的聯系與區別。并且針對現今存在的問題，提出了網頁制作中頁面設計的虛實關系與藝術表現，目的旨在通過研究能更加深入的理解和運用網頁設計的虛實關系。

關鍵詞 網頁制作 頁面設計 虛實

從某種意義上，Internet可以說是美蘇冷戰的產物，互聯網最初起源于歐美，所以網頁設計最初也是在歐美出現、發展并隨之成熟。中國的互聯網處在發展的上升階段，發展潛力較大。網頁設計也被作為一新興行業，在中國迅速發展開來。網頁設計的虛實關系也越來越被重視。“留白”作為中國畫特有的繪畫語言之一被擴展延伸至網頁設計之中，形成中國自有的網頁設計的虛實關系。

留白是網頁設計要遵循形式美的法則之一。留白形成的虛實關系體現在：一是頁面的空白部分。“白色是一切色彩中最完美的顏色，我們幾乎找不到白色有不積極意義的情境。”如網頁標志區的空白、標題區的空白、內容和圖片周圍的空白、網頁背景空白等等。 “白”即是“虛”，“周圍的環境”即是“實”。不是浪費空間而是人視覺審美上的要求，有了這些空白，我們的視覺將會更多注意到頁面上確實實在的元素。二是大面積的有色范圍。如在頁面設計中只放置極少的必要元素，背景則用大面積的單純色彩渲染，利用單純色彩的力量來突出和烘托網頁上的主要元素。這也是虛與實的一種呈現方式。版塊之間的大小錯落的擺布，也會因人的視覺注意力而產生虛與實的變化。在版塊的大與小之間，人的視覺自然而然的會把注意力放在大的版塊上面，大則成為“實”小則成為“虛”。圖文排布也會使頁面產生虛實關系。網頁與傳統平面設計有所類似，有圖的字段，圖大的字段都會往前搶一些。自然虛實關系也就呈現。

色彩設計是網頁設計的精髓，網頁設計者要以色彩虛實關系設計在頁面上的呈現將給瀏覽者科學的色彩搭配，把色彩給人的心理感受同現代網頁設計的具體問題結合起來，以敏銳的色彩虛實變化去創造出更時尚、更鮮活、更具吸引力的網頁色彩作品，將會不斷引導和提高大眾的色彩審美情趣，同時會增加瀏覽者瀏覽該網頁的心理欲望。在頁面中不能都以“實”色出現，網頁設計者要讓色彩在頁面中有一個視覺的流動性，給瀏覽者一個輕松、愉悅的瀏覽視覺感受。

網頁的版式設計的虛實同報刊雜志等平面媒體的版式設計的虛實有很多共同之處，它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計的虛實，也與傳統版式設計的虛實關系一樣遵循著滿足視覺感受的原則。網頁的虛實是在有限的屏幕空間上將視聽等多媒體元素進行有機的排列組合，以動態的、變化的形式，將理性思維個性化的表現出來。這是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時，也會給人產生感官上的美感和精神上的享受。這種虛實的關系更具有互動性，使瀏覽者更容易有身臨其境感。

網頁虛實關系設計屬于視覺傳達設計的細小分支，是利用視覺遞進進行信息分層傳達的設計。“在視覺諸多符號中，色彩具有先聲奪人的力量，‘耳聞之成聲，目遇之成色’，色彩比文字等視覺符號能更快地傳達感情、情緒，并引起人們的心理共鳴。”運用合理、處理得當的色彩在網頁虛實關系的設計中一般能起到以下幾個作用：

突出主題。設計者可利用色彩自身的虛實表現力以及心理上的審美感受，使網頁的內容與形式有機地結合來，以色彩的內在的虛實力量來烘托主題、突出主題，更有效地與瀏覽者溝通。

劃分區域。網頁上豐富的內容，大量的信息，繁復的種類，設計者可利用色彩視覺的虛實關系進行網頁界面的視覺區域劃分、不同類型信息的分類布局。利用不同色彩帶給人的不同心理虛實效果，區分主次順序，形成有序的視覺流程，使網頁具有良好的易讀性和方便的導向性。

吸引大眾的瀏覽視線。設計者可以利用色彩虛實的力量美化頁面，或含蓄優雅，或動感強烈，或時尚新穎，或單純醒目，這樣能引起更多瀏覽者的關注，同時，也能大大增強網頁的藝術性和吸引力，從而提高網站的知名度。

在互聯網普及的今天，網頁制作中頁面設計的虛實關系處理不但可以美化網絡空間，還方便網民的網頁瀏覽以及信息的查閱。同時優秀的網頁虛實關系處理會使得網頁界面更加人性化，藝術化，才能夠更好地被網民所接受。還將留給網民深刻美好的印象，有利于網頁的點擊率的提升和網頁信息推廣。所以，本文結合所學知識，通過分析網頁的虛實關系，并且針對現今存在的問題，提出了網頁制作中頁面設計的虛實關系與藝術表現，目的旨在通過研究能更加深入的理解和運用網頁設計的虛實關系。對網頁制作的頁面設計展開更細致化的研究和探索。從而希望能夠為廣大網民帶來更多的便利，提高大家的審美愉悅度。

參考文獻：

[1]韓兵.對設計中留白的再認識[J].藝術與設計（理論），2009（03）.

[2]張帆，羅琦，宮曉東.網頁界面設計藝術教程[M].人民郵電出版社，2002.

（作者單位：河北大學研究生學院）