關于版式設計中的視覺流程的研究

崔藍幻 劉召玲

摘? 要：版式設計是將文字、圖片、色彩等設計元素進行科學安排、有序調整，使版面設計合理化。通過版式設計可以使人們更容易閱讀和接受版面信息。視覺流程是一種視覺順序，它是版式設計相關元素排列必不可少的一部分，具有引導受眾閱讀、促進版面有效信息傳遞、保證版面統一性的重要作用。

關鍵詞：閱讀習慣;視覺流程;版式設計;形式美法則

一、引言

隨著經濟的發展和科技的進步，各種設計作品層出不窮。版式設計作為設計作品必不可少的一步，可促進版面主體內容有效地吸引讀者的注意，并進行信息的快速傳遞。視覺流程是版式設計的重要組成部分，是用無形的虛線來引領讀者的視線，使畫面條理清晰，主題明確，可以有效引導受眾進行版面文字的閱讀，促進版面信息高效傳遞。

二、關于視覺流程

（一）視覺流程的含義

視覺流程是版式設計的一種視覺順序，是版面設計必不可少的組成部分，主要指版面中相關視覺要素排列的主次關系。研究表明，受眾群體的視覺習慣會對視覺流程產生重要的影響。視覺流程的走向需要符合受眾的閱讀習慣，當讀者閱讀版面時視線會從左向右、自上到下、從明到暗、由密到疏，由版面的左上角沿著弧線向版面的右下角流動。有效的視覺流程需要符合視覺邏輯順序。

（二）視覺流程在版式設計中的作用及類型

根據版面信息的主次性可以分為以下幾種類型的視覺流程。

1.單項視覺流程。版面中視覺元素按水平方向排列的為橫向視覺流程，視覺元素按豎向排列的為垂直視覺流程單項視覺流程簡潔、自然，讓人一目了然。

2.反復型視覺流程。對版面中相同或相似的元素進行有規律、有秩序、有節奏地排列，并在此基礎上產生對比，富含韻律感和節奏感。

3.導向型視覺流程。通過引導受眾視線，有主次地把版面各構成要素依序連接，形成一個有機的整體，一般有C型、S型等表現形式。

4.散點型視覺流程。版面中圖與圖之間、圖與文字之間自由分散，整體版面給人輕松愉悅、自由歡快的感覺。此類視覺流程多用于比較輕松、休閑的版面設計中，但值得注意的是版面中相關元素在排列時要注意大小、虛實、疏密的對比，使畫面產生層次感。

以上是幾種常見的視覺流程，這些不同的視覺流程各具特色，各有所長，豐富著版式設計。

三、版式設計中視覺流程的現狀分析

傳統的版面設計通常會按照受眾的閱讀習慣將版面中的元素進行組合和排列，對主要的信息進行突出。新型的版面設計善于打破受眾常規閱讀習慣，利用對比與調和、節奏與韻律等形式美法則來突出版面的主題信息，使受眾可以按照設計者所設計的視覺流程進行有效的信息閱讀。

（一）適合受眾閱讀習慣的傳統視覺流程

符合受眾的閱讀習慣，從左向右、自上到下、從明到暗、由密到疏，由版面的左上角沿著弧線向版面的右下角流動。版面中的主要信息排列在版面的上方、下方和中上方，主要信息多集中在視覺中心位置，這樣會使受眾在第一時間獲取有效信息。雖然這種編排方式顯得有些傳統，但可以直接快速有效地進行信息的傳遞。例如短期培訓班的廣告，其主要圖形位于版面上方的視覺中心，主題信息順應讀者的視覺重心習慣位于版面的下方。總體來看，版面的視覺流程為：從位于視覺中心的主要圖形過渡到位于版面下方視覺重心的主題信息。整個視覺流程為重心型。同時，為防止版面形式單一，對版面的文字進行了色彩、大小、疏密等的處理，構建出一種充滿變化的形式美。

（二）傳達設計者意圖的新型視覺流程

根據設計者意圖進行設計的視覺流程會符合對比與調和、節奏與韻律、對稱與均衡、比例適度等形式美法則，常采用有效信息群組和信息呼應構成的方式打破受眾的常規閱讀習慣，使讀者按設計者構思設計的視覺流程進行版面的有效閱讀。此類視覺流程樣式獨特新穎，可以更好地吸引受眾的注意，激發他們的興趣，但是也會有不被大眾接受的可能。

1.通過版面相關元素的呼應，構建視覺流程

進行視覺流程設計時，可通過版面相關元素的呼應，創建視覺流程，讓受眾把視覺層次上相呼應的元素聯系起來，引導受眾快速準確地獲取信息內容。例如在版式設計中可以在版面上穿插數字或者圖形，主題信息和說明文字分別位于數字的上下方，相互呼應，視覺流程順應了數字的字形結構，形成從上到下的導向型。整個版面不僅在視覺流程上使讀者可以順著版面結構進行閱讀，還可以減少視覺混亂。但是需要防止因主題信息的偏上和偏下處理，減少了讀者的注意力，為有效信息的傳遞帶來一些困擾。

2.通過元素對比與調和突顯視覺流程

對比可以突出版面元素相互間的關系，通過虛實、疏密、強弱、大小、遠近、輕重等對比的方法來強調元素的主次性，可改變呆板單一的版面，還能使受眾按設計者設計的視覺層次關系進行版面有效信息的閱讀。調和可以強調元素的近似性，在版面元素產生對比的情況下避免變化過度，對畫面元素進行適當的調和，使元素具有一定的共性。例如在版面中可以采用傾斜式構圖，既在排列上形成橫豎對比又使說明文字與傾斜式的主題文字形成色彩強弱和字號大小的鮮明對比。這兩種對比通過合理的編排，整個版面非但不混亂，反而使得主題信息更加突顯。

3.通過版面的信息群組，突出主體信息

對版面元素按照信息群組化的形式進行排列和組合，劃分元素的主次關系，避免視覺的混亂。例如在版式設計中將不同造型的圖形按照群組的形式進行排列，并位于版面的視覺中心，同時采用透疊的方式使本來紛雜混亂的圖形變得錯落有致。整個版面的視覺流程為：從位于視覺中心的圖形分別向位于上下方的主要信息呈直線式過渡。這樣，既可以有效地傳遞信息，又能夠增加版面的形式美感。

通過以上分析可以看出，傳統和新型這兩種視覺流程設計各有所長。傳統的視覺流程設計可以有效傳遞信息，但是形式較為單一和陳舊，帶給讀者的設計感和新鮮感較少。新型的視覺流程設計符合形式美法則，可以有針對性地進行主次信息的排列，通過呼應構成、有效信息群組等方式打破受眾原有的閱讀習慣，使版面更加新穎并具有設計感。結合二者的優勢，可以設計出形式和內容豐富多樣的版面利于讀者接受。

三、版式設計中視覺流程的設計原則以及在設計作品中的運用

（一）區別各種元素的主次性

根據版面內容的主次性設計合理有序的視覺流程。主次性不明、喧賓奪主的視覺流程會帶來視覺混亂，不利于信息的快速有效傳遞。因此，可根據主次性去劃分版面元素所占的比例，主要信息排列在符合受眾視覺習慣的視覺中心位置，減少次要信息所占比重;還可通過大小對比，利用主題信息群組和信息呼應等形式強調和突出主要信息。如臺兒莊運河古城宣傳單的設計，便采用了版面相關元素相互對比，加大了主題信息及其周圍面積，體現了突出主題信息的手法。臺兒莊古城圖形作為主題信息和其上方的說明文字在大小上產生鮮明對比，版面中的大面積留白也產生了突出主體形象的作用。在此設計過程中采用了重心型視覺流程，增加了古城的重量感。

（二）保持元素之間的變化與統一

變化與統一是版式設計中的形式美法則，二者是相互依存、相輔相成的。變化是通過元素之間大小、虛實、遠近、強弱、高低、曲直等形式，打破版面設計的單一性，增強元素組合的多樣性。

統一是使版面元素產生近似性，在版面元素較多的情況下，如果沒有統一性，畫面就會顯得混亂，沒有規律性，影響受眾的有效閱讀，受眾會無法找到視覺的焦點，無法領悟設計者的意圖。版式設計可以采取信息呼應群組的方式進行版面元素的有效統一。圖1是臺兒莊運河古城宣傳品的CD包裝袋，整體來看，包裝袋的標題文字和右面的解釋文字在排列上形成鮮明的橫豎對比。兩個單一的視覺流程產生一定趣味性的跳躍，豐富了讀者的眼球。總的來講，整個版面看似有很多不同的變化但卻并不凌亂，視覺流程依然清晰明了。從案例中不難看出變化和統一的魅力。

（三）節奏感和韻律感增加版面趣味性

節奏是將版面元素按條理、秩序、有規律重復進行排列，從而產生節奏韻律美，還可以增強版面信息的趣味性，減少受眾的視覺疲勞，更有效地傳遞信息。

在版面設計中，可使用元素重復、信息群組等方式令版面元素產生節奏。當節奏符合旋律感時，會使版面元素產生韻律感，打破呆板的形式，為版面設計帶來生機和活力。圖2是臺兒莊古城風情的宣傳品折頁，該折頁的整個視覺流程從左上角到左下角就像一個半圓形。元素從小到大再從大到小依次循環的排列方式，使得視覺流程在重復的基礎上產生節奏感和韻律感。這樣使游客在閱讀時有一種輕松愉悅的感覺，減少視覺疲勞的同時并產生了審美趣味，促進了信息的有效傳遞。

在版式設計中信息的對比和群組化可以使版面產生主次分明的視覺流程;變化與統一可以增添版面的趣味性;增加版面元素排列的節奏感和韻律感能減少讀者的視覺疲勞，使信息更有效地傳遞。

一個優秀的版式設計作品有利于信息的有效傳遞，因為其合理有效的視覺流程可以幫助讀者理清視覺的順序，快速而有效地接受和理解其傳遞的信息。對版式設計中視覺流程的研究和合理使用，不僅可以幫助版式設計快速有效地傳遞信息，也可以為平面設計作品注入新的活力。

一個有序且合理的視覺流程，可以引導讀者的視線按照設計師的設計意圖，以合理的順序快速獲得有效的視覺信息，留下深刻的印象，實現信息的快速有序傳遞。

參考文獻：

[1]紅糖美學.版式設計從入門到精通[M]. 北京：中國水利水電出版社，2019.

[2]甲谷一.版式設計原理[M].上海：上海人民美術出版社，2019.

[3]王斐.版式設計與創意[M].北京：清華大學出版社，2017.

作者簡介：崔藍幻，山東工程職業技術大學。

劉召玲，山東工程職業技術大學。