淺析版式設計中的視覺流程

王姍

摘 要：版面設計是現代設計藝術的重要組成部分，也是視覺傳達設計的核心內容之一，在版面設計中運用造型要素及形式原理，對版面內的文字、圖形、色彩、符號等要素，按照一定的要求進行編排，并把所要表達的信息以藝術的形式表達出來。通過運用視覺流程的表達方式，可以使整個版面重點突出、主次分明，同時具有藝術性和趣味性。

關鍵詞：版式設計;文字;圖形;色彩;視覺流程

一、引言

視覺流程往往會體現出比較明顯的方向感，無形中會形成一種脈絡，似乎有一條線、一股氣貫穿其中，使整個版面的運動趨勢有一個主旋律。心理學研究曾表明，在一個二維空間中，上半部分的視覺效應讓人輕松、自在，而下半部分則讓人穩定和壓抑[1-2]。同樣，左半部分讓人輕松、自在，右半部分讓人穩定和壓抑。所以二維空間的視覺影響力上方強于下方，左側強于右側。這樣，二維空間的上部和中上部被稱為“最佳視域”，也就是最優選的地方。在版面設計時，人們通常會將最想表達的文字、圖案或者色彩放置于此達到最佳的說明效果，也可以體現出版面的最大價值。

在一縱長形版面的中心線上，同時劃出3條等距的平行線，便在中心線上出現3個等距的焦點。當人們的視線在這3個焦點上來回移動時，便出現第一個焦點（中心線上部1/3處）最為引人注目。在最佳焦點的周圍，有一個放射狀的平緩遞減區域，直徑大約為版面寬度的5/6，這是版面的“最佳視域區”。版面的分割方式不同，視覺所受的注目程度也不同。

人們閱讀版面時，視線會有一種自然的流動習慣，即視覺由左到右、由上到下移動，在由左上沿著弧形線向右下方流動的過程中，其注意值隨著下移逐漸遞減。在此流動線上的任何點，都會比流動線以外的視覺效果強。這種無形的流動線稱為“視覺流程”。不過，“視覺流程”也是很有趣的，設計者通過魔術般的巧妙變化，便可以自行改變其視線流向而獲得意想不到的視覺效果。例如，平行線可使視線左右流動，垂直線可使視線上下流動，傾斜線可使視線不穩定流動，往往更引人注目。當相同或相近似的圖形重復以相同方向組合編排時，視覺流程會統一有序地按節編排，若在一行標題或圖形上添加一至二根線或者色塊，此時的標題或圖形將會更醒目，視覺瀏覽速度加快。

二維版面上的編排最佳視域與視覺流程，實際上是對信息的有序處理，從而誘導人們的視線按照設計意圖感覺最佳信息，因此要科學把握以下幾方面。（1）視覺流程的邏輯性要強。版式設計是一種創造，首先要立足創新性的傳達，但又要符合人們普遍的認識思維，做到視覺流程的自然、合理、暢快。（2）視覺流程的可讀性要高。對于成功的視覺流程，版面上的各種信息圖形從大到小排列時，視線會按照要素進行排序，可讀性高。版式設計要注重把握版面上各信息要素間隙的節奏感，若間隙大，節奏慢，顯得恢宏大氣，視覺流程舒展，但間隙過分大就會失去聯系，彼此不能呼應。而間隙小，廣告上的正文節奏就強而有力，信息的可讀性就高。但間隙過小，可讀性就會降低，便失去了視覺傳達的意義。（3）視覺策劃的戰略性。成功的視覺流程設計，應與設計的總體形式相統一。如設計主題的定位、銷售方式、競爭模式、受眾群體、媒體選擇等的運動，是指視線與畫面各元素的編排方式、競爭模式、受眾群體、媒體選擇等關系密切。總之，設計流程的設計必須 個符合視覺原理的無形的線，在遵循特有服從于設計主題總體策劃。

二、視覺運動的規律

心理學家發現一些視覺運動的規律。（1）人眼的水平運動比垂直運動快。（2）視線習慣：從左到右、從上到下，順時針看。（3）眼睛沿上下方向運動比水平方 要符合人們認識的心理順序和思維活動的邏輯順序，因此版面中構成要素的主次順序應與要表達內容的重要性一致。主要元素成為視覺元素的視覺焦點，次要元素成為點綴或陪襯。（4）對水平方向的尺寸和比例估計比對垂直方向的尺寸和比例估計要準確得多。（5）直線輪廓比曲線輪廓更易被人們接受。

人們要利用視覺運動規律進行分析，當看到一條垂直線在頁面上，會引導視線作上下的視覺流動。水平線會引導視線作左右的視線流動，斜線比垂直線、水平線有更強的視覺沖擊力;矩形的視線流動式向四方發射;圓形的視線流動是輻射狀的;三角形則隨著頂角的方向使視線產生流動，各種圖形從小到大排列時，視線會按照排列方向流動。

在視覺心理上，一個詞叫“張力”，表示物象形式的矛盾差異相對比所產生的對抗振奮感和精神刺激力，差異越大，視覺張力也就越強。人們完整接收平面元素信息時，視線會形成一個習慣性的流動順序。視線先落入視覺焦點，后隨各元素間的強弱變化而有序流動，最后對全部信息進行整合、吸收。

三、視覺流程的特征

版式設計中的視覺流程是一種“空間的運動”，是指視線隨畫面各元素的編排在空間沿一定軌跡運動的過程。它像一個符號視覺原理的無形線，在遵循一定的規律的前提下，引導視者的視線隨著設計元素進入一個有序、條理清晰、傳達迅速流暢的閱讀過程。視覺流程有以下幾方面的特征。

（一）邏輯性

視覺流程首先要符合人們認識的心理順序和思維活動的邏輯順序，因此版面中構成要素的主次順序要與表達的內容相一致。主要元素成為視覺元素的視覺焦點，次要元素成為點綴。

（二）節奏感

節奏作為一種形式美感的重要元素，不僅能激發人們的視覺興趣，而且在形式結構上也有利于視線運動。它在構成要素之間位置上要形成一定的節奏關系，使其有長有短、有急有緩、有疏有密、有曲有直，形成視覺上和心理上的節奏，激發觀者的閱讀興趣。

（三）誘導性

設計師可以通過適當的編排，左右人們的視線，使其按照設計意圖進行順序流動，以此來引導觀眾的視線流動。在法國設計大師Michal Batory的作品中可以看到，他完美地把控了視覺中心和最佳視域。無論是顏色、質感的對比，還是細線構成以及白色文字構成的隱形視覺區域，無疑都集中在眼睛的部位。其中的鮮紅嘴唇也是愛心的造型，在畫面分割和曲線文字跳躍的襯托下，視覺中心的主題也就一覽無遺了。

四、視覺流程的內容

（一）單向視覺流程

單項視覺流程，顧名思義就是只使用簡明清晰的流動線來安排整個版面的編排。它的特點是可以使版面顯得簡潔有力，視覺沖擊力強。單項視覺流程使版面的流動線更為簡明，直接地說明主題內容。這種方法在現代設計中的運用很廣泛，特別是在需要短時間內吸引人注意力的海報設計中尤為普遍。

（二）直線視覺流程

直線視覺流程又稱線向視覺流程，它是指水平或垂直方向的視覺走向，有一條清晰的運動脈絡貫穿其中，視覺簡明、強烈。橫向視覺流程特點是穩定、恬靜;豎向視覺流程的特點是堅定、直觀。在無印良品的作品中，很好地利用地平線和水平面制造了橫向的視覺流程，給人安適、寂靜的空間感，能夠使人深刻感覺到日本的深層文化、美的觀念。而在2005年長野冬季奧運會的主題海報中，將傳統元素的卿魚融合于現代幾何的水平方塊空間中，有序、精致、嚴肅而從容，讓人回到一個最本原的世界，能夠發現原始之美。

（三）斜向視覺流程

從左上角到右下角，或從右上角到左下角利用對角線形成動態的視覺流程。其特點具有不穩定感和速度感，較多表現為運動類主題。

（四）曲向視覺流程

曲向視覺流程一般呈現為弧線形“C”或回旋形“S”，前者具有飽滿、擴張和一定的方向感，后者產生相反的矛盾弧線，在平面中增加深度和動感。曲向視覺流程給人以節奏感和幽雅柔美的感受。

（五）重心視覺流程

重心視覺流程是指視覺會沿著形象方向與力度的伸展來變換、運動，表現出向心力或重力的視線運動。重心是指視覺心理的焦點。每個頁面中獨有一個視覺焦點，這是需要重點處理的對象。重心是否突出，和頁面的版式編排、圖文位置以及色彩的運用有關，同時也與“重心”著力表現有關。在視覺心理的作用下，重心視覺流程的運用使主題更為鮮明、強烈。重心視覺流程有3種表現形式：一是重心視覺運動，直接以獨立且輪廓分明的形象占據版面中心;二是離心視覺運動，猶如將石子投入水中產生一圈向外擴散的弧線波紋;三是向心的視覺運動，視覺元素向版面中心聚攏。

（六）復向視覺流程

復向視覺流程又稱反復視覺流程，相同或相似的視覺元素作規律、秩序、節奏的逐次運動，可使視線有序地構成規律，沿一定的方向流動，引導觀者的視線反復瀏覽，富有韻律和秩序美，能夠起到強調主題和強化視覺流動的效果。

（七）導向視覺流程

通過誘導元素，使讀者的視線按一定方向順序運動，并由大到小、由主及次把版面各構成元素依序串聯起來，形成一個有機整體。導向視覺流程具有活力，能夠使重點突出、條理清晰，有利于發揮信息傳達功能。編排中的導線，有虛有實，表現多樣，如文字導向、手勢導向、形象導向以及視線導向等。

（八）散點視覺流程

所謂散點視覺流程是指版面中的各元素之間形成一種分散、沒有明顯方向性的編排設計，是打破常規的秩序與規律，以強調感性、隨意性、自由性為特點的表現形式，是一種變化中又平衡的構成形式，能夠給人以跳躍、自在的、個性化的視覺體驗。

參考文獻：

[1]莊黎.版式設計[M].武漢：河北美術出版社，2011：5.

[2]張璇.字體與版式設計[M].北京：清華大學出版社，2009：10.