如何打造爆款版式？

在这个时代，无论是纸媒还是互联网，信息的传播都离不开版式设计，好的版式设计可以在有限的页面内，以最迅速、直接、有效的方法释放出核心的信息内容，并让受众建立深刻而良好的印象。

然而，今天带你们学习一些版式设计知识，希望可以助你早日做出爆款的版式！

正确认识版式设计

学习基础

首先，要知道到版式设计是将照片、文字进行编排组合，以此借助它来更好的传达作者想要释放的信息，并促使版面内容更加一目了然。那么，它有什么主要构成个别呢？

页面基本元素

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#空间区

为文字、图像以及其它信息组成特定区域的组件组或栏目组。

其他网格表现形式

如何做好版式设计

进行分类总结

版式设计的好坏决定你的作品被记住的程度，想要做好它得从下面几点来分析。

SansEdgyVariable

字体的选择

文字作为语言符号，无论在某种视觉媒体中都直接影响版式的视觉效果，它除了是增加作品的诉求力更是带给了版面审美的价值观。

选取字体时，先观看其设计样式再决定。其次，多看不同的字体，选择其中集中熟练地套用。

确认用于各类目的的字级大小，注意字体的特点会影响文字看上去的大小，还要记住各媒体通常常见的字级大小。行长度设定为字号大小的1.5倍~2倍，字行越长，行长度越要拉宽才容易阅读。

文字多列排版时，同样类型的文章一定要套用同样的风格，依据不同种类调整字距时，第一优先为文章阅读时的韵律感，其次才是微调编排的整齐度。

TypeDirectorsClub色彩与配色

色彩有色相、明度、彩度三要素，各式各样的色调可用CMYK混调展现。印刷用色分别为CMYK混色与非常调制的格外色，要输出彩色质感时可考虑使用复色黑。

颜色会让人联想到关怀、冰冷、华丽等印象，编排设计时应善用借助色彩的印象并熟练使用。

在做版面设计时，比起单一色彩，更常见到的是诸多混色的连用。多了解颜色的一些使用特征，搭配色彩时可选择同色系、对比色、以及稍微偏离前2种颜色的搭配。

编排内页时时常会用到颜色，浅色底配色深色文字，深色底配色浅色文字；在此同时，让背景（色彩）和文字之间产生对比关系。

图片编排

当版面诉求的目的不同时，设计方法也不尽相似。图片编排模式通常可分为下面几种：

1#满版排列

满版排列主要以图像为主，文字的编排通常放在上下、左右或放到图像上，视觉传达直观而强烈。

2#上下排列

这个很好理解，版面分为上下部分，如果选用上个别排图片，那下部分放文字。

3#左右排列

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

4#中轴排列

将图形作水平方向或平行方向排列，文字配置在上下或左右。

5#倾斜排列

版面主体形象或多幅图版做倾斜编排，这样做的目的可以令版面呈现出激烈的动感和不稳定感。

6#对称排列

对称的版式给人稳定、理性、严肃的体验。对称分为绝对对称和相对对称，一般多采取相对对称手法，以左右对称居多。

7#重心排列

重心排列有三种概念：a.直接以独立而轮廓清楚的形象占领版面中心。b.向心：视觉元素向版面中心靠拢的运动。c.离心：与向心正好相反，其目的是造成视觉焦点。

8#三角形排列

正三角形（金字塔形）是最具稳定感的颜色（注：圆形和倒三角形则给人以动感和不稳定感）。

版面留白的基本要点

留白的意义是在虚无的空间感中展现主要视觉的存在感，为此提出主角视觉感的分量。

静态白

1#字面的白

-画面上的留白超过60%，白与主要视觉产生对比，那么主要视觉的存在感会提高，比例变小，则反之。

2#非白的白

-有之后为了避免视野杂乱，整个版面上就需要减少使用达到两种的主要颜色。

3#阴影的白

-主图占比高于画面的50%，可以让观者直接认识设计者想要贯彻的动机，文本仅是提点，下一层的信息更细小，反而能展现简单的力道，让观者不自觉地从大到小依序被指引导读。

动态白

1#文字主角

-因为图像与图像之间藏有许多小空间，那么留白可能来自两边或是外部，经过配置后更加有创意也更多样化，让场面告别呆板。

2#图片主角

-图片原本的不规则造型，决定了场景中主要的留白部分，图片与文字之间的关系和摆放的位置，能让互相形成另一个层次的动态体验。

原文：BranD的好奇心编辑|大筝*本篇部分文字资料整理于《今日版式》和佐藤直树《基本的基本——版面设计的基础思维》，仅供学习与分享，版权归原作者所有。