關(guān)于版式設(shè)計中的視覺流程的研究

崔藍幻 劉召玲

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

關(guān)鍵詞：閱讀習慣;視覺流程;版式設(shè)計;形式美法則

一、引言

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

二、關(guān)于視覺流程

（一）視覺流程的含義

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

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

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

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

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

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

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

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

三、版式設(shè)計中視覺流程的現(xiàn)狀分析

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

（一）適合受眾閱讀習慣的傳統(tǒng)視覺流程

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

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

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

1.通過版面相關(guān)元素的呼應，構(gòu)建視覺流程

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

2.通過元素對比與調(diào)和突顯視覺流程

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

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

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

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

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

（一）區(qū)別各種元素的主次性

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

（二）保持元素之間的變化與統(tǒng)一

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

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

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

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

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

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

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

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

參考文獻：

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

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

[3]王斐.版式設(shè)計與創(chuàng)意[M].北京：清華大學出版社，2017.

作者簡介：崔藍幻，山東工程職業(yè)技術(shù)大學。

劉召玲，山東工程職業(yè)技術(shù)大學。