視覺流程在現代版式設計中的應用研究

摘? 要：“視覺流程”是受眾在觀看設計編排信息時的視覺先后順序，即視線沿著各元素排列位置移動的軌跡，受眾先看到什么元素，再看到什么元素，最后看到什么元素，這一過程是一個視覺先后順序的路線。受眾稱視覺先后順序為“視覺流程”。現代版式設計力求打破傳統的設計方式，追求創新視覺流程，力求找到使受眾耳目一新的視覺流程秩序。

關鍵詞：視覺流程;現代版式;設計

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

一、視覺流程的普遍規律

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

（一）自然視覺流程

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

（二）視覺秩序流程

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

二、設計流程在版式設計中的主要應用形式

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

（一）水平視覺流程

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

（二）垂直視覺流程

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

（三）斜向視覺流程

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

（四）曲線視覺流程

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

（五）核心視覺流程

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

（六）反復視覺流程

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

（七）導向視覺流程

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

（八）散點視覺流程

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

三、結語

隨著時代的發展、技術的進步，版式設計的外延也在慢慢擴大，正確地了解和運用視覺流程原理已經成為現代版式設計的根本要求。現代版式設計需要根據設計主題和視覺需求，在有限的版面空間內對設計要素進行排列與構架。版式設計是任何類型設計的基礎。現代版式設計決定著各類設計的基本形態與編排架構。視覺流程作為受眾在觀看設計信息時的視覺先后順序，對設計元素的放置排列與設計信息的導向傳達有著舉足輕重的作用。通過對視覺流程在現代版面中的應用分析，總結出視覺流程的八大應用要點，力求打破傳統的版面設計方式，創新視覺流程，找到使受眾耳目一新的現代版式設計視覺流程秩序。

參考文獻：

[1]楊文丹.視覺創意與表現[M].北京：化學工業出版社，2017.

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

[3]原研哉.設計中的設計[M].紀江紅，譯.桂林：廣西師范大學出版社，2010.

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

[5]斯潘塞.現代版式設計先驅[M].王毅，譯.上海：上海人民美術出版社，2006.

[6]苗紅磊，周作好.現代版式設計[M].成都：西南交通大學出版社，2014.

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