版式设计知识大揭秘，助你做出爆款版式！啥是版式设计构成？

发 现 生 活 中 最 美 好 的 设 计

打开音乐

聆听设计伽的声音

版式设计决定作品

视觉传达的传播工具

处于这个时代，不管是纸媒，还是互联网，信息的传播都没法离开版式设计，优秀的版式设计能够在有限的页面之中，以最为快速、直接、有效的方式传达出核心的信息内容，并且让受众构建起深刻且良好的印象。

因此，于今日，我引领诸位去学习某些版式设计方面的知识，期望能够助力你们早点创作出成为爆款的版式！

正确认识版式设计

学习基础

先说，需明白版式设计乃是把图片、文字予以编排组合，借由这般方式来更优地传达作者欲传递的信息，进而让版面内容更为清晰明了。如此，它具备哪些主要构成部分呀？

页面基本元素

1#栏

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

2#版心

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

3#标题

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

4#视觉焦点

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

5#正文

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

6#页边距

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

7#注解

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

8#天头

版心上方的余白。

9#地脚

版心下方的余白。

10#出血

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

版式设计基本原则

比例分配

1#三分法

三分法的首要目标在于助力你寻觅视觉兴趣之处，实现画面的均衡，以及达成元素间处于不对称的那种情形。

比如说，把一块画布，在水平方向上，划分成三个大小一样的网格，且这三个网格大小相等为3×3，同时，在垂直方向上，也划分成三个大小相等同样为3×3的网格，然后，划分画面的四条线，这四条线所形成的四个交点的位置，能够用于在设计里放置、那些想要突出或者主导画面的重要设计元素。

2#黄金比例

仔细想来，恰如其分的比例划分，所以被各个领域普遍运用。其公式是a:b=b:(a+b)，专门指较小的那两个矩形当中像矩形的较短边，跟较大的两个矩形以同样的组合形式相联系，和两个部分组合到一块。

视觉层级

视觉层次相当关键，它能够塑造视觉方面的兴趣聚焦点，进而吸引起读者的目光。除此之外情况里头，视觉的层级关联还依靠元素所占大小、线条由粗变到与细的程度差别、表现出各种不同色彩运用、所处位置以及字体经历等方面得以所呈现出来。

1#大小与视觉重量

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

2#位置

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

3#字体

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

4#色彩

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

网格元素

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

1#页边距

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

2#流线

那能够对读者视线起到引导作用，使其穿过整个页面的标准对齐线，依靠这个来形成呈现横向排列状态的信息。

3#模块

这个单元区域，在页面里，被标准间隔均分，它会重复出现，还会创建出一系列的行，以及一系列的列。

4#行

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

5#栏间空白

两栏之间的分割区域。

6#空间区

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

其他网格表现形式

如何做好版式设计

进行分类总结

版式设计的优劣，决定着你的作品被人记住的程度，若果想要把它做好，那么就得从以下几个要点来展开探讨。

Sans Edgy Variable

字体的选择

文字，是作为语言这样的符号存在的，不管是在怎样的视觉媒体当中，它都会直接去影响版式方面的视觉效果。并且，它不只是能够提高作品的那种诉求力，而还赋予了版面以审美的价值观了。

挑选字体那时，要先瞧瞧它的设计样式，而后再做决定。另外，要多去留意不同的字体，从中挑选几种熟练地加以运用。

确定用于各类目的的字级尺寸，留意字体的类别会对文字呈现出的大小产生影响，并且要记住各媒体通常常用的字级大小，行间距必须设定成字型大小的一点五倍至两倍，字行越漫长，行间距就得拉宽才便于阅读。

多列排版文字时，相同类型文章务必套用相同样式，依据不同用途调整字距时，文章阅读时的韵律感是第一优先考量，其次才考虑去调整编排的整齐度。

Type Directors Club

色彩与配色

色彩具备色相、明度、彩度这三要素，各种各样的色彩能够通过CMYK混调来呈现。印刷之际所使用的颜色分别是CMYK混色以及特别调制而成的特别色，当需要输出黑色那种质地 feel 的时候可以考虑采用复色黑。

颜色能够使人联想起温暖的印象，颜色能够使人联想起冰冷的印象，颜色能够使人联想起华丽的印象，在进行编排设计的时候，应该善于运用利用颜色所带来的印象并且要熟练地去使用。

做版面设计之际，相比单一那种色彩，碰到更多的是各类混色接连使用的情况。多去了解颜色的某些使用特性，搭配颜色之时能够选用同色系、对比色，还有稍微偏离前面这两种色彩的配色方案。

编排内页之际，偶尔会运用色彩，采用浅色底搭配深色文字的方式，也会采用深色底搭配浅色文字的方式；与此同时，要使背景（底色）与文字之间构建起对比关系。

图片编排

处于版面诉求目的存在差异的状况下，用来开展设计的方式并非完全一样。关于图片编排方式会划分成下面这些要点：

1#满版排列

满版排列着重以图象作为主体，文字的编排通常放置于上下、左右或者中间的图象之上，如此一来在视觉传达方面更为直观并且强烈。

2#上下排列

情况是这样的，这个是比较容易理解明白的，版面它是划分成了上下两个部分，要是做出选择，选上部分来排图片，那么下部分呢就要放置文字，是这样的情况。

3#左右排列

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

4#中央排列

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

5#倾斜排列

故意将版面主体形象，或者多幅图版，进行倾斜编排，使得做此举的目的，能够让版面展现出激烈的动感，以及不稳定要素。

6#对称排列

能给人带来稳定之感，且带有严肃理性意味的，是那种对称的版式，一般而言，所使用的是相对对称，在普通情况之下，大多采用的是相对对称，其中尤以左右对称占据多数。

7#重心排列

重心排列有三种概念：

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

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

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

8#三角形排列

一种形状，它是正三角形，呈现金字塔形模样，是具有极其稳定要素的形状，要注意，圆形以及倒三角形会给人带去动感，还有不稳定感。

版面留白的基本技巧

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

静态白

1#字面呈现的白，画面之上的留白超出60%，白跟主要视觉构建起对比，如此一来，主要视觉的存在感将会得到增强，要是比例变小，情况则相反。

对于2#非白的白这样的情况，有时为防止视线变得杂乱，整个版面上就一定要避免去使用超过两种的主要颜色，就是这样。

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

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

动态白

1#文字主角，图像与图像之间存在诸多小空间，留白或许源自四周，也可能出自内部，经配置后更具趣味且更多元化，使画面摆脱呆板状态。

2号图片中，主角是图片本身，其有着不规则造型，这就确定了画面里主要的留白部分，图片和文字之间的关系以及摆放的位置，会让彼此产生另一个层次的动态感受。

水北展陈装饰打造最有深度的展示空间

联系我们（微信同号）

抗击疫情，水北展陈的小编和大家一同努力，温馨提醒：

1、避免前往人群密集的公共场所。

2、勤洗手多通风，戴口罩讲卫生。

3、打喷嚏或咳嗽时用纸巾或袖肘遮住口、鼻。

4、加强锻炼，规律作息，保持室内空气流通。

5、要是发觉出现发热状况、干咳表现、不明根源的浑身呈现乏力等疑似症状，那么请在第一时间前往指定的医院去就医。

PS:水北展陈装饰以展览陈列为业务主导，装修业务为补充。

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