視覺流程在現(xiàn)代版式設(shè)計中的應(yīng)用研究

摘? 要：“視覺流程”是受眾在觀看設(shè)計編排信息時的視覺先后順序，即視線沿著各元素排列位置移動的軌跡，受眾先看到什么元素，再看到什么元素，最后看到什么元素，這一過程是一個視覺先后順序的路線。受眾稱視覺先后順序?yàn)椤耙曈X流程”?，F(xiàn)代版式設(shè)計力求打破傳統(tǒng)的設(shè)計方式，追求創(chuàng)新視覺流程，力求找到使受眾耳目一新的視覺流程秩序。

關(guān)鍵詞：視覺流程;現(xiàn)代版式;設(shè)計

基金項(xiàng)目：本文系2018年江蘇省高校哲學(xué)社會科學(xué)研究“構(gòu)建基于全納教育理念的江蘇高校無障礙教育體系研究”（2018SJA0647）;南京特殊教育師范學(xué)院2019年教學(xué)改革研究課題“大數(shù)據(jù)時代下高校無障礙教學(xué)環(huán)境的信息化學(xué)習(xí)模式探索與實(shí)踐”（2019XJJG31）的階段性研究成果。

一、視覺流程的普遍規(guī)律

任何視覺藝術(shù)表現(xiàn)形式都存在視覺流程。所謂“視覺流程”是指人們在觀看設(shè)計編排信息時視覺閱讀的先后順序，即視線沿著各元素排列位置移動的軌跡，受眾先看到什么元素，再看到什么元素，最后看到什么元素，這一過程是按照視覺先后順序排列的路線。受眾稱這個視覺先后順序?yàn)椤耙曈X流程”。視覺流程又能細(xì)分為“自然視覺流程”與“視覺秩序流程”兩種形式。

（一）自然視覺流程

自然視覺流程是指自然界中的視覺元素給受眾的視覺指導(dǎo)順序，如受眾在自然當(dāng)中所看到的近景、中景、遠(yuǎn)景等諸多形態(tài)元素的視覺順序，它們都是客觀存在的元素。因此，視覺流程也是自然與客觀的。受眾發(fā)現(xiàn)在空白版面中，在沒有人為元素編排的狀態(tài)下，人的自然視覺意識是一種潛意識的視覺流程順序。版式設(shè)計的視覺中心分為兩種：畫面物理中心和人的視覺中心。經(jīng)研究發(fā)現(xiàn)，人的視點(diǎn)是高于物理視覺中心的，所以，人的視覺中心是人們的自然視覺中心點(diǎn)，而向周圍輻射的區(qū)域便成為自然視覺的重點(diǎn)區(qū)域。因此，在受眾的自然視覺潛意識里，該區(qū)域是放置重要圖形信息或重要文字信息的首選位置。

（二）視覺秩序流程

現(xiàn)代版式設(shè)計力求打破傳統(tǒng)的設(shè)計方式，追求創(chuàng)新視覺流程。設(shè)計師力求找到使人們耳目一新的視覺流程秩序，盡量克服人的視覺本能與潛意識影響，并運(yùn)用合理的設(shè)計手法打破常規(guī)的位置排列關(guān)系，突破受眾的視覺框架和視覺習(xí)慣，全新的視覺流程秩序，讓版式設(shè)計帶給受眾更新穎、更獨(dú)特的視覺審美效果。當(dāng)然，視覺秩序流程必須是設(shè)計師充分了解自然視覺流程，用理性的設(shè)計意圖來改變受眾原有的視覺習(xí)慣，用科學(xué)合理的視覺流程方式引導(dǎo)受眾的視覺順序，從而更好地向受眾傳達(dá)獨(dú)特、和諧、創(chuàng)新、秩序等形式美感的視覺信息。設(shè)計師在一定程度上是可以改變受眾自然視覺流程習(xí)慣的，在設(shè)計中可根據(jù)設(shè)計需要主動引導(dǎo)受眾的視覺流程，從而設(shè)計出別具一格的形態(tài)效果，給受眾帶來新穎別致的視覺享受。

二、設(shè)計流程在版式設(shè)計中的主要應(yīng)用形式

在現(xiàn)代版式設(shè)計中，通過視覺流程順序來編排圖形、文字、色彩等各類設(shè)計元素，以視覺流程為紐帶突出彼此之間的關(guān)系。因此，處理好各元素之間的視覺順序至關(guān)重要。在現(xiàn)代版式設(shè)計視覺流程的應(yīng)用中有很多表現(xiàn)方式，其中主要有以下八種形式：

（一）水平視覺流程

水平視覺流程是指將版面中的設(shè)計元素按照水平方向進(jìn)行排列，這種從左向右的排列組合方式能清晰明確地傳達(dá)信息。簡潔的水平版面給受眾舒適的感覺，版面中大面積的留白使版面顯得簡潔而精練，主題突出，引人注目。水平的視覺流程符合受眾從左至右的閱讀習(xí)慣，圖形大小的對比變化更能準(zhǔn)確明了地闡明設(shè)計信息。設(shè)計要素以水平的視覺流程由深入淺進(jìn)行排列，增加了版面的空間層次感，使版面內(nèi)容豐富、有秩序感，感官上具有強(qiáng)烈的視覺沖擊力，給受眾深刻的視覺感受。版面編排中的文字、圖形、版面結(jié)構(gòu)的水平置入給受眾以安定、祥和、寧靜的視覺感受，可以使整個版面產(chǎn)生穩(wěn)定、靜態(tài)的視覺效果，特別是版面中起到信息傳達(dá)的文字結(jié)構(gòu)要以水平方式居中排列，指引受眾的視覺流程向圖形過渡，信息傳達(dá)到位（如圖1）。

（二）垂直視覺流程

垂直視覺流程是指將版面中的設(shè)計元素按照垂直的方向進(jìn)行排列，這種自上而下的排列方式如同豎線給受眾堅定、理性、直觀的視覺感受。隨著視線的上下移動，表現(xiàn)出一種力量的美感。垂直排列的文字與圖形可以形成版面的垂直視覺流程，再配以文字顏色的深淺變化，形成一種視覺上的層次感與空間感，并給受眾理性、穩(wěn)重、直率的視覺感受。如圖2，各個不同大小文字組合的垂直排列形式，形成了版面垂直的視覺流程，給人嚴(yán)謹(jǐn)、理性、秩序的視覺感受;再通過文字的顏色與大小的變化，形成一種視覺上的層次與空間感。自上而下的文字排列形成垂直的視覺流程，使受眾的視覺重心集中于中部的“V”型文字與圖形上，增強(qiáng)了版面的表現(xiàn)力和藝術(shù)感，巧妙的創(chuàng)意簡潔直觀地傳達(dá)出設(shè)計信息。

（三）斜向視覺流程

斜向視覺流程是指將版式設(shè)計中的視覺元素按斜向進(jìn)行排列，這種排列方式給人以沖刺、飛躍、前進(jìn)、向上的視覺感受，表現(xiàn)出力量與重心的前移。斜向視覺流程具有強(qiáng)烈的沖擊力，能以其動態(tài)視覺感受吸引受眾的目光。斜向排列的文字、圖形與色彩形成向前沖的視覺畫面，給受眾帶來速度與力量感，更營造出設(shè)計的空間感，傾斜的版面視覺流程將版面中的圖片與文字按照45度角排列，既可以使版面條理清晰、均衡協(xié)調(diào)，又增加了版面的動感和韻律，帶給受眾無限的想象空間。如圖3，編排文字傾斜排列在斜向的直線上，交互穿插、醒目突出，看似復(fù)雜多變的字體在排列上卻很講究，大小和位置變化豐富且協(xié)調(diào)，主次明確，產(chǎn)生充滿動感與活力的視覺效果。

（四）曲線視覺流程

曲線視覺流程是指將版面中的視覺元素按曲線進(jìn)行排列，這種排列方式給人一種柔美、優(yōu)雅的視覺感受。曲線視覺流程雖不如水平、垂直視覺流程那樣直接簡明，但更具韻味、節(jié)奏和動態(tài)美，能夠營造出輕松舒展的氛圍。如圖4，以S形曲線彎曲的文字，表現(xiàn)出節(jié)奏性的曲線形態(tài)所帶來的版式編排韻律，簡潔明了，通過文字的線性彎曲吸引受眾的視線，點(diǎn)明設(shè)計主題。

（五）核心視覺流程

核心視覺流程是指在版面空間中選擇一處位置進(jìn)行重點(diǎn)信息的傳達(dá)，也就是以一個圖形、文字或色彩形象占據(jù)版面的核心位置，產(chǎn)生強(qiáng)烈的視覺效果。根據(jù)版面的不同，視覺核心的位置不盡相同。需要根據(jù)版面所要表達(dá)的含義來決定視覺核心的位置，能夠鮮明地突出主題。由設(shè)計主體組成的圖形、文字與色彩作為版面的視覺核心，在突出設(shè)計主題的同時，揭示設(shè)計信息，加深受眾對版式的認(rèn)識。如圖5，位于版面中心位置的白色圓形圖形，以平面構(gòu)成的形式描繪出咖啡杯的形象，簡潔生動、醒目突出，起到活躍版面的作用，更加突出設(shè)計的主體圖形。

（六）反復(fù)視覺流程

反復(fù)視覺流程是指把相同或近似的設(shè)計元素進(jìn)行有規(guī)律的排列，并使其在版面空間內(nèi)反復(fù)出現(xiàn)，以節(jié)奏、韻律與秩序的形態(tài)呈現(xiàn)給受眾。視覺上的重復(fù)感，采用重復(fù)性的圖案與文字，增強(qiáng)了設(shè)計元素的識別性與編排的豐富性，更能夠?qū)崿F(xiàn)對設(shè)計主題的強(qiáng)調(diào)，形成強(qiáng)烈的視覺效應(yīng)。文字作為版式中大小相同的設(shè)計元素反復(fù)排列，穿插不同字號的圖片，形成統(tǒng)一中有變化的版面設(shè)計，豐富版面設(shè)計的視覺美感，醒目而美觀，吸引受眾的注意。如圖6，反復(fù)排列的圖形與視覺上的連續(xù)性和節(jié)奏性，能加深觀者的印象，黃色的正方形色塊與設(shè)計主題文字在版面空間內(nèi)反復(fù)出現(xiàn)。雖然這些設(shè)計元素有著形象大小的漸變或顏色明暗的對比，但這些都是在同種設(shè)計元素形象上的變化，通過視覺形象的反復(fù)出現(xiàn)來強(qiáng)調(diào)設(shè)計主題。

（七）導(dǎo)向視覺流程

導(dǎo)向視覺流程是指利用圖形、文字或色彩等設(shè)計元素，引導(dǎo)受眾按照預(yù)設(shè)好的方向進(jìn)行閱讀。由主及次，把版面的構(gòu)成元素串聯(lián)起來形成一個整體，使重點(diǎn)突出、條理清晰，將信息最大化地傳達(dá)給受眾。版面中的導(dǎo)向形式多樣，如直接導(dǎo)向、簡潔導(dǎo)向、虛形導(dǎo)向以及文字導(dǎo)向等。版面中彩色的圖底不但使版面生動活潑，而且引導(dǎo)受眾的視線抓住版面的精彩部分，搶眼突出。在版面設(shè)計中起導(dǎo)向功能的設(shè)計元素，不僅提高了版面的層次感，也使版面主次明確，便于受眾對于版面信息的瀏覽。具有指示性的箭頭和文字裝飾圖形自由拼貼，使版面充滿活力，與其他設(shè)計元素形成鮮明的對比，易于激發(fā)受眾的閱讀興趣。

（八）散點(diǎn)視覺流程

散點(diǎn)視覺流程是指圖與圖、圖與文字之間自由分散的排列方式。整體版面充滿自由輕快之感，呈現(xiàn)出感情性、無序性、個性化的非常規(guī)狀態(tài)。設(shè)計元素散點(diǎn)組合時，要注意圖片大小、主次搭配，強(qiáng)調(diào)版面的輕松靈動，給受眾帶來活躍、自在、生動有趣的視覺體驗(yàn)。內(nèi)容豐富的版面運(yùn)用散點(diǎn)視覺流程時，要避免所有內(nèi)容都集中展示在版面前部。設(shè)計元素的前后排列處理能很好地營造版面的空間感。散點(diǎn)視覺流程雖然無序，但也需要精心設(shè)計、主次搭配，才能擁有形神不散的效果。散點(diǎn)視覺流程讓讀者可以自由尋找版面的精彩之處，但需要層次分明，而不是東拼西湊、雜亂無章。無序化的圖形元素率性排列，充分展現(xiàn)了自由與活力，準(zhǔn)確地傳達(dá)出設(shè)計主題，極具感染力。散點(diǎn)視覺流程使版面更加有趣豐富，配合多種元素的運(yùn)用，可以增強(qiáng)版面的活潑感與豐富感，能給受眾帶來自在有趣的視覺體驗(yàn)。文字信息和圖片信息有條理地編排在版面的四周（如圖7），條理清晰、信息傳達(dá)明確，重要的主體圖片占據(jù)了版面的中心位置，醒目突出，凸顯其主導(dǎo)地位。圖片的選擇也獨(dú)具匠心，運(yùn)用明暗色形成對比圖形，創(chuàng)造出獨(dú)特的視覺效果，吸引受眾目光的同時也增強(qiáng)了版面的空間感。

三、結(jié)語

隨著時代的發(fā)展、技術(shù)的進(jìn)步，版式設(shè)計的外延也在慢慢擴(kuò)大，正確地了解和運(yùn)用視覺流程原理已經(jīng)成為現(xiàn)代版式設(shè)計的根本要求。現(xiàn)代版式設(shè)計需要根據(jù)設(shè)計主題和視覺需求，在有限的版面空間內(nèi)對設(shè)計要素進(jìn)行排列與構(gòu)架。版式設(shè)計是任何類型設(shè)計的基礎(chǔ)。現(xiàn)代版式設(shè)計決定著各類設(shè)計的基本形態(tài)與編排架構(gòu)。視覺流程作為受眾在觀看設(shè)計信息時的視覺先后順序，對設(shè)計元素的放置排列與設(shè)計信息的導(dǎo)向傳達(dá)有著舉足輕重的作用。通過對視覺流程在現(xiàn)代版面中的應(yīng)用分析，總結(jié)出視覺流程的八大應(yīng)用要點(diǎn)，力求打破傳統(tǒng)的版面設(shè)計方式，創(chuàng)新視覺流程，找到使受眾耳目一新的現(xiàn)代版式設(shè)計視覺流程秩序。

參考文獻(xiàn)：

[1]楊文丹.視覺創(chuàng)意與表現(xiàn)[M].北京：化學(xué)工業(yè)出版社，2017.

[2]佐佐木剛士.版式設(shè)計全攻略[M].暴鳳明，譯.北京：中國青年出版社，2010.

[3]原研哉.設(shè)計中的設(shè)計[M].紀(jì)江紅，譯.桂林：廣西師范大學(xué)出版社，2010.

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

[5]斯潘塞.現(xiàn)代版式設(shè)計先驅(qū)[M].王毅，譯.上海：上海人民美術(shù)出版社，2006.

[6]苗紅磊，周作好.現(xiàn)代版式設(shè)計[M].成都：西南交通大學(xué)出版社，2014.

作者簡介：蘇力健，南京特殊教育師范學(xué)院。