虛與實的和諧-論網頁設計留白

才智咖 人氣:5.45K
虛與實的和諧-論網頁設計留白

        摘要: 網頁留白內涵的包含三個方面:頁面的空白部分、大面積的有色範圍和重複出現的、在視覺上呈現出整體性的規則圖形的組合。從網頁的可用性和藝術性兩個方面闡述了網頁留白的功能,從網站整體設計和頁面設計兩個方面闡述了網頁留白的處理方法。 
        Abstract: The intentional blank space includes three aspects: the blank page, part of a large area of color range and repeated, and the visual integrity of the rules of a combination of graphics. It aims to analyze the function of intentional blank space from the pages of the availability and artistic aspects. Besides, it attempts to depict the approaches on how to handle intentional blank space from the perspective of the overall web and page design. 
        關鍵詞: 虛實;留白;網頁設計 
        Key words: virtual and real;intentional blank space;web design
        0  引言
        “留白”作為中國畫特有的繪畫語言之一,隨著現代數字媒體技術與藝術的發展,在現代設計藝術中的重要地位和作用越來越突出,在網頁設計、版面設計、室內設計等設計中多有運用。網頁設計是Web設計中最直接可見的部分,簡潔、單純、可用是當代Web標準網頁設計的主流,迅速、有效地傳達資訊,少用裝飾,強調虛實、留白的運用成為網頁設計的時尚追求。在網頁設計中有效運用留白的技法和觀念,無疑是對Web標準網頁設計技術與藝術思維的極大豐富和拓展,也必將促使我們對這一思維方法展開更高層次的研究和探索。
        1  關於網頁設計的“虛實”和“留白”
        “留白”是中國傳統繪畫藝術千錘百煉的結晶,這種藝術思想源於傳統的中國哲學思想,基於陰陽辯證、虛實相生的原理。虛與實作為我國古代美學的一對範疇,在古代哲學思想中有很深淵源。古代的虛實相生正是哲學上的樸素辯證法在藝術領域的應用。[1]網頁設計通過網頁上的文字、圖形、音視訊、動畫等元素向用戶傳達資訊,把各種網頁元素做藝術而合理的處理,讓使用者在接受資訊的同時享受到美感,獲得良好的使用者體驗。虛實與留白是網頁設計要遵循形式美的法則之一。網頁設計留白的內涵包括三個方面:一是頁面的空白部分。“白色是一切色彩中最完美的顏色,我們幾乎找不到白色有消極意義的情境。”[2]如logo區的空白、標題區的空白、內容和圖片周圍的空白、網頁背景空白等等。二是大面積的有色範圍。如在頁面設計中只放置極少的必要元素,背景則用大面積的單純色彩渲染,利用單純色彩的力量來突出和烘托網頁上的主要元素。三是頁面主要設計元素的背景是重複出現的、在視覺上呈現出整體性的規則圖形的組合。這種為突出主體而留下的“白”,在網頁設計中只要處理得當,依然會成為網頁設計留白的典範。[3]在網頁設計中,無論是頁面的空白,還是大面積的有色範圍,或是規則圖形的組合背景,都是頁面的“虛”,是為了強調主體,明晰層次,突出主要的、關鍵的元素這個“實”的。
        2  Web標準網頁設計留白的功能
        留白是一種藝術形式,在Web標準網頁設計中,留白可以發揮重要作用。利用留白來達到頁面平衡,使整個頁面佈局鬆緊有度,形成虛實、濃淡、動靜、輕重的效果,給人以跌宕起伏之感。[4]與其他藝術形式不同的是,網頁設計是以傳達頁面資訊為主要目的的,留白更多的是服務和服從於網頁的可用性。無數的可用性研究證實了一個事實:在Web中,使用者對網頁資訊是進行瀏覽,而不是閱讀。簡潔明快、富於美感的頁面更具有可瀏覽性,可使使用者獲得更加良好的瀏覽體驗。
        2.1 可用性體現  一是突出設計主題。人們在完整地接收平面元素資訊時,