版面流程設計的方式及作用

吳昊辰

摘要：版式設計是在有限的二維版式空間里將文字、圖片、色彩等視覺符號聚合在一起，進行創意性組合的過程，也是視覺傳達設計的重要組成部分。設計者要想把握視覺流程，就必須理清并安排好版面的脈絡，使整體版面的運動趨勢具有“主線”，同時增添版面的審美元素，使視覺要素和諧而出彩，給讀者留出適當的自由想象的空間，使其在視覺上張弛有度，帶來視覺上的美感享受。

關鍵詞：視覺傳達;流程設置;版面設計;分析研究

從版式設計的角度，根據視覺流程的方向性分類來探討視覺流程的規律，從而得出視覺流程在版式編排過程中占據著主導性地位的結論。一個好的架構和清晰的視覺流程，能夠引領觀者按照設計師事先設計好的視覺路線觀賞畫面。因此，充分掌握一定的視覺流程規律并靈活地運用，通過對版面的圖形和文字整體組織與調和，使版面圖文具有秩序和趣味以及美感，為觀者提供清晰便捷的信息選擇，以此便于觀者快捷的閱讀和理解版面的重要信息，最大程度體現和提升版面的視覺傳達效應。

一、版式設計的主題

為突出版式設計的主題，且使版面具有明確的導讀性，版式設計需要遵循視覺流程的設計規劃。視覺流程是觀者的視線在有限的版面中進行的空間運動，視線被各種視覺元素牽引按既定順序運動的過程。這種視覺在空間的流動線為“虛線”。正因為它“虛”，所以設計時往往容易被忽略。視覺流程的設計需要對版面各要素有很深入的理解，因為它本身就強調邏輯性注重版面的主次、前后空間等脈絡的清晰程度，版式設計的基本原則是將主要的元素編排在視覺中心的位置，不同的視覺流程編排，會帶來版面設計主體結構的改變，從而傳遞出不同的視覺效果。利用視覺流動規律，誘導觀者的視線跟著這條“虛線”延展，能使觀者有一個層次分明、條理清晰的視覺體驗。

二、視覺傳達中版面流程方式

1.單向視覺流程

單向視覺流程，是只使用單方向運動的線條來組織整個版面的過程。它的特點是使版式編排簡明清晰、一目了然。單向視覺流程誘導觀者的視線按一種主要的流動線運動，直奔主題。按照方向來分，我們可以把單向視覺流程分為四種：橫向、豎向、斜向。橫向是沿頁面的中軸線把圖形或字符做水平方向的編排，這種穩定的編排方式，使視線做水平移動，觀圖之余給人以平和、靜謐之感。豎向亦具有穩定性，是一種堅固的編排手法，視線循直立式的中線上下運動，給人以沉穩、堅固之感。斜向形打破了以上兩種編排方式的秩序感，可使視線做不平穩的運動，使版面編排具有動感，增添跳躍性。單向視覺流程是一種最直觀也最容易表現的流程設置方式，在版式設計中具有簡潔、流暢的視覺效果。

2.重心視覺流程

重心視覺流程是指觀者初次觀看一幅作品時，幅面中的部分文字或圖片占據著重要位子，使觀者一目了然。觀看這類設計時，先從版式的重心部分看起，然后再延展到版面中其他次要的信息。重心視覺流程引導著我們跟隨著設計師安排的視覺流程腳步來進一步理解和體會鮮明的版面設計主題。重心型視覺流程自動產生鮮明的視覺重心，所謂重心，不僅是指重要的視覺元素所占據的核心位置，亦指代重要視覺元素在形狀、色彩方面的選擇比其他視覺元素來的恰當，所傳遞的信息也較為切題。

3.反復視覺流程

反復視覺流程，是指在版式設計中，將相同或相似的圖片或文字元素按照一定的順序組織起來，各元素的構成是等量的，使觀者按照視覺元素的排列順序反復瀏覽。這種視覺流程適用于多個信息量相等的元素的編排上，例如系列產品的發布，或者突出畫面中某個相等元素的變異等。在版面上做反復流程重復的可以是視覺要素的形狀，也可以是視覺要素的色彩。在做重復時，要提煉出所要強調的重要信息元素，也要注意重復的頻度，不能形成視覺轟炸，使觀者產生厭煩之感。在具體的編排中也可將個別的元素放大或縮小或改變顏色，使其發生變異，打破原有視覺流程的秩序感。這種相同元素中的變異會形成新的視覺中心，且充滿趣味性。反復視覺流程所形成的連續性，給人以穩定、規范和統一的感受。

三、視覺流程設計在版面中的作用

所謂視覺流程，是指一種視覺空間的運動，通俗地說就是受眾閱讀信息的先后過程。視覺流程的產生是由人的視覺特性決定的。人眼的生理構造使人們在看東西時存在一個焦點，雖然在焦點之外的其他地方也能被眼睛的余光所及，但都是模糊的。也就是說我們一次只能看清楚一處，要想同時看清兩處或兩處以上的地方是不可能的。這種視覺特性使人們在讀取信息時必須一處一處地看，先看什么，后看什么，視線在版面上以一種游動的方式進行，這就是視覺流程。

視覺流程設計在版面中有非常重要的作用。如果不進行視覺流程設計，在一組分量均等的要素之間會形成沒有輸贏的競爭，同等的文字和圖形沒有主次順序，內容不能表現為重要的和次要的。這既不符合人們的閱讀習慣，又難以突出主題。正確合理的視覺流程設計，可以按照內容的主次來控制信息引起讀者注意的先后順序，進而引導讀者的視線按設計者的意圖進入到一個組織有序、主次分明、條理清晰的視覺信息空間里，從而使受眾迅速感知、容易理解和記憶所要傳達的信息，最終順利實現視覺傳達的目的。

參考文獻：

[1]呂曦.版面設計新體驗[M].重慶：重慶出版社，2001.

[2]安曉燕.論報紙廣告版面設計的視覺流程[J].裝飾，2005，（7）.

[3]劉浩.包裝設計中的視覺流程設計[J].包裝工程，2005，（4）.

[4]王利支.初探平面廣告中的視覺流程設置[J].藝術與設計（理論），2009，（4）.

[5]王焱.平面廣告設計的視覺流程和視覺中心[J].藝術與設計（理論），2008，（4）.

[6]何召鋒.視覺流程法則在平面編排設計中的原理及運用[J].南京工業職業技術學院學報，2004，（3）.

無錫職業技術學院