版面流程设计的方式及作用

吴昊辰

摘要：版式设计是在有限的二维版式空间里将文字、图片、色彩等视觉符号聚合在一起，进行创意性组合的过程，也是视觉传达设计的重要组成部分。设计者要想把握视觉流程，就必须理清并安排好版面的脉络，使整体版面的运动趋势具有“主线”，同时增添版面的审美元素，使视觉要素和谐而出彩，给读者留出适当的自由想象的空间，使其在视觉上张弛有度，带来视觉上的美感享受。

关键词：视觉传达;流程设置;版面设计;分析研究

从版式设计的角度，根据视觉流程的方向性分类来探讨视觉流程的规律，从而得出视觉流程在版式编排过程中占据着主导性地位的结论。一个好的架构和清晰的视觉流程，能够引领观者按照设计师事先设计好的视觉路线观赏画面。因此，充分掌握一定的视觉流程规律并灵活地运用，通过对版面的图形和文字整体组织与调和，使版面图文具有秩序和趣味以及美感，为观者提供清晰便捷的信息选择，以此便于观者快捷的阅读和理解版面的重要信息，最大程度体现和提升版面的视觉传达效应。

一、版式设计的主题

为突出版式设计的主题，且使版面具有明确的导读性，版式设计需要遵循视觉流程的设计规划。视觉流程是观者的视线在有限的版面中进行的空间运动，视线被各种视觉元素牵引按既定顺序运动的过程。这种视觉在空间的流动线为“虚线”。正因为它“虚”，所以设计时往往容易被忽略。视觉流程的设计需要对版面各要素有很深入的理解，因为它本身就强调逻辑性注重版面的主次、前后空间等脉络的清晰程度，版式设计的基本原则是将主要的元素编排在视觉中心的位置，不同的视觉流程编排，会带来版面设计主体结构的改变，从而传递出不同的视觉效果。利用视觉流动规律，诱导观者的视线跟着这条“虚线”延展，能使观者有一个层次分明、条理清晰的视觉体验。

二、视觉传达中版面流程方式

1.单向视觉流程

单向视觉流程，是只使用单方向运动的线条来组织整个版面的过程。它的特点是使版式编排简明清晰、一目了然。单向视觉流程诱导观者的视线按一种主要的流动线运动，直奔主题。按照方向来分，我们可以把单向视觉流程分为四种：横向、竖向、斜向。横向是沿页面的中轴线把图形或字符做水平方向的编排，这种稳定的编排方式，使视线做水平移动，观图之余给人以平和、静谧之感。竖向亦具有稳定性，是一种坚固的编排手法，视线循直立式的中线上下运动，给人以沉稳、坚固之感。斜向形打破了以上两种编排方式的秩序感，可使视线做不平稳的运动，使版面编排具有动感，增添跳跃性。单向视觉流程是一种最直观也最容易表现的流程设置方式，在版式设计中具有简洁、流畅的视觉效果。

2.重心视觉流程

重心视觉流程是指观者初次观看一幅作品时，幅面中的部分文字或图片占据着重要位子，使观者一目了然。观看这类设计时，先从版式的重心部分看起，然后再延展到版面中其他次要的信息。重心视觉流程引导着我们跟随着设计师安排的视觉流程脚步来进一步理解和体会鲜明的版面设计主题。重心型视觉流程自动产生鲜明的视觉重心，所谓重心，不仅是指重要的视觉元素所占据的核心位置，亦指代重要视觉元素在形状、色彩方面的选择比其他视觉元素来的恰当，所传递的信息也较为切题。

3.反复视觉流程

反复视觉流程，是指在版式设计中，将相同或相似的图片或文字元素按照一定的顺序组织起来，各元素的构成是等量的，使观者按照视觉元素的排列顺序反复浏览。这种视觉流程适用于多个信息量相等的元素的编排上，例如系列产品的发布，或者突出画面中某个相等元素的变异等。在版面上做反复流程重复的可以是视觉要素的形状，也可以是视觉要素的色彩。在做重复时，要提炼出所要强调的重要信息元素，也要注意重复的频度，不能形成视觉轰炸，使观者产生厌烦之感。在具体的编排中也可将个别的元素放大或缩小或改变颜色，使其发生变异，打破原有视觉流程的秩序感。这种相同元素中的变异会形成新的视觉中心，且充满趣味性。反复视觉流程所形成的连续性，给人以稳定、规范和统一的感受。

三、视觉流程设计在版面中的作用

所谓视觉流程，是指一种视觉空间的运动，通俗地说就是受众阅读信息的先后过程。视觉流程的产生是由人的视觉特性决定的。人眼的生理构造使人们在看东西时存在一个焦点，虽然在焦点之外的其他地方也能被眼睛的余光所及，但都是模糊的。也就是说我们一次只能看清楚一处，要想同时看清两处或两处以上的地方是不可能的。这种视觉特性使人们在读取信息时必须一处一处地看，先看什么，后看什么，视线在版面上以一种游动的方式进行，这就是视觉流程。

视觉流程设计在版面中有非常重要的作用。如果不进行视觉流程设计，在一组分量均等的要素之间会形成没有输赢的竞争，同等的文字和图形没有主次顺序，内容不能表现为重要的和次要的。这既不符合人们的阅读习惯，又难以突出主题。正确合理的视觉流程设计，可以按照内容的主次来控制信息引起读者注意的先后顺序，进而引导读者的视线按设计者的意图进入到一个组织有序、主次分明、条理清晰的视觉信息空间里，从而使受众迅速感知、容易理解和记忆所要传达的信息，最终顺利实现视觉传达的目的。

参考文献：

[1]吕曦.版面设计新体验[M].重庆：重庆出版社，2001.

[2]安晓燕.论报纸广告版面设计的视觉流程[J].装饰，2005，（7）.

[3]刘浩.包装设计中的视觉流程设计[J].包装工程，2005，（4）.

[4]王利支.初探平面廣告中的视觉流程设置[J].艺术与设计（理论），2009，（4）.

[5]王焱.平面广告设计的视觉流程和视觉中心[J].艺术与设计（理论），2008，（4）.

[6]何召锋.视觉流程法则在平面编排设计中的原理及运用[J].南京工业职业技术学院学报，2004，（3）.

无锡职业技术学院