版式设计的视觉表现

2　版式设计的视觉表现

2.1　视觉流程

视线一般受到人眼的生理机构限制，只能产生一个焦点，不能同时把眼睛停留在两个地方，因而必须按照一定顺序观察。通常在一个版面上，比较醒目的区域在版面的左上部和中上部，位置靠上的版面区域让人舒服；位置靠下和右下方的版面区域让人有压抑感。因而，把版面中左上边和中上部称为“视线焦点”。在竖向版面中间绘制一根直线，其1/3的位置会形成一个“视觉焦点”，这是人的习惯视线规律。

根据这个视觉规律，版面中的重要内容与核心诉求点的文字与图片都应放在版面的左上部和中上部，让读者直接阅读核心信息，达到瞬时传递信息的目的。但是信息本身有主次之分，怎样从主要信息引导读者转向次要信息，需要通过视觉流程逐步引导。

视觉流程是视线在版面按照诉求一步一步向下阅读时，视线游走的过程。它受到版面形式的诱导和眼睛习惯运动的影响。通常，视觉流程是一条“隐线”，它不会直接呈现在版面上，而是通过版面中的各种元素之间的关系来影响阅读。

2.1.1　视觉流程的表现形式

视觉流程可以为版面建立脉络，似乎有一条线、一股气贯穿其内，使整个版面的运动趋势有“主体旋律”，细节与主体犹如树干与树枝一样和谐。视觉流程有以下几种表现。

（1）单向视觉流程

单向视觉流程是最常规的流程，它按照一个方向编排下去。这种视觉流程简洁、有效。单项视觉流程分为横向视觉流程、竖向视觉流程和斜向视觉流程。横向视觉流程引导视线左右流动，是最常用的视觉流程，但在文章编排上一排文字不能太多。竖向视觉流程一般用在竖向版式上，视线作上下流动。斜向视觉流程比之水平、垂直线有更强的视觉诉求力，会把我们的视线往斜方向引导，以不稳定的动态引起注意。

（2）曲线视觉流程

曲线视觉流程不如单向视觉流程直接简明，但更具韵味、节奏和曲线美。它可以是弧线形“S”，具有饱满、扩张和一定的方向感。

单向视觉流程

曲线视觉流程

导向视觉流程

散点视觉流程

（3）导向视觉流程

导向视觉流程通过诱导元素，主动引导读者视线向一定方向顺序运动，由主及次，把画面各构成要素依序串联起来，形成一个有机整体，使重点突出、条理清晰，发挥最大的信息传达功能。编排中的诱导元素有虚有实，其表现形式多样，如文字与图片的大小对比诱导、手势诱导、标签诱导、形象诱导（目光方向、手指方向、指示标志）等。

通过图片大小来引导视觉流程

通过文字大小来引导视觉流程

（4）散点视觉流程

散点视觉流程是指版面图与图、图与文字间成自由分散状态编排。强调感性、自由随机性、偶合性、空间感和动感，追求新奇、刺激，常表现为较随意的编排形式。它的阅读过程不如单向、曲线等视觉流程快捷，但视觉跳跃能产生生动有趣的感觉，也许这正是版面刻意追求的轻松随意与慢节奏的效果，这种方式在国外平面设计中十分流行。

以上四种基本的视觉流程由于不同的设计媒体，其功能与要求不同，体量和形式有别，流程应用亦不相同。 对于视觉流程的理解，还应延伸至设计范围外相关环境的视觉关系，设计上应确立以下观察方法：一是要有整体观，把设计放在特定的环境之中作为一个整体考虑，在统一的视觉流程中观察，并决定其流程秩序； 二是要有立体观，如在包装盒这个立体造型中，从主要展示面到次要展示面依次展现，就是它的视觉流程。

在视觉传达设计中，设计师通过以上视觉流程的原则方法，完全可以引导观者的视线。能否善于掌握和运用这条视觉流程的主线，是检验设计师对视觉流程设计的掌握及熟练的标准。

2.1.2　视觉流程的应用方法

根据作品主题的要求，有部分内容需要引起读者的注意，可以采用突出部分文字、图片、色彩来安排顺序。

（1）通过文字大小和方向来创建视觉流程

通过区分文字大小来设计阅读的顺序。文字大小通常称为“字号”，大字号文字具有明显的提示作用，在版面上大的字容易被看见，通常用在需要突出的内容上。字号一样的文字，没有明显的先后顺序，是同一个视觉等级。粗体文字也容易引起读者的注意，但是小字号文字采用粗体就容易模糊 不清。

（2）通过图片大小来规划视觉流程

当页面中出现许多图片时，如果图片面积一样大，它们的顺序就是常规的视觉流程。为了引起人们的注意，可以把一张图片放大，其他图片缩小，这是通过图片大小对比产生视觉焦点。同时还可以应用“推进”视线，就像镜头的焦距变成近焦，一张远景与几张近景的图片编排在一起，近景图片会成为视觉焦点。

（3）通过颜色来建立视觉流程

通过改变颜色来区分顺序，通常纯度高的颜色比纯度低的颜色更加明显，但是色彩和面积大小有一定关系，一般强对比的色彩容易引起读者的重视，大面积是一种色彩时，搭配一种小面积的其他颜色，会有突出画面的感觉。

2.2　图版构成

2.2.1　开本与版面

（1）开本

“开本”是出版业中专门用以表示书刊幅面大小的行业用语，指用全张印刷纸开切的若干等份。开本的大小以“开数”来区分。开本大小受到国际国内的纸张幅面影响，因此虽然被分切成同一开本，但其规格的大小却不一样。目前16开本的尺寸有：188 mm×265 mm、210 mm× 297 mm等。在实际生产中常将幅面为787 mm×1 092 mm的全张纸称为正度纸；将幅面为889 mm×1 194 mm的全张纸称为大度纸。由于国内造纸设备、纸张及已有纸型等诸多原因，目前裁切规格尺寸大度为：大16开本210 mm×297 mm、大32开本148 mm×210 mm和大64开本105 mm× 148 mm；正度为：16开本188 mm×265 mm，32开本130 mm×184 mm、64开本92 mm×126 mm。

（2）版面

一张页面中，除去切口、订口、天头、地脚四周的空白部分就是版面，在报刊、书籍、折页手册中等于一个完整的页面 。在书籍中指印刷好的页张，包括图文、余白整个部分。版面是各类平面媒体一页上编排布局的整体产物，包括文字、图形、色彩、标题、插图、页码、构成等元素。这些元素是版面构成的基本条件，也是版面风格基础，每种元素在版面中扮演自己的角色，编排设计就是让版面元素更加优美和科学。

2.2.2　版面率

版面率是版面和开本之间的比率。在确定开本之后，排版之前，版面率要首先考虑，可以预防在装订时和印后工艺时出错。版面率越大，书刊中的信息越多；版面率越小，书刊中的信息就越少。由于比率的不同，给读者的感觉不一样，一定要根据作品不同的定位和读者的阅读习惯来设计。

A系列开本

在设计版面时不但要考虑版面率的大小，还要考虑位置，一般版面是在页面的中间，但是在特殊页面设计时可以布局在其他位置。既可以靠近切口的位置，也可以选择其他位置，以不影响阅读为前提。特别是在页数较多的印刷品的设计时，为了区分篇、章、节，可以采纳版面位置变化来区分内容。即使在对页情况下，左右版面设计也可以不一样。

（1）版面率扩大

版面确定后，如果在设计时减少四周的空白面积，版面率就扩大，相应信息的容量就会相应扩大。与常规的版面率相比较，满版的设计给人活泼的感觉，同时信息量较多时，考虑读者能够获得更多内容，采用扩大版面率来完成设计。

（2）版面率缩小

与版面率扩大相反，版面率缩小就是扩大版面四周的空白面积，中间版面就会缩小，相应的内容就会减少。这样的版面给人安静、稳重的感觉，常用在诗集、散文的版式上。

版面率

版面率扩大

版面率缩小

（3）标准版面

威廉·莫里斯的版面标准：英文排版中，标准的版面比率是①∶②∶③∶④，比率按照1∶1.2∶1.44∶1.73。

JONJJI、AREN、ANDO、ANU IN公司的版面标准：英文排版中，标准的版面比率是①∶②∶③∶④，比率按照1∶1.5∶2∶3。

2.2.3　图版率

（1）图版率的概念

正文包含文字和图片等元素，由于这些要素的加入，改变以文字为主的阅读感受，形成浏览的感受。在开始具体工作前，仔细理解作品的风格，选择适当的图版率，调整图片面积大小，才能准确表现作品思想。图版率是指一张页面中图片所占版面面积的比例，它不包含文字文本，通过它可以控制书刊中文字和图片的比例，能够反映期刊的风格。

当对页打开时，整个版面全部是图片，它的图版率是100%，如果图片中的信息量不够，就如儿童书籍一样，显得空洞。整个版面没有一张图只有文字，它的图版率是0%，读者在这样的版面中阅读时感觉沉闷。通常以商业活动为目的的版面图版率较大，字典和工具书等文学书籍的图版率较小。

（2）图版率的控制方法

控制图版率可以通过调整图片大小和改变底色颜色的方法实现。图版率表现图片和版面的关系，与图片的多少没有直接关系。如在同样面积上放一张图片和多张图片的比率是一样的，即使在同一比率下也可以通过图片的多少来丰富版面。当图版率较低，文本比率较大，图片较少时，为了让读者在阅读时不要太疲惫，可以改变版面底色，降低版面对比度，增加舒适感。

威廉·莫里斯的标准版面

ANUIN 公司的标准版面

原图的图版率

颜色改变调整图版率