浅析版式设计中的视觉流程

王姗

摘 要：版面设计是现代设计艺术的重要组成部分，也是视觉传达设计的核心内容之一，在版面设计中运用造型要素及形式原理，对版面内的文字、图形、色彩、符号等要素，按照一定的要求进行编排，并把所要表达的信息以艺术的形式表达出来。通过运用视觉流程的表达方式，可以使整个版面重点突出、主次分明，同时具有艺术性和趣味性。

关键词：版式设计;文字;图形;色彩;视觉流程

一、引言

视觉流程往往会体现出比较明显的方向感，无形中会形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律。心理学研究曾表明，在一個二维空间中，上半部分的视觉效应让人轻松、自在，而下半部分则让人稳定和压抑[1-2]。同样，左半部分让人轻松、自在，右半部分让人稳定和压抑。所以二维空间的视觉影响力上方强于下方，左侧强于右侧。这样，二维空间的上部和中上部被称为“最佳视域”，也就是最优选的地方。在版面设计时，人们通常会将最想表达的文字、图案或者色彩放置于此达到最佳的说明效果，也可以体现出版面的最大价值。

在一纵长形版面的中心线上，同时划出3条等距的平行线，便在中心线上出现3个等距的焦点。当人们的视线在这3个焦点上来回移动时，便出现第一个焦点（中心线上部1/3处）最为引人注目。在最佳焦点的周围，有一个放射状的平缓递减区域，直径大约为版面宽度的5/6，这是版面的“最佳视域区”。版面的分割方式不同，视觉所受的注目程度也不同。

人们阅读版面时，视线会有一种自然的流动习惯，即视觉由左到右、由上到下移动，在由左上沿着弧形线向右下方流动的过程中，其注意值随着下移逐渐递减。在此流动线上的任何点，都会比流动线以外的视觉效果强。这种无形的流动线称为“视觉流程”。不过，“视觉流程”也是很有趣的，设计者通过魔术般的巧妙变化，便可以自行改变其视线流向而获得意想不到的视觉效果。例如，平行线可使视线左右流动，垂直线可使视线上下流动，倾斜线可使视线不稳定流动，往往更引人注目。当相同或相近似的图形重复以相同方向组合编排时，视觉流程会统一有序地按节编排，若在一行标题或图形上添加一至二根线或者色块，此时的标题或图形将会更醒目，视觉浏览速度加快。

二维版面上的编排最佳视域与视觉流程，实际上是对信息的有序处理，从而诱导人们的视线按照设计意图感觉最佳信息，因此要科学把握以下几方面。（1）视觉流程的逻辑性要强。版式设计是一种创造，首先要立足创新性的传达，但又要符合人们普遍的认识思维，做到视觉流程的自然、合理、畅快。（2）视觉流程的可读性要高。对于成功的视觉流程，版面上的各种信息图形从大到小排列时，视线会按照要素进行排序，可读性高。版式设计要注重把握版面上各信息要素间隙的节奏感，若间隙大，节奏慢，显得恢宏大气，视觉流程舒展，但间隙过分大就会失去联系，彼此不能呼应。而间隙小，广告上的正文节奏就强而有力，信息的可读性就高。但间隙过小，可读性就会降低，便失去了视觉传达的意义。（3）视觉策划的战略性。成功的视觉流程设计，应与设计的总体形式相统一。如设计主题的定位、销售方式、竞争模式、受众群体、媒体选择等的运动，是指视线与画面各元素的编排方式、竞争模式、受众群体、媒体选择等关系密切。总之，设计流程的设计必须 个符合视觉原理的无形的线，在遵循特有服从于设计主题总体策划。

二、视觉运动的规律

心理学家发现一些视觉运动的规律。（1）人眼的水平运动比垂直运动快。（2）视线习惯：从左到右、从上到下，顺时针看。（3）眼睛沿上下方向运动比水平方 要符合人们认识的心理顺序和思维活动的逻辑顺序，因此版面中构成要素的主次顺序应与要表达内容的重要性一致。主要元素成为视觉元素的视觉焦点，次要元素成为点缀或陪衬。（4）对水平方向的尺寸和比例估计比对垂直方向的尺寸和比例估计要准确得多。（5）直线轮廓比曲线轮廓更易被人们接受。

人们要利用视觉运动规律进行分析，当看到一条垂直线在页面上，会引导视线作上下的视觉流动。水平线会引导视线作左右的视线流动，斜线比垂直线、水平线有更强的视觉冲击力;矩形的视线流动式向四方发射;圆形的视线流动是辐射状的;三角形则随着顶角的方向使视线产生流动，各种图形从小到大排列时，视线会按照排列方向流动。

在视觉心理上，一个词叫“张力”，表示物象形式的矛盾差异相对比所产生的对抗振奋感和精神刺激力，差异越大，视觉张力也就越强。人们完整接收平面元素信息时，视线会形成一个习惯性的流动顺序。视线先落入视觉焦点，后随各元素间的强弱变化而有序流动，最后对全部信息进行整合、吸收。

三、视觉流程的特征

版式设计中的视觉流程是一种“空间的运动”，是指视线随画面各元素的编排在空间沿一定轨迹运动的过程。它像一个符号视觉原理的无形线，在遵循一定的规律的前提下，引导视者的视线随着设计元素进入一个有序、条理清晰、传达迅速流畅的阅读过程。视觉流程有以下几方面的特征。

（一）逻辑性

视觉流程首先要符合人们认识的心理顺序和思维活动的逻辑顺序，因此版面中构成要素的主次顺序要与表达的内容相一致。主要元素成为视觉元素的视觉焦点，次要元素成为点缀。

（二）节奏感

节奏作为一种形式美感的重要元素，不仅能激发人们的视觉兴趣，而且在形式结构上也有利于视线运动。它在构成要素之间位置上要形成一定的节奏关系，使其有长有短、有急有缓、有疏有密、有曲有直，形成视觉上和心理上的节奏，激发观者的阅读兴趣。

（三）诱导性

设计师可以通过适当的编排，左右人们的视线，使其按照设计意图进行顺序流动，以此来引导观众的视线流动。在法国设计大师Michal Batory的作品中可以看到，他完美地把控了视觉中心和最佳视域。无论是颜色、质感的对比，还是细线构成以及白色文字构成的隐形视觉区域，无疑都集中在眼睛的部位。其中的鲜红嘴唇也是爱心的造型，在画面分割和曲线文字跳跃的衬托下，视觉中心的主题也就一览无遗了。

四、视觉流程的内容

（一）单向视觉流程

单项视觉流程，顾名思义就是只使用简明清晰的流动线来安排整个版面的编排。它的特点是可以使版面显得简洁有力，视觉冲击力强。单项视觉流程使版面的流动线更为简明，直接地说明主题内容。这种方法在现代设计中的运用很广泛，特别是在需要短时间内吸引人注意力的海报设计中尤为普遍。

（二）直线视觉流程

直线视觉流程又称线向视觉流程，它是指水平或垂直方向的视觉走向，有一条清晰的运动脉络贯穿其中，视觉简明、强烈。横向视觉流程特点是稳定、恬静;竖向视觉流程的特点是坚定、直观。在无印良品的作品中，很好地利用地平线和水平面制造了横向的视觉流程，给人安适、寂静的空间感，能够使人深刻感觉到日本的深层文化、美的观念。而在2005年长野冬季奥运会的主题海报中，将传统元素的卿鱼融合于现代几何的水平方块空間中，有序、精致、严肃而从容，让人回到一个最本原的世界，能够发现原始之美。

（三）斜向视觉流程

从左上角到右下角，或从右上角到左下角利用对角线形成动态的视觉流程。其特点具有不稳定感和速度感，较多表现为运动类主题。

（四）曲向视觉流程

曲向视觉流程一般呈现为弧线形“C”或回旋形“S”，前者具有饱满、扩张和一定的方向感，后者产生相反的矛盾弧线，在平面中增加深度和动感。曲向视觉流程给人以节奏感和幽雅柔美的感受。

（五）重心视觉流程

重心视觉流程是指视觉会沿着形象方向与力度的伸展来变换、运动，表现出向心力或重力的视线运动。重心是指视觉心理的焦点。每个页面中独有一个视觉焦点，这是需要重点处理的对象。重心是否突出，和页面的版式编排、图文位置以及色彩的运用有关，同时也与“重心”着力表现有关。在视觉心理的作用下，重心视觉流程的运用使主题更为鲜明、强烈。重心视觉流程有3种表现形式：一是重心视觉运动，直接以独立且轮廓分明的形象占据版面中心;二是离心视觉运动，犹如将石子投入水中产生一圈向外扩散的弧线波纹;三是向心的视觉运动，视觉元素向版面中心聚拢。

（六）复向视觉流程

复向视觉流程又称反复视觉流程，相同或相似的视觉元素作规律、秩序、节奏的逐次运动，可使视线有序地构成规律，沿一定的方向流动，引导观者的视线反复浏览，富有韵律和秩序美，能够起到强调主题和强化视觉流动的效果。

（七）导向视觉流程

通过诱导元素，使读者的视线按一定方向顺序运动，并由大到小、由主及次把版面各构成元素依序串联起来，形成一个有机整体。导向视觉流程具有活力，能够使重点突出、条理清晰，有利于发挥信息传达功能。编排中的导线，有虚有实，表现多样，如文字导向、手势导向、形象导向以及视线导向等。

（八）散点视觉流程

所谓散点视觉流程是指版面中的各元素之间形成一种分散、没有明显方向性的编排设计，是打破常规的秩序与规律，以强调感性、随意性、自由性为特点的表现形式，是一种变化中又平衡的构成形式，能够给人以跳跃、自在的、个性化的视觉体验。

参考文献：

[1]庄黎.版式设计[M].武汉：河北美术出版社，2011：5.

[2]张璇.字体与版式设计[M].北京：清华大学出版社，2009：10.