版式设计基础教程（学习心得） - 图文

进阶理解版式设计（学习心得和复习资料）

step

01

、什么是版式设计?

1、 版式设计的目的

几个必须考虑的要素：期待什么样的反应？（传递的信息）、排版的技巧、如何打动

人心

评判设计是否优秀：1、迅速获知那是什么（0.3秒）；2、迅速了解特点和方便之处（排

版是否符合视觉流程和简洁高效）；3、能够迅速搜寻所需信息（页眉、页脚、网站地图、标志等）；4、整体上具有美感（色彩心理学、留白透气感、跳跃的动感）

2、 空间与版式设计

绘制草图等素描样张是版式设计的一种秘诀，对于以空间的把握为基础来美化平面的分割比例来说非常有效。

3、 空间的平衡与紧张感

取得了平衡就能容易的打破平衡产生紧张感，有紧张感的部分会产生视觉冲击力。

平衡：从视觉心理学的角度来看，形状或颜色都具有一种视觉重量，而视觉上的平衡正是基于这种重量感而提出的。所谓视觉性的重量就是指视觉上的轻重感觉，很接近物理上的重量。 当一方偏重时，支点就要向这一方向靠近，版式设计中的支点就会放在中间线上。

（平衡感不等于完全对称，在平衡后的一侧加入一个图形后，对称结构被打破，从而产生了动态感，即紧张感）

4、 媒介是由文字和图片构成的

视觉途径占大脑获取信息的90%

文字与图片搭配方法的三种理论：

1) 作品中需要“点”（关键点）：最简单的点，长方形纵横对角线及与对角线垂直线的

交叉点）

2) 将画面处理成3个部分：文字按照部分分为三组。希望在一个画面中将三个“部分”

的文章分组处理（插入文章的部分为三个地方）。用于传单、海报、杂志广告等。 3) 通过图片和文字将读者引向目标：有的放矢，紧跟表达目的，两者都要与表达的目

的有关。

5、 纵向排列与横向排列

纵向排列中国风的代表，日本也是喜欢纵向排列。现代多用横向。无论纵横，最好都要考虑读者的视觉流程。

6、 媒介的种类及版式

1) 杂志和宣传册：杂志以讲故事为主，宣传册则以传递商品信息为主。杂志和宣传册

共通的地方在于，对整体布局关系的把握非常重要。

2) 海报传单：如何吸引人的注意，是海报要集中经理面对的问题。海报现代会明确考

虑功能和作用，让人能停下来阅读。传单是传阅的，可以仔细的阅读的。希望人们能够阅读并理解其中的内容，从而产生好奇心。

3) DM单/电视片头：直接送到客户手中的，可以随时翻阅的，材料的质感重要，一

般拿到手上的观看距离是30cm，设计时必须考虑。电视片头是动态的，字体大多数是原创的。

step

02

、为什么要进行版式设计?

1、 流畅的传达信息

（直观！这是基本功） a)

为什么要以流畅的方式处理信息？因为有想要传达的内容：如果阅读遇

到困难，则有可能在某个地方停止阅读。

b)

版式设计的作用是什么？使混乱的内容呈现出一定的秩序：如果排版富于

秩序感，阅读就会变得轻松，而且还会产生一定的视觉美感

c)

最重要的是什么？对读者的照顾：方便任何人阅读的东西对任何读者都包含

了一种照顾的情绪

1)

替读者考虑：不超过3种字体，标题字体与正文要有明显的区别，图片一样大时缺

少节奏感。

2)

阅读方式上并不存在规则：读者想从哪里开始看就从哪里看，没有视觉中心没

有精彩“点”，读者不会去看。

3)

主角是想要传达的信息：如果是广告，那么结果应该是销售量的提高；如果是

活动通知，那么结果应该是到场人数增加；如果是网页，那么结果应该是点击量的提高。将信息准确有效的传达给读者，是设计贯穿始终的基本要求。

2、 版式设计的三个基本原则

a)

直观：打开读物的瞬间，读者能够明白这些画面想要传达的信息，0.3

负

秒决定胜

b)

易读：字体过小、过多装饰、将文字跳跃性插入页面等处理现象，可以说很少替

读者考虑。字体过小无法阅读，字间距、行距、段距等，装饰过度也不行。

c)

美观：直观易读的基础上，才考虑美观、风格，通常需要考虑配色和页面构图、

留白空间、三维立体感（面）等。

d) 1)

对比强烈：才不会犯困

直观：要求设计者必须将版式设计处理成能够让读者一望而知。不能过于密集，要比

较疏朗。

2)

易读：字体大小一致、不要太小，装饰过度和间距行距太密集，都不便宜阅读。

a) 实例中的几点知识：1、对齐，元素之间的亲密性，网格。2、视觉流（线）（大、

中、小或颜色规律）。3、醒目的插图。4、联系方式，重要的是希望获得订单。

3)

美观：色彩心理学、构图、留白、立体感、内容量等。避免反复给文字增加装饰或是

调大字号，能够起到因人注意作用的主要不是文字，而是视觉效果，这一点敬请铭记。

4)

避免产生诱眠效果：

? 文字排布过于紧密、字间距、行间距太小。字体大小近似

? 色调，亮度、饱和度近似

? 照片（包括合成图片）排布混乱，不清楚到底要表现什么 ? 照片本身无趣

Tips:白色为底色时，必须特别考虑留白空间的安排，充分利用白色本身唆包含的诞生和洁

净等心理性的效果。在白色上配上较浅的其他色调，看上去就会显得比较有气质。

3、 从客户角度来看的四个要点

a) b)

希望能顺畅的阅读：基本要求，并不希望在阅读中意识到字体的特点。 希望能有效率地阅读：如果阅读太费精力，查找方式太过复杂，图表太过晦

涩难懂，读者就会产生厌恶感。

c)

希望能够受到某种刺激：美的视觉效果比较容易给人带来刺激。在视觉心

理的层面上，人的眼睛总是会被自己感兴趣的东西所吸引。如果没兴趣，人是绝对不会认真阅读的。根据视觉心理学我们能够了解“读者或客户的视角”，从而引导读者的视线。所谓“引起兴趣”就是指制作能够让读者感兴趣的东西。

d) 1)

希望从信息中有所收获：对读者来说，有价值的东西才会值得去读。

希望看上去工整：如果不工整——疲劳、不能集中注意力、避免看到、不会留下

印象。

2)

希望能高效率地阅读：

? 整体效果上易懂，每个项目，都分组处理 ? 易于检索目标内容：精心地处理检索方式 ? 要点便于记忆：突出主要内容

3)

希望读过之后能够受到刺激：斜构图或三角形的空间结构，能够给画面带来动

感。相对于水平构图而言，这种构图的视觉冲击力更强。在三角形的空间结构中插入文字，能够进一步强化刺激的成都。

4)

希望能从信息中有所收获：对应“已经知道的”、“没有兴趣的”、“与自己无关

的”等内容，人们甚至不会产生看的欲望。即便是业余的设计，如果包含重要信息，也会认真的对待，这就是为什么说客户和设计师是最关心结果的人。

一些吸引顾客的关键词：好处、礼物、服务、返点加倍、招待、联票、抽奖、只有现在、只有你、兑换券、折扣等。

step

03

、版式的要素

1、 基本要素

a) b)

线：分隔线是版式中必不可少的，有很多功能

文字：可以通过文字来传达具体的信息。醒目图案的旁边一般都会放有重要的文

字。（字体会影响版式的整体效果，必须抓住文字自身所具备的形式特征进行挑选）

c)

图画：版式中最重要的元素，为了抓住读者的视觉线而使用的图画和照片。它们

在抓住读者视线的同时也塑造了画面的整体效果。（很少使用艺术作品，通常使用手绘图画和电子图片）

d)

色彩：所具有的心理效果确实非常重要的。设计师掌握配色的技巧非常重要。（最

终决定版式整体效果的要素就是色彩）

1)

文字：基本原则是方便阅读。字面的效果要考虑整体的易读性（间距行距段距，换行，

行宽度等） ?

文字的跳跃率：字号大小相同时，虽富于统一感却缺少变化。容易犯困。正文

与标题字号的比例关系，并不是越大越好。有时候色彩的强烈对比也能带来不同的感觉。

?

适合的行字数：每行一般放26个字是最理想的，超过30个字，读者就会想要

放弃了。竖向排列中，一行最多可以有41个字左右。

?

排字与行距：行距必须大于字距，（方块字），英文字松散的间隔时（1个单词

中字母间的距离不一致），需要从外观的角度将其间隔调整一致（主要是用单词做VI、logo等设计时）。反之，紧凑的间隔需要扩大字间距

2)

图片：更加具体的表现形象、营造气氛的效果。

? ?

尺寸的效果：放大人物特写（脸部，局部等），全身则较小尺寸比较合适。 图片的裁切：首先确定好要传达的意向，空间感受以及视觉心理学都必须考虑。

人物正面面对文字，比较关注接下来将要发生什么事；文字放到背后，希望读者关

注人物的过去；如果上部和下部裁掉，让人感受到当下所面临的现实，同时，人物与读者的距离似乎也更接近。 ? ?

方形版式与去除边框：说白了就是抠图，抠出主体

如何处理留白：留白所在的位置不同，产生的视觉心理也会不同。

当主体物置于页面右侧时，会构成一种对未来的表现；而置于左侧时，则会构成一种对过去的表现；左上方时，显得沉重压抑，右上方时，就会形成一种对未来的表现。

Tips：什么都不放的部分称为留白，其处理原则时：留白要与主题物相邻，并要小于

主体物所占的面积。 ?

留白产生舒适感：重要功能是通过页面内容使读者受到心理上的舒适。宣传

册注意文字和图片不要混放在一起。因为是重要的信息，所以处理必须谨慎。留白意味着某种舒适感。

?

空间的统一产生美：在页面的背景中加入颜色，从而统一页面的色彩，加入

背景花纹也是空间统一的方法之一。将上下左右的空白空间统一起来也能够营造漂亮的页面效果。对称的处理方式，具有统一感，虽然这种处理方式会让画面缺乏趣味，但却能让人感受到品味之美。

?

通过裁切图片使画面看起来更开阔：保留图片的重点，填充整个图片的

在版面中分配的面积(去除白边，黑边等不需要的元素)，如果安排在页面上部的图片放大并将其白边切掉，就能增强其视觉冲击力。小尺寸的照片用角板的形式处理

2、 有效的版面配色

1)

色调的统一：如果将色调统一起来，那么配色的效果就能够被比较明确地传达给对

方，并能够使页面产生一种井然有序的美感。

所谓主导色，源自于“支配性的”这个意思，主导配色能够将色彩、形式、质感等要素统一起来。例如，在以红色为主导的灯光中，任何一种颜色都带有红色。

由同色系色彩构成的统一，就是将性质相同的颜色集中起来进行配色。例如，用红色、橘红色、橙色、黄色进行配色，就能够产生统一感，其色彩的组群属性(效果)就会出现。

由灰色构成的色调统一是指，当使用一种或两种有色彩时，如果需要将这些色彩的效果鲜明地呈现出来，就可以与灰色进行搭配。这样既可以避免颜色效果过于华丽又可以避免其过于单调。

2)

基础色：构成画面基本效果的颜色。主要是指画面背景。确定主要使用的颜色之后与

之搭配，其主要的颜色也被成为基调色。 配色中首先要明确的是基础色：因为基础色是控制画面整体效果的颜色。例如以蓝色为基础色，那么就能产生建立在放松、理性、未来等效果基础上的蓝色效应。

3)

对比：相邻色之间的对比关系。例如当白色与黑色比邻相接时，对比效果就会很强，

也就是说这种对比是很强烈的。

造成对比的因素包括：亮度差、色相差、饱和度差三种。通过这三方面的调整可使配色富于对比变化。还增加一种，利用补色形成的色相相对比较经常会用到，能够在视觉上让人兴奋起来。

丰富的画面色彩对比能够使读者的大脑受到刺激从而感到兴奋，故而能够做到信息的有效传达。但是，如果对比过于强烈，则会造成视觉疲劳，读者就想闭上眼睛。 配色的要点就是要让相邻的颜色之间构成色彩对比。

4)

分割与平衡：作为构成页面的方法，分割是最基础的。所谓分割是指在页面中插入

线，从而把原页面分成多个画面区。例如，在页面中插入一条水平线，页面就会被分成上下两个部分。

? 被分成上下两个部分的画面，上部代表未来，下部代表过去。当上部面积较大时，

页面构成稳定，能让人感觉到平和以及对未来的希望。当下部面积较大时，压抑画的特征被强化，适于用来表现权威性的东西。

? 当用纵线分割页面时，左侧代表母性的或者内向型的，右侧是父性的或者外向型

的。当左侧面积较大时，适于用来表现过去的公鸡，当右侧面积较大时，页面构成具有外向型或者攻击特征。

? 黄金分割是一种自古希腊以来甚至被成为“神的比例”的黄金比，但是以黄金比来

称呼它确实19世纪的事。这也就是说，以前虽然知道这种比例。但并没有为之命名。最为均匀优美的分割比例就是黄金比。黄金比被大量的使用在绘画和建筑中。黄金比为1.61803(或0.61803)，表示纵横两条边的比例。名片的页面纵横比例用的就是黄金比，这一点非常著名。

5)

强调色：同一色系的颜色统一画面时，这种颜色的效果就会被特别的强调出来，同时

也使画面产生了统一感并获得美的享受。但是，同一色系的色彩构成虽然漂亮，却可能使得配色显得过于平静。

例如：虽然是用暖色系来表现温暖或热情，但却总觉得画面气氛显得过于沉静。面对这种情况，可以在画面中少量的加入一些与整体配色倾向构成对比关系的颜色，以使画面配色变得灵活多样。这种颜色就叫做强调色。这种强调色并不是主要颜色，而是以提高画面整体的配色效果为目的的颜色。

绿色风景中的几多红花、灰暗的一排排房屋中的黄色窗户、耀眼的橘红色中的白色房子等。都是强调色。

3、 边框线的重要功能

边框线的作用是由其功能决定的。

线的功能包括：强调（类似下划线）、明确分隔（边界线等）、突出边框（轮廓线等），表示接续、分割、引导方向或营造节奏感等。

边框线在直接发挥这些功能的同时被广泛地运用于版式设计之中。用线是很基础的，即使不具备相关知识也一样能够使用。但是，不了解相关只是，有时候会导致设计效果的弱化。

代表性的边框线都有各自的名字。这使设计师在使用这些边框线时更加方便，同时也能够从中感受到前人对它们的情怀。

边框线不仅具有功能性的作用，同时也具有使得页面更加美观的功能。 1)

边框线的功能：

? ? ? ? ?

强调：像下划线一样强调某个部分的线。

营造节奏感：相邻的颜色比较接近或形状比较模糊时所采用的线。 分割线：为了分割画面而使用的线。这些线条有时候是不显示出来的。 边框线：沿着某种形的边缘画出来的线，在专栏等框子处使用。 切分线：将两个部分切开时所用的线。国境线是用来划分国界的。

2)

边框线的种类：

3)

边框线的效果：边框线各自的效果和心理作用几乎都来自粗细的不同。粗线条力量

较强，较为明显；细线条显得纤细优美；波浪线则富于动感。 将这些效果分别用于版式中必要的位置，就能够显得丰富而有层次。熟练的是哦那个边框线是进行排版工作的必要条件。

4)

有效的插入方法：使用边框

线，就是在利用边框线的性质和效果。这与设计中线条的功能、性质基本相同，是对边框线的功能和特性的运用。

能够充分发挥线的功能的插入法就是“富于效果的插入法”。如果没有确定线的性质而随意使用，则版式设计效果就会减半。影响整体效果的是水平插入的长边框线，它会截断页面整体的流畅感，这一点必须注意。

相反，如果能充分发挥线的作用，不仅能够获得其功能性效果，而且能够获得其美观效果。

1、 充分发挥基础材料的特性

：

我们所进行的版式设计绝不只是画面上的东西。为了使设计能够真正进入读者的视线，必须要有一种媒介。而媒介具有自身独特的性质。因此，版式会收到这种媒介自身特性的影响。

? 纸、塑料、金属、布等，印刷技术本身依赖于油墨，其颜色效果基于CMYK技术。 ? 显示器、屏幕投影、手机等基本上会用到自发光的材料，其颜色效果是基于RGB

的。

如果无视基础材料，色彩效果就不准确，甚至会让画面上的色彩搭配无法辨识。最大限度地发挥基础材料的特性也是设计师的工作。 1)

纸：网页的版式设计也是以纸媒介的排版设计为基础的，可以说纸是设计的原点。印

刷效果会因为纸质的不同而出现巨大的差异，所以必须了解适合于某种特定效果表现的纸，这一点非常重要。

2)

显示器：现在的显示器基本上都是液晶的。目前多数显示器为了提高对比度提升了亮

度，环境非常明亮。必须考虑液晶显示器的色差，色彩还原度等。

3)

软塑料：频繁的用于包装材料，大多数都是直接在材料上涂上颜色，或者通过印刷使

材料上涂上颜色，或者通过印刷使材料着色。以软塑料袋为例，有透明、半透明、彩色、不透明等各种材质，在使用时需要根据各种材质的特性来考虑版式设计。

? 图案一目撩人，但也要将材料被制成商品之后发生的变形纳入考虑之中。

? 营造立体感：对应印制成品，例如软塑料之类的材料，多数可以被制作成立体的形

状，在对气球、袋子、商品包装、瓶子盒子等进行版式设计时，必须具备立体意识。所谓立体，就是指不能只关注一面，而要着眼于全方位360度。从某种意义上说，世界上所有的事物都是立体的。版式设计的一个基本原则，就是每时每刻都要有意识地考虑到立体感。

4)

硬塑料：银行卡公交卡之类的物品，作为一种整体的象征，为了便于瞬间识别，其简

洁性也是十分必要的，并不需要详细的说明书式的描述。

step

04

、版式设计的分类

1、 版式决定品质

各种不同的媒介都有其最基本的设计规则，如果不遵守这一规则，就会造成版式的不美观或者要素的缺失。

最重要的是便于阅读。正文的位置、标题位置、照片位置等，都可以通过版式设计使其规则化。将原本杂乱的事物规则化，自然就能增加版式的美观度。可以说这种营造美感的基本作用，影响着媒介的品质。 1)

进行版式设计前的准备工作：首先要根据完成效果来考虑版式设计。

一、首先要决定页面或者画面整体的空间效果。用铅笔在纸上画出效果草图 二、接下来为了确定更具体的效果，要将草图进一步细化，考虑在什么位置放什么内容 三、最后虽然只需要将空白处填满，但这却是一个很麻烦的过程，因此需要首先确定标

题和照片的位置，之后再考虑地将内容写在版式纸上 四、 进一步完善效果

2)

杂志：不便于阅读的杂志，看起来会觉得很廉价

? 版式纸（版式设计专用纸）：

? 用于杂志和书籍排版用纸成为版式纸

? ? ? ? 3)

便有裁切线、完成线、版心、页面位置及中心位置

按照实际尺寸绘制，以避免在进行版式设计时与实际感觉出现偏差。 在电脑上制作主页时会频繁的用到它

在编辑软件INDESIGN中，使用“版面网格”模式可以很快的生成需要的版式结构

自由版式：单张纸，海报或者宣传单。如果不能吸引人的目光，那么就不会有人来

阅读它的内容。因此创意式版式设计的基本原则就是要能够在第一时间引起他人的关注。 虽说不受任何约束，但还是要注意广告词、宣传画、内容简洁等要素的引入方式，这是基本原则。

4)

网格设计：网格设计既可以给人以整齐的感觉，又不失趣味性，关键在于如何实现

变化。网格的大小并没有什么规定，设计师可以选择合适的网格，但一定要遵守横竖等分的基本原则，且网格中要有足够的空间置入文字。

Checkpoint：使用时以一个放歌为单位，当是两个、四个或六个放歌的组合时，要对重要部分和非重要部分进行区分，这样画面才能产生变化。

5)

具有诱目性的版式：自由版式设计时，主要是吸引人的视线，即视觉冲击力。

广告词、宣传画以及配色等都是实现诱目性的常用基本元素。而版式设计则可以将这些元素的效果发挥到最大化。这一点与网页设计是相同的。

6)

网页标准化网格版式：首页是封面，相当于目录，如果首页不能吸引人们的兴趣，

人们就会离开。正因为如此，在首页的版式设计上下些功夫是很有必要的。

设计的基本原则就是要充分考虑：人们的视线会最先投向哪儿？吸引人们目光的是什么？要把什么放在第一位？等问题的基础上再进行设计

Check point：分割线对画面的影响很大，它既可分割画面，也可以分割相似的色彩。根据分割线的不同网页可以有很多种网格设计。

2、 背景设计的心理效果

背景是图片和文字所处的环境，是其发挥作用的场所。一般说来，在划分好的区域内进行配色的处理方法较为常见。

相反，如果背景过强的话，就会影响图片的效果，所以在配色时需要十分注意。此外不仅要注意配色，还应避免进行过于明显的分割：将四方形的四个角变为圆角就是出于这种考虑。

当要在背景中加入圆形时，需要考虑到这个几何形的特质。圆形具有独特的象征性，所以很容易吸引人们的目光，使用圆形尤其适用于想要重点传达的信息。 1)

四方形：四方形具有稳定感，不会让人感觉到不安，所以多数照片和文章都采用四方

形。使用四方形从效果上说也能够使人更加认真的去阅读其中内容。

因为一般的印刷品都是四方形，所以四方形做版式设计能够非常有效的利用版面，比较易于整合版面排布，避免产生不必要的空间。另外，因为四方形本身并不突兀，而且在页面中也已经属于司空见惯的形状，所以人民在看的时候并不会特别注意四方形。

当需要准确的传达内容信息时，四方形可以算作是开本选择的标准样式，采用四方形的开本不会产生多余的空白。 2)

圆角：相对于硬边图形来说，人们在视觉上更容易接受边角圆润的图形。基于这一点，

很多商标被处理成了圆角的图形。（因为大脑反映颜色和相撞的部位对“角”的呈现是比较困难的），圆润的事物会使人在视觉上和心理上产生一种亲切感。

即使都是圆角，通过对角进行不同的圆润化处理，也可以使页面的整体感觉产生微妙的变化。如果将圆角半径扩大，会给人较柔和亲切的感觉；如果圆角半径较小，圆角则会显现得比较硬朗，有时还会给人信赖的感觉。

3)

装饰性元素：版式设计有简洁式和装饰性两种类型，但并不存在孰好孰坏的问题，

只需根据不同情况区别使用。

页面装饰是增加阅读快感的有效手段。装饰元素包括分割线、插图和底纹。

今天的时代是一个逐渐趋向于“装饰”的时代，即使只加入很少的装饰性元素也会给人新鲜感。此外，装饰也可以说是在宣传活动及欢庆仪式时必不可少的东西。

装饰性元素绝对不能成为主角，通常他只是提升整体气氛的配角。使用时要注意，相对于全体份量来说，它所占比重应该低于1/10。

不要过分强调装饰线，要在最后做柔和的弯曲处理，它也可以起到边框的作用，要自然的将其体现出来。

4)

底纹和随意图形：有时候白底效果不错，但并不总是如此，有时候为了强调图片

和文字效果，在背景中加入底纹很有必要。

即使加入底纹，也绝对不能让背景显得突出。加入淡淡的底纹，人们并不会意识到它的存在，但它却对整体气氛的营造作出了几大的贡献。

底纹大体上就是“单位图形”的反复。与此相对，随意图形是将其图形的所有性质都展现出来，要根据时间和场合区别使用。

同一类重复的底纹，可以给人以韵律感。随意图形的使用，最好能够巧妙利用图形所包含的力量。

step

05

、诱目性和印象性的运用

1、 如何吸引读者的视线？

版式设计的核心是吸引人的视线。但这绝不意味着使之显得突兀。如果仅仅是由于突兀

而引起他人的注意，不会诗人产生任何阅读兴趣，同样不会收到人们关注的。

如果希望能够尽可能地引起他人的阅读兴趣，就必须深入到内容的部分。但是做到这一点仍然是不够的。如果不能使人读过之后留下印象并有所行动，那么就没有达到版式设计的最终目目的。

虽然说版面设计并不能解决所有的问题，但是设计效果的70%左右都是以版面设计为基础的。版面设计的成功与否在很大程度上决定着最终的效果如何。

爆炸图形：爆炸图形利用了视觉心理学中放射状图形的特征，通过扩散性的视觉冲

击来吸引读者的视线。在不起眼的部位填充醒目的颜色，即使面积很小也能够达到吸引读者视线的效果。

吸引眼球的焦点元素（图画图形等）：

? 不能太小：如果太小，则画面整体的视觉冲击力就会减弱，只有少数人才会注意到 ? 不能过度使用：如果加入其他分散视线的图案的话，就会使人找不准焦点

? 有多项核心内容也不行：如果有相同的内容使用过多，虽然页面显得热闹纷杂，但

却弱化了整体的趣味性。 1)

广告语

极端的说，有时候不管内容多号人们也不会细读。这时候就需要能够吸引人的形象和语言。

语言的冲击强度，并不单纯的是视觉性的东西，而是能够诉之于人的心灵的。如果宣传不能留住人们的目光，挑起人们的兴趣，那么人么也不会继续看下去。

广告语就是一个典型，其作用就是使人瞬间阅读、理解、引起共鸣。也就是说，要抓住人们的心。

Check point：将希望让他人阅读的文字写得简明易懂。另外，脸旁的文字一定会被注意到。 2)

宣传画

无论什么样的宣传画，如果没人看的话，那就不能传达信息。为了使人关注它，首先必须要吸引人的视线。

抓住人的眼球，吸引人的视线，叫做将素材醒目化，可以通过形状、色彩和体积大侠来发挥其功能。进一步说，配以高知名度的人物可以提升宣传效果。

对于广告上的人物，我们希望其可以在决定胜负的0.3秒这一极短的时间内发挥作用。例如当海报被张贴在车站时，它能不能吸引路人的视线就十分关键。

关键点：长方形的对角线，然后从剩余的一角向该对角线做垂线并相交于一点，这个交点就叫做“关键点”。这一点作为画面中最具有效果的位置，一直以来都是使用时的重点。

一个长方形有4个关键点，使用其中的任何一个都可以。 宣传画很适合放置在这里。

宣传画要放在画面的重要位置（一般是关键点），要点是不要津贴边缘或者图形有大的缺失。一般说来，宣传画的旁边都会伴有广告词。 3)

醒目的标志

走着走着会突然间留意到某个标记或者标识。例如银行的标识形状和颜色从很远处就可以辨认，所以很便于寻找。

将一个事物标识化，使人从很远的地方或在拥挤的人群中，都可以一眼搜寻到它，这就是醒目的标识。

醒目标识只要具备一下任何一个要素就能够成立。如醒目的形状(星星等)、醒目的颜色（红色和荧光色）、令人喜欢的形状（心形和苹果形）等。

例如：将心形部分留空为白色。即使给背景部分着色，心形也时分醒目。

只将心形部分的周围留为白色，心形部分就会进入人们的视野。图形也很讨人喜欢。

2、 如何引导读者阅读详细信息？

当成功吸引了人们的视线之后，接下来的工作就是要挑起人们的兴趣，使他们阅读内容。根据宣传手段不同，内容的构成方法也不同。电视主办方要负责传达信息，而详细的内容宣传则要靠其他媒介来担当。

因此必须要提前了解自己要做的宣传需要起到什么作用。简单点说，就是版式设计要做到人尽其才。

标题确定兴趣，因此，标题要比醒目标识小，比正文（内容简介）大。

对于感兴趣的人来说，详细的内容是不可或缺的。即使这部分的文字略小，感兴趣的人也还是会阅读。重要的是，不要机械的进行版式设计，而是要注意迎合读者的心意。

在进行版式设计时，将如此多的信息分区域进行归类，以便阅读。设计者的用心随处可见。

Check point（示例）：基本色调采用黄色系，营造出明快清爽的感觉。同时也能是人感觉到褐色的秋的氛围。绿色是企业的标志色，是要重点使用的颜色。 1)

标题类信息：在阅读正文的时候，如果阅读者知道这里写的是什么、其大概内容是

什么，那么阅读起来就会方便一些。这就是标题的作用。

标题是对内容的概括，我们希望可以凭借它引起进一步的兴趣。

这样的工作本来是属于广告为难作者的职责，但如果设计者了解标题意义的话，就可以在进行版式设计时将其体现出来。标题必须要简洁，要尽可能简短，这样也便于排版。

因为标题是位于正文上方的，所以即使要使用较大的字体，其篇幅也不能超过正文篇幅。

? 标题的字体：用作标题的字体，可以选用黑体这样的粗线条的沉稳字体。对于大

标题来说，黑体过于笨重，而使用加粗的宋体则效果明显。

? 小标题的字体：小标题是插入在文章中的，所以不要使用太醒目的黑体是很不错

的选择。小标题也可以使用比正文字体稍微粗一些的宋体。

? 大小标题都要做到能被有效使用。较长的正文不适用于商品图录等，所以要插入

细线条的小标题。

2)

内容简洁类信息：广告词为了抓住人们的心，需要借助“印象性”的东西来达到

其效果，而内容简洁则需要具有说服力的具体而强势的东西。

对广告词感兴趣的人，即使是面对用小字号写的内容简介，也会涌起阅读的欲望。为了进一步激发这一欲望，必须使文章内容更具说服力。

内容简洁的制作方法：具体要求是给阅读者提供更加具体的信息。这里按照顺序来说明构成。

i. 明确要传达给对方的信息是什么 ii. 说明这一信息的意思 iii. 明确传达销售亮点 iv. 以能进一步引起对方的兴趣的指南作为结束部分 这样的话，阅读者就更容易发起下一行动。 3)

导向类信息：地图和交通信息是其中的典型。基本上所有事物都会附有导向信息，

所以其需求量很大。

为了将人们顺利的引向目的地，很重要的一点是要站在用户的角度去考虑问题。在公司宣传册的地图上经常会标明距离自己公司最近的车站。但因为客人是从车站来的，所以标明从车站到公司的地图才更合适。这也验证了设计者是否站在用户的角度去考虑问题。

导向信息包括活动信息、新发售信息、招待信息及营业信息等。不论哪种信息，都要站在用户或者客人的立场去处理。多数情况下，这样的信息都位于下端。

? 要将导向信息放在容易找到的位置。用户一般都会看到页面下端。地图基本上也

是习惯性的位于下端。联系方式要用明快的文字来体现。

? 地图的制作方法：地图没有优先注重美观，而应该将能够确实引导用户和客人放

在第一位。

? 要在拐弯处做少明确标记

? 要能够感觉到街道的宽窄，区别开大街、生活区和小路 ? 要描绘出客人从下车的车站到公司的路线 ? 尽可能地再现接到的长度 ? 徒步时间以悠闲行走为基准 ? 注重配色的深浅变化

? 要多加入一些其他的标志性信息

4)

解说词类信息：解说词是指图片的附属说明文。说明文被用来说明图片和插图。

解说词除了具有说明意义，还可以被用作标题和电视题目、字母等。 从原则上来说，在版式设计中使用的图像，都会附有解说词。

? 在读者和用户看来，他们最在意的就是这一图像意味着什么。

? 有时候，整个页面都是照片而没有解说词。读者想要了解这么大的照片是在什么

地方、什么时候拍的，所拍摄的内容是什么等问题。因此即使很少的解说词，也一定要添加进去。

? 即使照片只是被用作单纯的图像，读者也会好奇这其中的含义。因此对使用的图

像附以说明是设计者的责任。

5)

对话框内的信息：漫画世界中，对话框极其常见，特点是可以使人感觉到出场人

物正在说话。

对话框能够使主题内容显得方法在“自我说明”。这作为传达商品信息的手段来说是最合适不过的了。超市的商品所附有的标签就是一种立体式的对话框。

对话框有各种各样的形状。可以根据场合及台词内容来选择不同的形状。英语中将对画框称为speech balloon。

Check point：对话框的插入位置，仿佛是从主题物的某个部分发出声音。它对版式设计有着很大的影响。

3、 如何使读者记住企业信息？

当读者的视线从广告词进入内容简介时，就代表他已经大概了解了你所发出的信息，并且已经开始产生某种兴趣。

因此，接下来就是版式设计的主体部分了。获得好感→引起共鸣→有所行动。 ? 要获得对方的好感，需要柔和而简明易懂的版式设计。 ? 要引起共鸣，需要对内容进行充分的解说。 ? 而为了使对方有所行动，就要向对方提出极具魅力的信息或者服务。这些都是需要

好好表现的。

一个版式设计关系着入场人数的多少，也影响着销售额的多少。而这也是正是版式设计的目的所在。

在宣传时，作为发送信息的责任方，需要刊登企业的信息。这里要求的是值得信赖的信息。

Check point：示例中，整个页面使用橙色作为基本色调。封面只印有公司名称，但却传达了一种健康的形象。加入照片的企业信息极具说服力，可以使人感受到这个公司的诚意。 1)

标明企业信息：企业不仅对产品负有责任，还连带对宣传手册和指南附有责任。

在版式设计中需要在某个地方清楚的标明企业名称、地址和联系方式。不负责任的企业

会模糊自己的责任。设计者需要为了维护用户的利益而工作。 企业信息要清晰明确的表示出来。越模糊就显露出对用户的敷衍和不真诚。实际例子表明，明确公司信息将赢得用户的信赖。 很多时候公司名称都是将商标放置在下方，地址和联系方式则刊登在封底。这样做是因为这是读者的习惯使然，要在头脑中保有这种意识。

Check point：蓝紫色和咖啡色的绝妙组合很引人注目。宣传画和产品（咖啡壶）也被应用在图案之中。

2)

企业服务信息：针对顾客的服务也包括为达到目的而制作的标识。清晰明确的标识

能够让人放心并且产生信任。 这不是单纯的引导信息，而是作为对宣传附有责任的人必须要标明自己的联系方式，同时还要利用这些必须标明的信息使对方记住的公司名称和地址。

以此为版式设计，其原则就是简明易懂，基本要求就是要保证地址等信息内容容易被找到。此外还必须要考虑到所有的能吸引客人到店的手段并选定需要登载的项目。很多时候，我们已经了解到事情，对应初次接触的人来说是很难理解的。

在地址信息中，地图是必不可少的。地图并不需要华丽，它的重点在于要使客人顺利地到达店里。 服务是什么：设计就是将对方需要的信息以简明移动的形式呈现出来。这就相当于服务行业。服务的基本汉仪就是一种招待，就是“为对方考虑”。

Check point：示例中，加入店铺的正面照片，可以将店铺的印象传达给对方，视觉性事物更容易被人记住，所以这在地址信息中是必不可少的要素。

地图不能以店铺为中心来绘制，而是要以顾客下车的车站为起点来进行绘制。每个拐角处都要作上标记，最常见的是用像笔一样的线来描绘，但也有很多是很难描绘出来的。

step

06

、图文排列的四个基本方式

图文排列的四个基本方式。只要掌握这几点，任何人都可以做出高水平的版式设计。这

四种最必要的基本激发就是左对齐、居中、右对齐、“装箱式”。因为只有四点，所以希望大家可以熟练掌握。

1、 图文左对齐排列

四大基本方式使用最频繁的方式

这种以主线为最基准左对齐的方法十分便于阅读。自古以来就是采用左对齐的方法书写文字。它的使用源于方便美观这一传统观念。

宣传册、杂志、海报、网页所有这些东西采用的都是左对齐的方法。不管是多么杂乱无章的东西，只要自投对齐，就会显得井然有序，富有美感。不论是竖版还是横版，都可以采用左对齐。

? 自由式文字输入：文字输入，一般都是在确定一行的字数后进行。一般来说，一行

指定20个字。这样填入文字时左右都是对齐的。看起来很统一。这种方法就是“装箱式”。反之，如果每行的字数都是不确定的，是自由输入的，这种方法就被称为自由式输入法。

自由式输入都是采用左对齐的方法，所以看起来简洁美观。

但是，一行的字数没有限制的话很不方便，所以一般都有限制最多字符数。通常指定，自有输入时每行的最多字符是25个。

自由式输入的好处在于可以让版面整体显得十分灵活。

? 要左对齐，通常先画一条基准线，使文字对齐。左侧都对齐在一条线上

2、 图文居中排列

居中具有使画面看起来匀称整齐的效果。其优点是：使画面更加均匀整齐。

匀称的版式设计，更容易让人感觉到品味与风格，所以经常用于古典音乐会的海报、乐队的广告、高级展览会海报和封面。

要注意一点的是：甚至主题图案也要对称。最下方的LOGO图案，虽然很小但也是焦点所在，因而也是版式设计的关键。

Check point：在画面中心画一条线，就可以知道这个设计完全居中。 文艺复兴时期也是采用居中手法。蒙娜丽莎左右嘴边微小的不同使画面更具有美感。也就是说，我们并不需要完全的对称，而是要稍稍打破一点平衡，这样更容易产生玄妙的美感。

因为居中也会使设计看起来比较普通，所以加上一些变化的要素是关键。 在左右任意一边加上一些设计，就可以打破平衡，产生律动，富有变化。 居中能让画面失去活力。一般要通过图案、色彩、文字来赋予它变化。

对称：一般是指轴对称，其中对称包含两类，其中一种当然就是轴对称。还有就是以一个点为中心，相同团换人一点的点对称，也是称作“中心对称”。

3、 图文右对齐排列

使用最少的就是右对齐

如果书是从左边翻开的，翻看起来比较容易。（中国古代的书） 右对齐是沿着基线将文章结尾和照片右侧对齐的一种技法。而这样一来，文章开头就变得很凌乱，读起来很困难，所以还是少用为宜，只在小范围内使用，这是很重要的一点。

展示商品特性时，索引部分看起来很自然。

在英文字中，文字部分经常使用右对齐，通常是为了给首字母做花样处理。

4、 图文“装箱式”排列

每行的字数是固定的，翻看时，文字就好像套在一个个小盒子里一样。这种文字排布法称为“装箱式”。正文通常都是使用“装箱式”。

除了正文，说明部分通常也会使用装箱式，因为这种排法看起来十分美观。

装箱式文字输入，就是先确定每行字数，写满之后就换到下一行。需要特别强调的地方可以用线将文字框起来，这就是边框式。

“装箱式”的种类：

边框式，就是用线将文字框在里面。我们一般都用

不太显眼的细线，因为只要让大家知道这是一个需要特别注意的地方即可。

如果想让这一部分更醒目的话，可以用粗线或者花边。装饰线中最华丽的当属“奖状”式。

不过边框使用过多的话，就会使页面丧失整体上的统一感。所以在一个画面中边框的使用必须适度。

装饰框：将文字周围用边框装饰起来，这个变卡就被称为装饰框。据说早在古希腊时期就已经开始使用了。之后宗教中的绘画以及神像也使用装饰框来装裱，这就是现代装饰框的原型。文艺复兴时期私人开始收藏画作，用来装饰房屋。版式设计经常是使用装饰框中的一种，用来达到突出的效果，装饰框跟简约是两个相反的概念，但同时又都是设计的基础。由边框装饰文字，有时可以起到更好的效果。

step

07

、如何引导读者的视线？

引导读者视线是版式设计所拥有的最强大的功能。之所以把他放在最后一章来介绍，是因为它时分重要，能否做到这一点决定了你能否称为一名高水平的设计师。只有在掌握了所有的基础知识之后，你才能引导读者的视线。

1、 利用读者的视觉心理引导视线

设计的对象是顾客，人人都有一定的心理倾向。如果能把握这个倾向，并将其运用到设计之中，就能很好的将设计中的信息传达给读者。 我们将这种心理倾向称之为视觉心理。其中，设计者必须掌握的就是视觉引导的技能，也就是要学会如何引导读者的视线。

视觉引导最终关系到设计作品的成功与否。设计师必须具备引导读者视线的能力，让读者关注你希望他们关注的地方。

读者不会强忍着性子耐心去读他们不想读的东西。要想让读着愿意去看，就要会运用人体工程学和视觉心理。运用人体工程学可以很简单地测定出视线的运动轨迹。

视错觉：因为眼睛构造的原因，有时候人看东西会产生错觉，我们将其称为视错觉。人们自古以来就知道视错觉的存在，并努力尝试对其进行修正或利用。

水平线的两端看起来是下沉的，所以最好将两端稍微上提。 这些原理广泛应用与设计建筑物的屋檐、文字的创造等方面。 同时有2个圆存在时，上边的圆看起来要比下边的大。因此通常要把8和S上半部分写的小一些，以取得平衡。

视错觉也是一种视觉心理，仅仅去修正他并不足够，如果能够积极将其运用到设计之中，也能够获得很好的效果。 1)

自上而下移动：视线移动最自然的轨迹就是自上而下。利用这一点来引导视线。

大多数媒体都是这样来进行版式设计的。报纸，最重要的新闻都放在页面的最上端。杂志和传单同样如此。

这样的设计原则是由文字的书写方式决定的。横写时，是从上一行换到下一行；竖写时就是从上往下移动。不过，横写时是从左上角开始往下写，而竖写时是由右上角开始往下写。

人们的视线都是从上往下移动的。因此设计师应该将最上面的标题设计的很大，因为人们的视线自然而然会捕捉大的东西。

设计传单时，应该把核心商品尽量安置在页面上端。如果人们对它有兴趣，就会接着向下看。基本上，视线按照Z型轨迹移动。

2)

从大到小移动：日常生活中，人们通常会先注意到大的东西。特别是当两件东西颜

色或材质相同的时候，视线往往会集中在大的东西上。

根据这一原理，应该尽量放大希望吸引读者注意的东西（焦点、兴趣点）。比如，如果

是文字的话，那么读者的视线往往会首先集中在大号字上，所以标题字号通常都比较大。 字号越大，越能吸引眼球。吸引眼球的程度被称为“跳跃率”。充分利用跳跃率，可以使画面显得更有活力。

不过，过大的东西人们可能反而会看不到。不能尽收眼底的东西会被忽视掉，所以说并不是越大越好，而是应该保持在适度的范围。

人们的视线通常都会被大的东西所吸引。视线通常按照由大到小的轨迹移动。大的东西具有视觉容量，能给人造成视觉冲击，吸引视线。 3)

向相邻物体移动：我们的眼球习惯向相邻的物体移动。比如看人的时候，我们不

会看离这个人距离很远的人，而是自然而然去看他旁边的人。 为什么视线会向相邻物体移动呢？因为眼睛在看一个东西的时候，与之相邻的物体已经进入了我们的视野，只要稍稍移动视线，就可以看到旁边的物体。 视线转移也是有条件的。如果你对进入视野的这个相邻物体抱有兴趣，视线就会比较容易转移。尤其当相邻物体与你正在看的东西是相同颜色，或者更加华丽时，转移的可能性就更高。

可以说这是在视觉引导中比较让你更有应用的一种视觉心理：只要在相邻的部分放置你接下来想要呈现给读者的东西即可。这一原则也可以被应用到字与字、行与行之间的关系上。

各个小版块之间的距离如果不明确，读者的目光就不容易找到落点。如果想要引导读者视线。就要把接下来想要让读者看到的东西放得近一些。一定要牢记，人们总是习惯首先观察最近的东西。

4)

趋向相同形状：人们的目光习惯向相同形状的物体移动。在视觉引导过程中，若不

能利用自上而下、从大到小的视觉心理，可以运用视觉的“同形移动”原理。 实现同形移动最常见的方法就是在各条项目前加星号。这样以来，当读者读完一项时，眼睛会自然移动到下一项。 项目符号采用什么形状都可以，只要醒目即可。比较醒目的一般有星号、心形还有圆形、也可以根据情况以照片（比如同一个人的照片）来作为项目符号。

在同时面对很多图形的情况下，眼睛总是习惯寻找最先记住的图形相同的形状。比如在圆形、三角形、方形这几种形状中，如果最先记住的是方形，就算别的图形也有很多，视线也会自动搜索方形。星号也经常被用于同形移动原理中，因为星号比较醒目，方便使用。

5)

趋向相同颜色：图形、文字、记好都可以着色，这里基本都有使用到。不经意间，

一个完美应用了视觉引导原理的设计就诞生了。 我们在第3章提到过色彩的作用，色彩是版式设计中不可缺少的要素，同时也被频繁应用于视觉引导中。色彩的心理效果在视觉引导中的运用就是：人的目光习惯向相同颜色移动。

在一个画面中，同一种颜色分散存在时，视线会沿着相同颜色移动。基于这一点，我们可以将一种特定颜色布置在页面每个板块的开头部分，将其称为“标记色”。

通常我们愿意使用红色等醒目的颜色来作为标记色。当然在暖色调画面中，如果有蓝或绿色分散存在的话，视线也会随之移动。画面里有很多小版块时，可以在小版块开头使用标记色。但在一个设计版面中，有时很难区分小版块，这时如果搭配图形（圆形、星号等），会取得更好的效果。

6)

向下一编号移动：我们从儿童时期就习惯了编号后按次序阅读。我们自己也会有

座位号，或者会按编号顺序进行演讲等。我们生活中还有很多地方会应用到编号。 目光会随编号移动，是因为我们一直有这样的习惯。如果看到1，就自然会找2，之后又是3，视线就会这样一直移动下去。 这一原理在版式设计中被广泛的使用。在整体构成比较复杂时，这种视觉引导十分有效。将数字字号稍微放大，使之更容易辨认，再给它们着上相同颜色的话，引导视线的效果就更好了。

用来进行视觉引导的编号，也不全部都是数字。我们也经常使用罗马字，有时也使用汉语数字，但伊吕波编号基本上已经不使用了。

利用编号引导读者视线非常有效。加上编号后，无论怎样读者都不会越过1直接去读3.一定是线看1，再看2。这就是编号的视觉诱导原理。

7)

沿箭头移动：在人类的发明中，对文明有巨大推进作用的是文字。文字是从象形文

字逐步发展变化二来，但在这么多年的演变中却有某些东西从未发生过改变，这就是箭头。 当然，箭头的形象可能是来源于箭。在视觉心理中，箭头代表方向和速度。箭头的出现，是因为古希腊毕达哥拉斯学派和柏拉图认为眼睛在捕捉物体时，视线、目光和力量会以物体为目标从眼睛向物体方向传送，把这一想法用图形化来表示时，箭头就诞生了。 在公元1世纪的庞贝，箭头被用作男性的象征。在绘画作品“蔷薇物语”（1330年）中也绘有箭头。

箭头可以按其指示的方向引导视线。矢量方向的引导性强而有力，让人无法抗拒。在图表以及指南中经常用箭头来引导视线。箭头的种类非常多样。

2、 如何留住读者视线

a) 便于阅读：读者都喜欢易于阅读的东西。选用便于阅读的字体来制作标题和正文十

分重要。

b) 让读者感兴趣：醒目的字能锁住读者目光，激发读者兴趣。具体形式要根据读者群

来调整。

c) 运用视觉心理：3B原则（beauty），版式设计的作用就在于，要留住拿起这个作品

的人的视线。可以说如何留住读者的视线，就是版式设计的技巧所在。 a) 我们将写在角落里的小字（也包括logo），称为“压角“。视线会在这里反射

后回归。

d) 使用形象化设计：要大量运用照片和花纹这种形象化设计。只用文字很难给读者留

下深刻印象。 e) 联系方式：一定要为读者留下商家的咨询方式或者联系方式，方便读者实地选购商

品。

f) 视线游离的原因：人的视线会从正在看的东西一开有以下几点原因：

? 感觉不喜欢 ? 没有兴趣 ? 看腻了 ? 害怕

? 认为理所当然

人的视线会从醒目的字上移开，就是因为以上某个原因。这跟人沟通还略有不同。两个人说话时，视线有时会从对方身上移开，这对双方来说都是一种放松。 然而在设计中，如果不能抓住读者视线就是个大问题。所以必须想办法锁住读者视线。

并不是只有引导视线才是最重要的，有时候也需要阻挡视线，或使视线返回。这也是对视觉心理的应用。人会本能让视线躲开障碍物，也有很多技法是利用这种视觉心理的。

我们要想办法保证让宣传画吸引来的视线不要移开。宣传画总是可以吸引视线，让读者在看到宣传画之后会去看正文，这才算是发挥了效用。

非常具有个性的宣传画，比如人气明星或偶像的照片，会起到固定视线的作用。但是只有美观或刺激，人是不会满足的，视线还是会转移。而把转移的视线拉回来，就是压角的功能了。 1)

利用“压角”：不管是什么样的设计，画面中都需要留有一定的空白。空白，可以

给视线留有一定的空间。空白处虽然什么都没有，但却发挥着巨大的作用。

不过，如果空白过多，就会产生很多问题。比如，整个空间看起来太过松弛，失去紧张感。还可能会使目光游离出画面。结果没能把任何信息传达给读者，这样的设计就成为了一个失败品。

这时候我们要使用的就是压角，阻止视线外移。

压角的作用就是在空白处增加紧张感，使视线返回。左图就是没有压角的情况，视线松弛最后外移。而右图加入了压角，产生紧张感，就达到了锁定视线的效果。

其实用什么作为压角都是可以的。一般比较常见的是logo，但也可以使用没有实际意义的

语句或LOGO，加上这个要素后，人们在看主题图案时，他们会进入人的视野，阻止视线外移。

2)

利用“屏障板”：人的视觉心理，既会让人觉得合情合理，又有让人觉得很惊讶的

地方。在一个版面中，如果没有一个视觉中心，就会让人感到很迷茫。

好的版面设计，都有它的依据。版面设计中的障碍板或者反射板，都是巧妙应用了视觉心理的激发。下面我们就这一技法——障碍板进行一下说明。

人的视线比较容易被有冲击性的东西吸引。但是，如果只满足于这一点，视线比较容易直接从那里转移出去，而跃过正文。

在右上角或左上角设计一个竖的隔板，视线触到那里时，就会被挡住。只要那里有一个障碍板，视线就会被锁定在画面里。

Tips：在两侧装饰条纹或细线，也可以起到同样的效果。通常我们愿意使用不显眼且没有实际意义的东西来充当障碍板。就算是用文字，也不是以阅读为目的，所以只要能阻挡视线外移即可。

就算视线被醒目字所吸引，可之后就马上离开画面的话，版面里的内容信息也无法传达给读者。只有让读者阅读正文，这个版面设计才有意义。

3)

利用视线流：

版面设计最理想的效果，就是可以让读者将版面全部内容读完。但是，读者的兴致难以捉摸，很可能看完一处，就跳到另一页了。为了避免这一点，就需要一个能引导读者循序渐进来阅读的设计。解决方法就是努力让读者流畅地阅读。其中一个方法就是创造一种视线流。基本上所有的东西都需要视线流。

制作视线流最常用的方法就是诱导视线向相邻物体移动。这个方法利用了人的视觉心理。可以让读者通览全文。 Check point：在地面上画一条路，在中心线上画上箭头。这样以来，视线就能顺畅地移动下去。

例子：目录中的项目总是很多，必须一一加以说明，难免会有散乱感。在这个设计中，照片都有大小之分，还编有编号。形成了很好的视线流。同时，变换

数字的角度，赋予了画面动感，给人以视觉上的愉悦感。

3、 版式设计禁忌集

不断发现和总结的错误

1)

切腹：是报纸排版的一大禁忌，指的是一条细线贯穿画面左右两端。这会割断画面整

体的文脉流动，使阅读难以顺利推进。

? 画一条线可以提示上下两部分是两个不同的范畴，但如果线条贯通左右就会隔断视

线流。缩短线的长度可以使上下两部分变得连贯。

? 文字横贯左右，会影响阅读，所以要尽可能缩短文章的左右宽度，如果文字实在太

长，就把它放在页面底端，这样比较便于阅读。

2)

“泪别”：我们看杂志的时候，经常可以看到页末以句号作结。读者可能就以为这篇

文章结束了，直接把书一合，或是跳到别的页。这就是所谓的“泪别”：所以说，如果文章还没有结束的话，最好不要让句号出现在这一页的最后。 ? 与之类似的，就是将图片的

说明放在离图片很远的位置，这样也会给读者的阅读带来不便，所以要尽可能避免。

? 图片与说明离得很远，我们

将其称为断层。读者更喜欢是将说明放在图片旁边。设计师所追求的理念应该就是阅读的便利性。

3)

填充过满：顾客总是希望一个版面里能够囊括各种内容。可信息过多时，会让人感

觉找不到重点，无法达到设计的目的。我们通常将一个画面里信息过多的情况称为“填充过满”。其缺点是，完全没有空间的游刃感，会让人觉得眼花缭乱，视线就会主动避开。所以设计师必须有效利用空白区域。

? 信息填充过多，画面几乎就没有空白了，这种情况下会让读者不知如何是好，所以

还是应该适度精简内容。

? 设计者的任务就是努力创造更多的空白，这种说法一点也不为过。给画面留点空间，

更便于阅读。便于阅读最终就能使读者接受到更多的信息。

4)

贴边：图片紧贴画面的下边缘，我们将其称为贴边。图片是具有一定重量感的，如果

将其放在画面下边缘，就会打破画面的平衡，让读者产生焦虑感。在视觉心理中，画面下缘犹如天地的地一样，既不能太轻也不能太重。想要避免这种情况，可以将图片与文章的基准线对齐，或者将图片向上移动。

? 如果图片放在画面下端，会使画面看起来很重，失去平衡，让读者产生焦虑感。而

且，这张图片的主题是天空，放在画面下方很不协调。

? 想要避免贴边，可以将图片与文字的基准线对齐，或者将图片向上移动。这样以

来，就会产生空间节奏感，方便阅读。

5)

黑色是逃避色：当用黑色做背景时，任何颜色都可以变得很醒目。黑色是无彩的，

能够突出彩色的，黑色总会给人很冷酷的感觉。但其实，我们通常是在不知道该选择哪种彩色的情况下才会选用黑色，是大家在逃避时会做的选择。所以可以说，选黑色来做底色的人，其实是不懂得修饰的人。

黑底其实会使人眼睛产生疲劳感。从实用性角度来考虑，我们应该尽可能避开黑色。 6)

框架（边框线）过多：当一个设计版面内有多个类别的内容时，我们就要按不同

类别对其进行分组。传单或者海报的分组不应超过三个。如果太多，视线就会被分散。 当类别很难分辨，而人们又想突出强调内容时，就会应用很多的边框。可是框架一朵，画面就会丧失统一性。视线很难流畅地推移下去。

? 边框是为了突出内容的一种技法。在一个对页中，框架（边框线）必须要争在三

个以内，尽可能只用两处，这样才能发挥边框的效果。 ? 把边框控制在三处以内，可以让繁杂的画面重归于宁静。而这一画面中很重要的一

点是，右上角是一个大框。

7)

跳读：平时阅读杂志时，经常会有

一个图片把文章隔断的情况。这时我们一般会跳到图片另一侧继续读，这种现象就叫做跳读。在视觉心理中，人们一般会顺势将视线移向旁边的文字，而这种跳读现象是与之相悖的。也就是说，人们一般不会想到要越过图片去接着看文字。所以文章最好是练成一体的。

? 文章中间插入图片，读者就会

需要越过图片才能读到下文，这时候视线会受阻，转移到临近的文字上。 ? 移动图片，使文章连贯在一起，

读者就可以连续不断的阅读。可以将图片上移或者移至文末。

8)

参差不齐：是指海报、传单、

杂志的标题跟正文首字母不对齐。在不正规的海报中经常可以看到这种情况，但站前海报从来不会出现这个问题。

为什么不可以参差不齐呢？因为它既影响阅读又影响美感。版面设计四技法中，有左对齐、居中、右对齐，但从来没有参差不齐，从这角度来解释就很容易理解了。 ? 我们有时会想让标题和正文首字母不对齐，但这会使画面变得零乱没有美感，影响

阅读。所以我们应该尽量避免参差不齐。

? 画一条基准线让画面整齐有序。如果都对齐到左侧基准线，就是左对齐；对齐到中

心线，就是居中。

9)

异常接近：版面设计的两大要素就是图画和文字，他们各自独立发挥着作用。图画

是视觉交流工具，文字是知识交流工具。想要发挥二者的功能，必须使二者相对独立，

不可以距离过近。图片和文字的距离不是绝对的，但最好可以保持在半个字符的宽带。 ? 文字跟图画过于接近，就会发生同化现象，难以辨认文字。如果可以空出半个字符

的距离，就可以很好的分辨。

? 文字过于接近边框，也不方便阅读。另外也会产生视觉心理上的压迫感，达不到美

观的效果。所以文字跟边框也应该保持在半个字符的距离。 10)

花样文字：文字主要是用来阅读。如果要把它作为LOGO，可以对它进行一定的装饰，

但是装饰过度的话，就会影响可读性。文字即使不加装饰也很美，而装饰应该是插图和图片的功能。

? 过度装饰文字的话，读起来就会变得困难。我们称之为可读性的降低。文字不是装

饰品，而是阅读工具，所以切忌装饰过度。

? 不对文字进行加工处理的话，他就不会成为花样文字。尽可能保持文字原有形态，

如果一定要用花样文字的话，必须选择合适的字体。

11)

“烟囱”：把图片排成一个竖排，就叫“烟囱”。这样的设计咋一看可能觉得很有统

一感，但太过政企也就失去了视觉刺激，会让读者感觉乏味。所以要尽量避免烟囱形。 将图片略微错开，使之有一定的韵律，看上去就像波浪一样有动感。这种韵律可以刺激大脑，使大脑变得兴奋。

? 在一个合页中，竖排插入两排图片，这就是所谓的烟囱，单调缺少刺激。目录中也

应避免这种情况。

? 将图片错开，打破直线状态，这就叫打乱节奏。打乱节奏可以产生韵律，使画面具

有活力，也能让读者兴奋。

12)

“侵入”：页面下端强行塞入图片，叫做“侵入”。这样一来，图片上面一行文字的

字数就会减少，使文章很不连贯，影响阅读。便于阅读永远是设计中的基本理念。 图片最好不要落到页面的下边缘（贴边）。因为这样会让人觉得图片从页面中被甩了出来，无法融入画面。

? 右下角的图片，就好像是在“侵入文字”。图片上边的几行字，看起来很零碎。这

样既不便于阅读，图片也无法融入画面。

? 稍稍移动图片，将其放到中间，文章也会变得很紧凑，便于阅读。这样，图片也就

成为画面构成的一大要素，很好地融入了其中。

3、 部分资料集

符号和裁切基准线。

：印刷稿是为了印刷的样稿。画面上附有印刷记号的十字形

印刷稿用来核对是否有印刷错误。每一个作品都需要经过多次校正。

网页版式的基本样式：网页版式的设计没有固定的模式，从某种意义上可以

说是自由设计。但是，其中包含的基本要素是一定的，只是各种要素的名称还不太统一，有些许微小的差异。

必不可少的要素就是网页的题目和企业的名称，我们将其统称为标题栏。接下来就是包括宣传画和图片的视觉信息，即主体内容。目录部分及导览条，也是页面的必要组成部分。与之相似的，还有菜单栏。最下面一栏是标识著作权的页脚。上述这

些部分各自都有其必要性。

_____________step

End

本文来源：https://www.bwwdw.com/article/2vdo.html