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

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

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

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

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

（一）自然視覺(jué)流程

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

（二）視覺(jué)秩序流程

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

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

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

（一）水平視覺(jué)流程

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

（二）垂直視覺(jué)流程

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

（三）斜向視覺(jué)流程

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

（四）曲線視覺(jué)流程

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

（五）核心視覺(jué)流程

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

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

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

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

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

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

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

三、結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

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

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

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