版式设计基础教程(学习心得)

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

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)

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

? ?

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

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

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库版式设计基础教程(学习心得)在线全文阅读。