层次分明！版式设计的视觉逻辑性

文/陈晨 版式设计中，视觉逻辑是信息有效传达的最重要因素。本文从版式设计的功能，版面结构的视觉逻辑性，版面视觉逻辑的秩序三大方面方面进行探索，以视觉心理和生理的认知规律为依托，阐述如何科学地建构版面秩序，使设计能够有效传达信息的同时还能令观者有审美体验。

视觉逻辑，就是观者接受信息的先后秩序，是视线随着构成元素在版面空间沿一定轨迹运动的过程，在这一过程中版式设计的视觉元素进行有序的科学的建构，可帮助观者对版面信息认知的积累，强化主题表达，便于观者顺畅的感悟内容，诉求情感。以版面视觉要素建立版式的整体组合，是建立在秩序推理基础上的，故是一种理性的逻辑编排。

版式设计功能

在现代版式设计中，正因为缺少了对视觉逻辑的考虑，设计需要传达的信息就会显得过于“混沌”，不具条理、不具主次，难以清楚表达设计主题所想要传达的信息。在版式设计中的视觉逻辑，就好比是整个设计的灵魂，它虽然看不见，但是却支撑着整个设计的思想与信息传达。

①承载信息的功能。版式设计的重要任务是根据信息的内容和审美规律，运用视觉要素和构成要素，将各种文字及图形加以编排组合，从而有效的传播信息。

②阅读的诱导功能。人的阅读习惯是有规律可寻的，心理学家研究表明：版面的上、中、左部分被认定为“最佳视域”，其次是右边。因此，版式设计必须遵循人类的视觉规律，让读者在自然的视觉流动中，轻松、舒服的阅读内容。

③促进购买的功能。好的版式设计具有明显的宣传作用。例如，采用醒目的标题、引人注目的视觉形象和色彩等引起购买者的注意、兴趣，从而促进购买。

如何构建版式的视觉逻辑性？

形形色色的版式，无论信息多么庞杂或简单，在建构视觉逻辑时都是在符合基本的视觉规律的前提下，遵循从上到下，从左到右，从大到小的原则，预设清晰有序的路径指导，搭建版面内在骨架，形成版面的基本布局，营造具有规律可循的视觉美感。

线形

线形路径一般是指由版面要素排列延续方向而形成的视觉路径，包括三角形、Z字形、S形、T形、L形、C形、曲线形、对角斜线形等。不同的视觉路径带来不同的视觉效果，引发观者不同的心理感受。S形视线路径版面优美，富有韵律，带有较强的空间层次；对角斜线形视觉路径视觉运动感强烈。

版面中的重要信息都会有序的随着这些线形路径的发展方向形成了一种隐性的连接，并以对齐排列的方式沿路径线趋向排列，表现出明显的编排形式。由路径变化产生了元素位置的关系和版面深度的关系。基于这些关系变化，造就了版面的空间层次感，形成一种张力，由此带来视觉上的新奇感受。推荐阅读：井然有序！版式设计中的"秩序性"

栅格、网格

被栅格化的版面分布形式，在版面的划分上产生了明确的水平格式，或横向或纵向。由栅格自然衍生出了网格构架，由间隔相同的水平线与垂直线构成，元素之间的空间关系由若干的点和连接线构成，将多种形态以几何形单元的方式，进行有规则的划分和拼接构成。近似形态在栅格或网格的路径中重复，同时视觉的往返和重复起到强化的设计效果。

焦点

人眼的生理构造使人在看东西时存在一个焦点，焦点之外的存在都是模糊的，而且看东西时最佳视线范围是版面中心线的1/3处为辐射，这种视觉特性使得设计时，版式编排的重点以强而有力的图或创意性文字聚焦版面，突出其表达的内容，通过版面要素间的对比，空间的运用，留白的处理，强化视觉上的反差，由此有效地形成版面的视觉焦点。此类版面往往以版面元素简洁取胜，同时视觉流程简单无往返，以保证视觉交流的准确性与时效性，使观者能够轻松、自然地阅读版面。

版面视觉逻辑的秩序

文字、图片和图形形成了版面的视觉元素，版式以视觉元素为信息符号，构成视觉语言。视觉语言通过编排方式、色彩表现以及虚实转化等形式手法发挥其认知功能。从主观的创造变为客观的规律，使其成为一种规则，使形式变化的趣味在一定程度上从可见的感性上升到潜在的逻辑性，这在形式表现中具有实际的意义。

通过编排建构秩序 

版面的信息诉求是按照内容的重要性等级来编排，需要最先进入观者眼球的信息需凸显，其他信息逐级递减。视觉效应递减的方式可通过元素间的差别构成清晰的等级制度。如字体的式样、颜色、大小以及排列的疏密；图片的明暗、质地；图形的大小、色彩等的变化。

版面的编排主要指字的编排和图文编排。字的编排主要指有横排、竖排、斜排和散排。遵循人的阅读习惯，横向为从左到右；纵向为从上向下；大于45度倾斜时自上而下；小于45度倾斜时是从下向上。设计过程中，文字的编排要始终保持一致或相似的排列规律，这样视觉方向的跳跃就相对减弱，使版面信息的传达秩序井然。图与文字的组合编排，明确主、次关系，以图为主要的诉求对象，则要处理好文字的大小、位置以及颜色关系，防止内容与视线的混乱，以免喧宾夺主。

通过色彩建构秩序 

版面的视觉逻辑可通过色彩的色相、明度、纯度属性以及色彩的面积、形状来建构版面的视觉序列，根据色彩学的基本原理，明度越高、纯度越高、面积越大色彩视觉冲击力越强，反之越弱。颜色的冷与热，轻与重的关系作用于人的生理反应和心理感受时，将色彩的经验性联想转化为一种特定的思维序列，唤起人们的心理对应，传达出版面信息的象征价值。

通过虚实建构秩序 

从形态元素上看，字排列形成的文字段落，可视为虚形；一张颜色鲜明的图片或图形，可视为实形。从构成角度看，字的紧密间距排列，可视为实形，字的稀疏间距排列和散点式排列，可视为虚形。版面中不可或缺的空白，是存在于版面中的一个虚空形态。虚实关系在版式中是不可少的，否则版面就失去了秩序。虚的地方元素模糊，层次少，对比强；实的地方元素清晰，层次多，对比弱。推荐阅读：版式设计中的空白！言有尽而意无穷

优秀的版面设计，能够顺应受众的视觉心理认知规律，准确和科学地传递信息，版面元素编排、秩序归纳、形式感知的意义已经超越了设计本身，使观者在观看中寻找并得到愉悦感受。

注：本文为 设计智造编辑整理，转载请注明 来源：设计智造 http://cocoo.top

本文版权归原作者所有，如有侵权请来信告知（cocootop@163.com），可合作，我们愿意支付稿费。