崔蓝幻 刘召玲

摘  要：版式设计是将文字、图片、色彩等设计元素进行科学安排、有序调整，使版面设计合理化。通过版式设计可以使人们更容易阅读和接受版面信息。视觉流程是一种视觉顺序，它是版式设计相关元素排列必不可少的一部分，具有引导受众阅读、促进版面有效信息传递、保证版面统一性的重要作用。

关键词：阅读习惯;视觉流程;版式设计;形式美法则

一、引言

随着经济的发展和科技的进步，各种设计作品层出不穷。版式设计作为设计作品必不可少的一步，可促进版面主体内容有效地吸引读者的注意，并进行信息的快速传递。视觉流程是版式设计的重要组成部分，是用无形的虚线来引领读者的视线，使画面条理清晰，主题明确，可以有效引导受众进行版面文字的阅读，促进版面信息高效传递。

二、关于视觉流程

（一）视觉流程的含义

视觉流程是版式设计的一种视觉顺序，是版面设计必不可少的组成部分，主要指版面中相关视觉要素排列的主次关系。研究表明，受众群体的视觉习惯会对视觉流程产生重要的影响。视觉流程的走向需要符合受众的阅读习惯，当读者阅读版面时视线会从左向右、自上到下、从明到暗、由密到疏，由版面的左上角沿着弧线向版面的右下角流动。有效的视觉流程需要符合视觉逻辑顺序。

（二）视觉流程在版式设计中的作用及类型

根据版面信息的主次性可以分为以下几种类型的视觉流程。

1.单项视觉流程。版面中视觉元素按水平方向排列的为横向视觉流程，视觉元素按竖向排列的为垂直视觉流程单项视觉流程简洁、自然，让人一目了然。

2.反复型视觉流程。对版面中相同或相似的元素进行有规律、有秩序、有节奏地排列，并在此基础上产生对比，富含韵律感和节奏感。

3.导向型视觉流程。通过引导受众视线，有主次地把版面各构成要素依序连接，形成一个有机的整体，一般有C型、S型等表现形式。

4.散点型视觉流程。版面中图与图之间、图与文字之间自由分散，整体版面给人轻松愉悦、自由欢快的感觉。此类视觉流程多用于比较轻松、休闲的版面设计中，但值得注意的是版面中相关元素在排列时要注意大小、虚实、疏密的对比，使画面产生层次感。

以上是几种常见的视觉流程，这些不同的视觉流程各具特色，各有所长，丰富着版式设计。

三、版式设计中视觉流程的现状分析

传统的版面设计通常会按照受众的阅读习惯将版面中的元素进行组合和排列，对主要的信息进行突出。新型的版面设计善于打破受众常规阅读习惯，利用对比与调和、节奏与韵律等形式美法则来突出版面的主题信息，使受众可以按照设计者所设计的视觉流程进行有效的信息阅读。

（一）适合受众阅读习惯的传统视觉流程

符合受众的阅读习惯，从左向右、自上到下、从明到暗、由密到疏，由版面的左上角沿着弧线向版面的右下角流动。版面中的主要信息排列在版面的上方、下方和中上方，主要信息多集中在视觉中心位置，这样会使受众在第一时间获取有效信息。虽然这种编排方式显得有些传统，但可以直接快速有效地进行信息的传递。例如短期培训班的广告，其主要图形位于版面上方的视觉中心，主题信息顺应读者的视觉重心习惯位于版面的下方。总体来看，版面的视觉流程为：从位于视觉中心的主要图形过渡到位于版面下方视觉重心的主题信息。整个视觉流程为重心型。同时，为防止版面形式单一，对版面的文字进行了色彩、大小、疏密等的处理，构建出一种充满变化的形式美。

（二）传达设计者意图的新型视觉流程

根据设计者意图进行设计的视觉流程会符合对比与调和、节奏与韵律、对称与均衡、比例适度等形式美法则，常采用有效信息群组和信息呼应构成的方式打破受众的常规阅读习惯，使读者按设计者构思设计的视觉流程进行版面的有效阅读。此类视觉流程样式独特新颖，可以更好地吸引受众的注意，激发他们的兴趣，但是也会有不被大众接受的可能。

1.通过版面相关元素的呼应，构建视觉流程

进行视觉流程设计时，可通过版面相关元素的呼应，创建视觉流程，让受众把视觉层次上相呼应的元素联系起来，引导受众快速准确地获取信息内容。例如在版式设计中可以在版面上穿插数字或者图形，主题信息和说明文字分别位于数字的上下方，相互呼应，视觉流程顺应了数字的字形结构，形成从上到下的导向型。整个版面不仅在视觉流程上使读者可以顺着版面结构进行阅读，还可以减少视觉混乱。但是需要防止因主题信息的偏上和偏下处理，减少了读者的注意力，为有效信息的传递带来一些困扰。

2.通过元素对比与调和突显视觉流程

对比可以突出版面元素相互间的关系，通过虚实、疏密、强弱、大小、远近、轻重等对比的方法来强调元素的主次性，可改变呆板单一的版面，还能使受众按设计者设计的视觉层次关系进行版面有效信息的阅读。调和可以强调元素的近似性，在版面元素产生对比的情况下避免变化过度，对画面元素进行适当的调和，使元素具有一定的共性。例如在版面中可以采用倾斜式构图，既在排列上形成横竖对比又使说明文字与倾斜式的主题文字形成色彩强弱和字号大小的鲜明对比。这两种对比通过合理的编排，整个版面非但不混乱，反而使得主题信息更加突显。

3.通过版面的信息群组，突出主体信息

对版面元素按照信息群组化的形式进行排列和组合，划分元素的主次关系，避免视觉的混乱。例如在版式设计中将不同造型的图形按照群组的形式进行排列，并位于版面的视觉中心，同时采用透叠的方式使本来纷杂混乱的图形变得错落有致。整个版面的视觉流程为：从位于视觉中心的图形分别向位于上下方的主要信息呈直线式过渡。这样，既可以有效地传递信息，又能够增加版面的形式美感。

通过以上分析可以看出，传统和新型这两种视觉流程设计各有所长。传统的视觉流程设计可以有效传递信息，但是形式较为单一和陈旧，带给读者的设计感和新鮮感较少。新型的视觉流程设计符合形式美法则，可以有针对性地进行主次信息的排列，通过呼应构成、有效信息群组等方式打破受众原有的阅读习惯，使版面更加新颖并具有设计感。结合二者的优势，可以设计出形式和内容丰富多样的版面利于读者接受。

三、版式设计中视觉流程的设计原则以及在设计作品中的运用

（一）区别各种元素的主次性

根据版面内容的主次性设计合理有序的视觉流程。主次性不明、喧宾夺主的视觉流程会带来视觉混乱，不利于信息的快速有效传递。因此，可根据主次性去划分版面元素所占的比例，主要信息排列在符合受众视觉习惯的视觉中心位置，减少次要信息所占比重;还可通过大小对比，利用主题信息群组和信息呼应等形式强调和突出主要信息。如台儿庄运河古城宣传单的设计，便采用了版面相关元素相互对比，加大了主题信息及其周围面积，体现了突出主题信息的手法。台儿庄古城图形作为主题信息和其上方的说明文字在大小上产生鲜明对比，版面中的大面积留白也产生了突出主体形象的作用。在此设计过程中采用了重心型视觉流程，增加了古城的重量感。

（二）保持元素之间的变化与统一

变化与统一是版式设计中的形式美法则，二者是相互依存、相辅相成的。变化是通过元素之间大小、虚实、远近、强弱、高低、曲直等形式，打破版面设计的单一性，增强元素组合的多样性。

统一是使版面元素产生近似性，在版面元素较多的情况下，如果没有统一性，画面就会显得混乱，没有规律性，影响受众的有效阅读，受众会无法找到视觉的焦点，无法领悟设计者的意图。版式设计可以采取信息呼应群组的方式进行版面元素的有效统一。图1是台儿庄运河古城宣传品的CD包装袋，整体来看，包装袋的标题文字和右面的解释文字在排列上形成鲜明的横竖对比。两个单一的视觉流程产生一定趣味性的跳跃，丰富了读者的眼球。总的来讲，整个版面看似有很多不同的变化但却并不凌乱，视觉流程依然清晰明了。从案例中不难看出变化和统一的魅力。

（三）节奏感和韵律感增加版面趣味性

节奏是将版面元素按条理、秩序、有规律重复进行排列，从而产生节奏韵律美，还可以增强版面信息的趣味性，减少受众的视觉疲劳，更有效地传递信息。

在版面设计中，可使用元素重复、信息群组等方式令版面元素产生节奏。当节奏符合旋律感时，会使版面元素产生韵律感，打破呆板的形式，为版面设计带来生机和活力。图2是台儿庄古城风情的宣传品折页，該折页的整个视觉流程从左上角到左下角就像一个半圆形。元素从小到大再从大到小依次循环的排列方式，使得视觉流程在重复的基础上产生节奏感和韵律感。这样使游客在阅读时有一种轻松愉悦的感觉，减少视觉疲劳的同时并产生了审美趣味，促进了信息的有效传递。

在版式设计中信息的对比和群组化可以使版面产生主次分明的视觉流程;变化与统一可以增添版面的趣味性;增加版面元素排列的节奏感和韵律感能减少读者的视觉疲劳，使信息更有效地传递。

一个优秀的版式设计作品有利于信息的有效传递，因为其合理有效的视觉流程可以帮助读者理清视觉的顺序，快速而有效地接受和理解其传递的信息。对版式设计中视觉流程的研究和合理使用，不仅可以帮助版式设计快速有效地传递信息，也可以为平面设计作品注入新的活力。

一个有序且合理的视觉流程，可以引导读者的视线按照设计师的设计意图，以合理的顺序快速获得有效的视觉信息，留下深刻的印象，实现信息的快速有序传递。

参考文献：

[1]红糖美学.版式设计从入门到精通[M]. 北京：中国水利水电出版社，2019.

[2]甲谷一.版式设计原理[M].上海：上海人民美术出版社，2019.

[3]王斐.版式设计与创意[M].北京：清华大学出版社，2017.

作者简介：崔蓝幻，山东工程职业技术大学。

刘召玲，山东工程职业技术大学。