版式设计知识大揭秘：助你做出爆款，掌握平面设计排版基础

Sponsor

前言：凭借视觉去传达感情，借由视觉去创造艺术。如此一来，这些的关键之处在于，你的排版当中有没有好的排版体系，用以表达其主要的情感，致使观赏者在观赏以及获取关键信息之际，拥有一份不错的视觉体验。我们每一个人的审美存在着极大的差异，然而一个优秀的作品为什么能够吸引每一个各不相同的灵魂呢。那么我们今天要来瞧瞧高级的排版都有着哪些不为人知的秘密！

版式设计决定作品

视觉传达的传播工具

于这个时代而言，不管是纸媒，还是互联网，信息的传播都是离不开版式设计的，好的版式设计能够在有限的页面之内，以最快速且直接还有效的方式，传递出核心的信息内容，还能让受众建立起深刻又良好的印象。

因此，于今日，我引领诸位去学习某些版式设计方面的知识，期望能够帮到你们在早日之际做出爆款的版式！

01、正确认识版式设计

学习基础

最先，得明白版式设计是把图片和文字做编排组合，借由这个来更优地传达作者欲传递的信息，进而让版面内容更清晰明显呈现。因而，它之中包含哪些主要构成部分呢？

页面基本元素

1#栏

版面中用线条或用空白贯通隔开的部分。

2#版心

版心是页面中主要内容所在的区域。

3#标题

版面中字号较大的点题性文字，旨在吸引读者注意力。

4#视觉焦点

版面中最先吸引读者注意力的部分。

5#正文

版面中标题以外的主要内容，字号较小。

6#页边距

版心边沿至成品边沿的空白区域。

7#注解

对表格或插图所作的解释和补充说明。

8#天头

版心上方的余白。

9#地脚

版心下方的余白。

10#出血

印刷装订工艺有要求，页面的底色或者图片，必须跨出裁切线一定的位置，通常这个位置是3mm，目的是避免裁切的时候，裁掉页面当中的内容，而裁切线以外的那部分，被称作出血。

版式设计基本原则

比例分配

1#三分法

三分法首要目的在于助力你寻觅视觉兴趣点，在于达到画面平衡，在于实现元素间的不对称状况。

以下是这样的例子，把画布朝着水平方向以及垂直方向去进行划分，划分成三个大小相等的3×3的网格，那划分画面的四条线借此所形成的四个交点所处的位置，能够用来放置设计里那些想要突出或者主导画面的重要设计元素。

2#黄金比例

名副其实，恰如其分的比例划分，所以被各个领域普遍运用。其公式是a:b=b:(a+b)，专门指较小的那两个矩形（像矩形的较短的那条边）跟较大的那两个矩形依照相同的组合形式有关联，和两个部分进行组合。

视觉层级

至关重要的是视觉层次，它能够打造出视觉具备的兴趣焦点，以此吸引读者的眼球。除此以外，视觉所拥有的层级关系借助元素的大小、粗细、色彩、位置，以及字体这一呈现方面产生的变化等来展现。

1#大小与视觉重量

大号或加粗的字最先吸引读者的注意力。

2#位置

读者总能被优先吸引到最显眼的位置。通常来讲，内容处于上方的位置，或者在平行时处于右手边的位置，会比较醒目。

3#字体

一般突出性字体显示的内容往往会更为重要。

4#色彩

区分与周围文字或其他内容的色彩视觉更能吸引人。

网格元素

网格系统是平面设计里重要的工具，它能够提升设计速度，助力设计师去确立视觉层级关系，还能强化设计的秩序感。

1#页边距

介于页面边缘和版心之间的留白区域。

2#流线

存在着一种标准对齐线，它能够对读者视线起到引导作用，使其穿过整个页面，凭借这一作用进而形成横向排列的信息。

3#模块

页面里有单元区域，此区域被标准间隔均分行列，它在页面当中重复出现，还创建出一系列的行，跟着又创建出了一系列的列。

4#行

用于分隔版心空间，能够存放内容的水平空间。

5#栏间空白

两栏之间的分割区域。

6#空间区

为文字、图像或者其他信息构成特定区域的模块组或栏目组。

其他网格表现形式

02、如何做好版式设计

进行分类总结

版式设计优劣，决定你作品被记住的程度，想要做好它，得从以下几点探讨。

Sans Edgy Variable

字体的选择

文字乃是作为语言的符号，无论于何种视觉媒体当中，都直接对版式的视觉效果产生影响，它不只是具有提高作品诉求力的作用，更是赋予了版面审美的价值观。

在进行字体选用之时，要先去观看它的设计风格，之后才做出决定。其次呢，要多看各种各样不同的字体，从中挑选出几种集中起来熟练地去套用标点符号。

对于用于各类用途所使用的字级大小予以确认，留意字体的类别存在影响文字呈现出来大小的情况，同时要记住各媒体通常常用的字级大小；行间一定要设定为字型大小的一点五倍至两倍，字行越是长，行间越需把宽度拉开才便于阅读。

在文字进行多列排版之际，针对同样类型的文章而言，务必套用相同的样式，当依据不同用途去调整字距之际，第一优先考量的乃是文章阅读时所具备的韵律感，其次才是对编排整齐度的调整。

Type Directors Club

色彩与配色

色彩存在色相这个要素，色彩存在明度这个要素，色彩存在彩度这个要素，各种各样的色彩能够用CMYK混合调配来呈现，印刷所使用的颜色分别是CMYK混合的颜色以及特别调制出来的特别色，当要输出具备黑色质感的时候可以考虑运用复色黑。

颜色能让人产生诸如温暖、冰冷、华丽等之类的联想，进行编排设计之际，应当巧妙地运用利用那颜色所带来的印象，并且要熟练地加以使用。

布置版面时，相较于单一颜色，更常碰到的是各种混着色彩的接连使用，多熟悉颜色的一些运用特性，搭配颜色时能够选用同一色系，对比颜色，还有略微偏离前面两种色彩的色彩搭配。

编排内页之际，有时会用到色彩的哟 ，比如浅浅颜色的底去搭配深深颜色的文字啦 ，或者深深颜色的底搭配浅浅颜色的文字呢；就在这个时候呀 ，要使得背景也即底色与文字他俩间形成对比关系哒。

图片编排

当对于版面所诉求的目的并非相同时，设计所采用的方式也并非完全一样。图片进行编排的方式能够划分成为以下几个要点：

1#满版排列

满版排列大多是以图象作为主要元素，文字的编排通常是放置于上下、左右或者中间区域的图象之上，这样子在视觉传达方面是更为直观并且激烈的。

2#上下排列

那是比较容易明白的，版面被划分成了上下两个部分，要是挑选上部分来排布图片，那么下部分就要放置文字。

3#左右排列

把整个版面分割为左右两个部分，分别在左或右配置文案。

4#中央排列

把图形做垂直方向的排列，文字可以选择上下或左右排版。

5#倾斜排列

将版面主体形象，或者多幅图版，进行倾斜编排，这么做的目的，能够使版面上呈现出那种激烈的动感，以及不稳定要素。

6#对称排列

有着对称特点的版式，会给人一种稳定的感觉，同时还带有严肃理性，一般而言会采用属于相对对称的那种形式，其通行的做法大多是采用相对对称，在这些相对对称里面，又以左右对称占比较多。

7#重心排列

重心排列有三种概念：

a.直接以独立而轮廓清楚的形象占领版面中心。

b.向心：视觉元素向版面中心靠拢的运动。

c.离心：与向心恰好相反，其目的是产生视觉焦点。

8#三角形排列

处于正三角形状态的金字塔形，乃是具备最为稳定要素的形状，可要注意了哦，圆形以及倒三角形，它们会给人带来动感以及不稳定感呢。

版面留白的基本技巧

留白的意义在于，于虚无的空间感里边，突显主要视觉的存在感，为了达成此目的，进而强调主角视觉感的分量。

静态白

1#字面呈现的白，画面之上的留白超出60%，白同主要视觉构成对比，这时主要视觉的存在感会得到增强，若比例变小，情况则是相反的。

2#有一种白并非是纯粹洁白，偶尔由于要防止视线出现杂乱状况，故而整个版面上就得避免去使用数量超过两种的主要颜色。

数字3#阴影的白，主图占比超出画面达50%，能使观者径直知晓设计者要传达的意图，文本只是提点，下一层的信息更为细小，却反而能够展现简洁的力道，致使观者不由自主地从大到小依照顺序被指引导读。

现简洁的力道，让观者不自觉地从大到小依序被指引导读。

动态白

由于图像间存在诸多小空间，1#文字主角的留白有来自四周的可能，也有源于内部的情况，经配置后变得更具趣味且更多元化，使画面摆脱呆板。

有关2#图片的主角，是图片自身不规则的造型，它决定了画面里主要的留白部分，图片跟文字之间的关系，以及摆放的位置，能够让彼此产生另一个层次的动态感受。

作者 | BranD的好奇心

来源 | BranD的好奇心（id:BranDmag）

继续浏览有关 版式设计视觉传达 的文章