虛與實的和諧——論網頁設計留白
2011-12-29
摘要： 網頁留白外延的包括三個方面：頁面的空缺部分、大面積的有色范圍和反復出現的、在視覺上出現出全體性的規則圖形的組合。從網頁的可用性和藝術性兩個方面論述了網頁留白的功用，從網站全體設想和頁面設想兩個方面論述了網頁留白的處置方法。
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 可用性表現 一是普通設想主題。人們在完好地接納立體元素消-息時，視野會構成一個習氣性的活動次第：視點先落入視覺焦點，后隨個元素間的強弱變化而作有序活動，最初完成對全部分元素消-息的接納。[5]認知心思學的研討證實，留在空缺之中的東西更輕易被人留意和想起，留白對閱讀起夸大和進展的作用，有助于視覺向主體元素集合凝結，它所發明出的空間構成一種途徑進而左右用戶的閱讀方向。如在主題文字的四周留出妥當的空缺空間，會比更改動主題文字大小和色彩更顯普通，同時也使的頁面在同一性上更易處置。
二是簡明頁面元素。少就是多，簡明就是豐厚，純粹就是豐滿。在純粹中求豐厚，在精練中求晦澀。
[6]網頁設想可用性的研討標明，簡明的、閱讀性強的網頁能運用戶取得愈加優良的體驗。過多的粉飾性元素或反復夸大常常會招致讀者的丟棄性反響，使刻意設置的抽象失掉震動效應。因而，不管從全體設想，還是構造設想、色彩搭配等方面，網頁設想都請求繁雜明了，每一個符號、每一個標題、每一個版塊都要緊扣主題，果斷去掉不用要的、與主題有關的東西，盡量做到用最簡明的元從來傳送最豐厚的意蘊、最正確的消-息。當然，簡明不即是繁雜，簡明的方式更需求網頁設想者具有概括稀釋的審美才能，對留白的了解有更高的請求。
三是浪費網絡帶寬。在網頁設想布局中，一切用戶界面設想的普通準繩是：閱讀器一切的設想元件中，假如少了某個設想元件，該設想依然可以任務，就把它刪掉。簡明總是比繁雜要好，特地是在Web設想中，每儉省3字節就會增加千分之一秒的下載工夫。[7]一個繁雜的例子就是假如挑選粗線或許空缺區來辨別兩段形式的話，運用空缺區的成效會更好，網頁的下載速度會更快。
轉貼于 中國論文下載核-心 http://www.studa.net
2.2 藝術性表現 網頁設想中的藝術性是附屬于可用性的，但這并不影響網頁藝術性的具有和它帶給用戶的美感體驗。恰恰相同，網頁的藝術性是可用性延長和擴展。當用戶被網頁上滿滿的文字、聲響、圖像等沉沒時，妥當公道的留白空恰似一個心靈休憩的驛站，讓我們的神經失掉了無效的緊張，從而運用戶緊張閱讀。當下網站建立中，功利色彩十分濃重，網頁上堆積的消-息可以“多”、“擠”、“滿”、“亂”描述，從視覺的角度處理方法之一就是運用網頁留白，這種留白可以是空缺，也可以是大面積的純粹色彩，或許是規則圖形的組合，無一例個地，它使文字之間、圖形之間構成頁面節拍感、版塊層次感、形式主次感，發明“透氣”的覺得，以化解少量消-息匯集起來形成的壓榨感，尋求心思開釋，給閱讀者帶來緊張、愉悅的享用和無窮的設想空間，最大限制地激起他們的藝術設想力，從而更好地領會頁面消-息中所隱藏的深入含義。這正是網頁留白在更高層次上的藝術韻律之美。
3 Web規范網頁設想留白處置方法
在版面設想中，處置好大與小、主與次、疏與密、虛與實，都是美的比例根底，可謂是一種既可閱讀又可休閑的一舉兩得的藝術享用。[8]但對留白假如不加掌握的恣意運用，它不只不能無效發揚作用，反而會形成版面紊亂，影響整個頁面設想。Web規范網頁設想留白可從兩個方面掌握。
3.1 網站全體設想留白 在網站設想的全體計劃中，普遍應用留白的方法建立設想框架，發明同一的視覺傳達意境，使整個設想理念可以正確而無效，構成網站共同的作風和寬廣的零碎擴展空間，使的頁面中的各個元素愈加具有生機和構造組織的多元性，激起出弱小的視覺能量。這種留白的思想方式是把整個零碎作為留白的載體，而不是獨自的某一頁、某一偵，這需求設想師從設想的全方位去思索網站的架構，做到設想的片面同一，從全體氣質上定義網站文明的含義，傳達更輕易被辨認和認同的企業質量。因而，留白在這里的表示曾經不在再純粹的技術手腕，而是融入整個網站零碎的建立的、不可或缺的一部分。這種零碎的視覺壓服力更為間接，可用性更強。
3.2 網站頁面設想留白 在網頁設想中，也要重視細節的處置，尋求設想在不角度的精巧表示，力圖把設想延長到每一個角落，不管從哪一個角度審閱，都展示出完滿的設想魅力，從而到達部分帶動全體的設想手腕。詳細說來，包括以下幾個方面：
一是網頁頂部（頭部）留白。保存傳送網站的類型、作風的logo和提供繁雜明了導航鏈接。
二是頁面背影留白。去除障礙視野順暢活動的底紋等粉飾性元素，依據實踐需求設想好頁面邊空。
三是簡化標題表示，去除題花等粉飾性元素，特地是頭條、置頂、圖版等，不作圍框、活動、色彩變換等殊效反復夸大。
四是版塊別離用空缺而不是表格或線條。
4 結語
留白作為一種模范的保守立體設想言語，曾經延長到當今設想的各個范圍。它正在從設想的思想方法上給我們更多的思想空間。網頁設想留白是網頁藝術性的需求，更是網頁可用性的請求。在網頁設想中以無襯有，以有襯無，順應Web規范網頁設想的請求，是無的可用，無的藝術。不管作為網頁設想者，還是網頁用戶，都該當把對待“留白”晉升到一個新的高度。在這樣一個多元、關閉的時期，它必定會具有更大的使用空間。
參考文獻：
[1]屈一鋒.論現代水墨畫中虛與實的運用[J].美術大觀，2007（11）.
[2]愛娃·海勒[德].色彩的文明.吳彤譯，北京：中心編譯出版社，2004.
[3]韓兵.對設想中留白的再熟悉[J].藝術與設想（實際），2009（03）.
[4]陳學軍，郝怡.藝術方式中的留白略論[J].字畫，2007（07）.
[5]嚴荷菱.水墨畫的真假留白在彩色書刊版式中的運用[J].合肥學院學報（社會迷信版），2009（01）.
[6]童鏵彬.淺談留白在立體設想中的使用[J].美術之友，2009（06）.
[7]Gakob Bielsen[美].Web可用性設想.瀟湘任務室譯.北京：群眾郵電出版社，2000.
[8]曾紀綱.留白：現代報紙版面設想藝術之神韻[J].舊事陣線，2004（10）. 轉貼于 中國論文下載核-心 http://www.studa.net網頁設計
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 可用性表現 一是普通設想主題。人們在完好地接納立體元素消-息時，視野會構成一個習氣性的活動次第：視點先落入視覺焦點，后隨個元素間的強弱變化而作有序活動，最初完成對全部分元素消-息的接納。[5]認知心思學的研討證實，留在空缺之中的東西更輕易被人留意和想起，留白對閱讀起夸大和進展的作用，有助于視覺向主體元素集合凝結，它所發明出的空間構成一種途徑進而左右用戶的閱讀方向。如在主題文字的四周留出妥當的空缺空間，會比更改動主題文字大小和色彩更顯普通，同時也使的頁面在同一性上更易處置。
二是簡明頁面元素。少就是多，簡明就是豐厚，純粹就是豐滿。在純粹中求豐厚，在精練中求晦澀。
[6]網頁設想可用性的研討標明，簡明的、閱讀性強的網頁能運用戶取得愈加優良的體驗。過多的粉飾性元素或反復夸大常常會招致讀者的丟棄性反響，使刻意設置的抽象失掉震動效應。因而，不管從全體設想，還是構造設想、色彩搭配等方面，網頁設想都請求繁雜明了，每一個符號、每一個標題、每一個版塊都要緊扣主題，果斷去掉不用要的、與主題有關的東西，盡量做到用最簡明的元從來傳送最豐厚的意蘊、最正確的消-息。當然，簡明不即是繁雜，簡明的方式更需求網頁設想者具有概括稀釋的審美才能，對留白的了解有更高的請求。
三是浪費網絡帶寬。在網頁設想布局中，一切用戶界面設想的普通準繩是：閱讀器一切的設想元件中，假如少了某個設想元件，該設想依然可以任務，就把它刪掉。簡明總是比繁雜要好，特地是在Web設想中，每儉省3字節就會增加千分之一秒的下載工夫。[7]一個繁雜的例子就是假如挑選粗線或許空缺區來辨別兩段形式的話，運用空缺區的成效會更好，網頁的下載速度會更快。
轉貼于 中國論文下載核-心 http://www.studa.net
2.2 藝術性表現 網頁設想中的藝術性是附屬于可用性的，但這并不影響網頁藝術性的具有和它帶給用戶的美感體驗。恰恰相同，網頁的藝術性是可用性延長和擴展。當用戶被網頁上滿滿的文字、聲響、圖像等沉沒時，妥當公道的留白空恰似一個心靈休憩的驛站，讓我們的神經失掉了無效的緊張，從而運用戶緊張閱讀。當下網站建立中，功利色彩十分濃重，網頁上堆積的消-息可以“多”、“擠”、“滿”、“亂”描述，從視覺的角度處理方法之一就是運用網頁留白，這種留白可以是空缺，也可以是大面積的純粹色彩，或許是規則圖形的組合，無一例個地，它使文字之間、圖形之間構成頁面節拍感、版塊層次感、形式主次感，發明“透氣”的覺得，以化解少量消-息匯集起來形成的壓榨感，尋求心思開釋，給閱讀者帶來緊張、愉悅的享用和無窮的設想空間，最大限制地激起他們的藝術設想力，從而更好地領會頁面消-息中所隱藏的深入含義。這正是網頁留白在更高層次上的藝術韻律之美。
3 Web規范網頁設想留白處置方法
在版面設想中，處置好大與小、主與次、疏與密、虛與實，都是美的比例根底，可謂是一種既可閱讀又可休閑的一舉兩得的藝術享用。[8]但對留白假如不加掌握的恣意運用，它不只不能無效發揚作用，反而會形成版面紊亂，影響整個頁面設想。Web規范網頁設想留白可從兩個方面掌握。
3.1 網站全體設想留白 在網站設想的全體計劃中，普遍應用留白的方法建立設想框架，發明同一的視覺傳達意境，使整個設想理念可以正確而無效，構成網站共同的作風和寬廣的零碎擴展空間，使的頁面中的各個元素愈加具有生機和構造組織的多元性，激起出弱小的視覺能量。這種留白的思想方式是把整個零碎作為留白的載體，而不是獨自的某一頁、某一偵，這需求設想師從設想的全方位去思索網站的架構，做到設想的片面同一，從全體氣質上定義網站文明的含義，傳達更輕易被辨認和認同的企業質量。因而，留白在這里的表示曾經不在再純粹的技術手腕，而是融入整個網站零碎的建立的、不可或缺的一部分。這種零碎的視覺壓服力更為間接，可用性更強。
3.2 網站頁面設想留白 在網頁設想中，也要重視細節的處置，尋求設想在不角度的精巧表示，力圖把設想延長到每一個角落，不管從哪一個角度審閱，都展示出完滿的設想魅力，從而到達部分帶動全體的設想手腕。詳細說來，包括以下幾個方面：
一是網頁頂部（頭部）留白。保存傳送網站的類型、作風的logo和提供繁雜明了導航鏈接。
二是頁面背影留白。去除障礙視野順暢活動的底紋等粉飾性元素，依據實踐需求設想好頁面邊空。
三是簡化標題表示，去除題花等粉飾性元素，特地是頭條、置頂、圖版等，不作圍框、活動、色彩變換等殊效反復夸大。
四是版塊別離用空缺而不是表格或線條。
4 結語
留白作為一種模范的保守立體設想言語，曾經延長到當今設想的各個范圍。它正在從設想的思想方法上給我們更多的思想空間。網頁設想留白是網頁藝術性的需求，更是網頁可用性的請求。在網頁設想中以無襯有，以有襯無，順應Web規范網頁設想的請求，是無的可用，無的藝術。不管作為網頁設想者，還是網頁用戶，都該當把對待“留白”晉升到一個新的高度。在這樣一個多元、關閉的時期，它必定會具有更大的使用空間。
參考文獻：
[1]屈一鋒.論現代水墨畫中虛與實的運用[J].美術大觀，2007（11）.
[2]愛娃·海勒[德].色彩的文明.吳彤譯，北京：中心編譯出版社，2004.
[3]韓兵.對設想中留白的再熟悉[J].藝術與設想（實際），2009（03）.
[4]陳學軍，郝怡.藝術方式中的留白略論[J].字畫，2007（07）.
[5]嚴荷菱.水墨畫的真假留白在彩色書刊版式中的運用[J].合肥學院學報（社會迷信版），2009（01）.
[6]童鏵彬.淺談留白在立體設想中的使用[J].美術之友，2009（06）.
[7]Gakob Bielsen[美].Web可用性設想.瀟湘任務室譯.北京：群眾郵電出版社，2000.
[8]曾紀綱.留白：現代報紙版面設想藝術之神韻[J].舊事陣線，2004（10）. 轉貼于 中國論文下載核-心 http://www.studa.net網頁設計
分類：潮流服裝
