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

崔藍(lán)幻 劉召玲

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

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

一、引言

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

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

（一）視覺流程的含義

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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

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