拒绝平庸！带你学习版式设计知识与技巧，认识页面基本元素
//拒绝平庸的创意设计公众号//
1341期
12-2021
版式设计知识与技巧
在这个时代，无论是报纸还是网络，信息的传播都倚赖于版面布局。优秀的版面布局能在有限的空间内，以最快、最直接、最有效的方式传达关键信息，同时给读者留下深刻且美好的印象。因此，今天我将向大家传授一些版式设计的技巧，期望能助你们迅速掌握，打造出爆款版式！
READ MORE
正确认识版式设计
学习基础
首先，我们需要认识到版式设计涉及将图片与文字进行有序的编排与结合，这一过程旨在更有效地传达作者意图，同时让版面内容更加直观易懂。接下来，我们应当探讨其主要的构成要素有哪些。
页面基本元素
1#栏
版面中用线条或用空白贯通隔开的部分。
2#版心
版心是页面中主要内容所在的区域。
3#标题
版面中字号较大的点题性文字，旨在吸引读者注意力。
4#视觉焦点
版面中最先吸引读者注意力的部分。
5#正文
版面中标题以外的主要内容，字号较小。
6#页边距
版心边沿至成品边沿的空白区域。
7#注解
对表格或插图所作的解释和补充说明。
8#天头
版心上方的余白。
9#地脚
版心下方的余白。
10#出血
在印刷装订过程中，必须确保页面的底色或图片超出裁切线一定范围，这个范围一般设定为3毫米，这样做是为了防止在裁切过程中不小心切掉页面上的重要内容。超出裁切线的这部分内容被称为出血。
版式设计基本原则
比例分配
1#三分法
此方法的核心宗旨在于协助你识别视觉焦点、调节画面布局以及处理各元素的不均衡状况。
将画布平均分割为三个相同大小的3×3网格，这些网格的交叉点位置，是放置设计中需要强调或引领画面视线的核心设计元素的理想区域。
2#黄金比例
顾名思义，这种比例分割方法因其恰到好处的分割比例而得到广泛应用。其计算公式为a:b等于b:(a+b)，专门指代两个较小的矩形（如矩形的短边）与两个较大的矩形以相同的比例关系相互联系，并共同构成整体。
视觉层级
视觉层次至关重要，它不仅能够营造出视觉上的兴趣中心，还能有效吸引观众的注意。此外，视觉的层次感还体现在多个方面，如元素尺寸、线条粗细、色彩搭配、布局位置以及字体样式等。
1#大小与视觉重量
大号或加粗的字最先吸引读者的注意力。
2#位置
最引人注目的往往是放置在显眼位置的内容。通常情况下，处于上方或与右手边平行的位置的信息更容易受到关注。
3#字体
一般突出性字体显示的内容往往会更为重要。
4#色彩
区分与周围文字或其他内容的色彩视觉更能吸引人。
网格元素
在平面设计中，网格系统扮演着关键角色，不仅能够加快设计进程，还能协助设计师明确视觉上的层次结构，进而增强设计的整体秩序感。
1#页边距
介于页面边缘和版心之间的留白区域。
2#流线
这种标准对齐线能有效地引导读者的目光，使其顺畅地浏览整个页面，从而构建起一条横向的信息序列。
3#模块
页面上的这些单元区域，按照既定的标准间隔均匀分布，它们在页面中反复出现，共同构筑起了一排排的行和一列列的列。
4#行
用于分隔版心空间，能够存放内容的水平空间。
5#栏间空白
两栏之间的分割区域。
6#空间区
为文字、图像或者其他信息构成特定区域的模块组或栏目组。
其他网格表现形式
如何做好版式设计
进行分类总结
作品版式的优劣直接影响着其被铭记的程度，而要将其做到位，我们必须从以下几个方面进行深入分析。
Sans Edgy Variable
字体的选择
文字，作为语言的标志，在各类视觉媒介中均对版面的视觉呈现产生直接影响；它不仅增强了作品的吸引力，还赋予了版面以审美的价值观念。
在挑选字体时，首先应当审视其设计特点，据此作出选择。接着，广泛浏览各类字体，从中挑选出自己能够熟练运用的几种。
在确定适用于不同用途的字级尺寸时，需留意字体类型对文字显示大小的实际影响。同时，需牢记不同媒体普遍采用的字号标准。此外，行间距应设置为字体大小的1.5至2倍，若行文较长，则应适当增加行间距以便于阅读。
在文字进行多列排版的过程中，必须确保同类型文章的样式保持一致。在调整字距时，首要考虑的是确保文章在阅读时的韵律感，其次是编排的整齐度。
Type Directors Club
色彩与配色
色彩的构成包括色相、明度和彩度这三个基本要素，通过CMYK混合调色，可以呈现出各种不同的色彩。在印刷领域，颜色分为CMYK混合色以及特制的特殊色，若需输出具有黑色质感的图像，则可以考虑采用复色黑。
色彩能够引发人们对温暖、寒冷、华美等感觉的联想，在进行编排设计时，应当巧妙地运用色彩的这些印象，并且熟练地加以应用。
在进行版面设计的过程中，我们往往更频繁地遇到的是多种色彩的组合使用，而非单一色彩的运用。为了更好地进行颜色搭配，我们需要了解颜色的一些基本特性，并在选择颜色时，可以采用同一色系的搭配、对比色的组合，或者稍微偏离前两种搭配的配色方案。
在编排内页的过程中，我们有时会引入色彩元素，采取浅色调的背景与深色调的文字相搭配，亦或是深色调的背景与浅色调的文字相结合；与此同时，我们注重营造背景（底色）与文字之间的鲜明对比。
图片编排
版面诉求目标若有所差异，其设计手法亦各有千秋。具体而言，图片的布局与排列方式可以概括为以下数个方面：
1#满版排列
排版多采用图像为核心，文字布局通常置于图像的四周、上方、下方或中央位置，从而在视觉呈现上更显直观和强烈。
2#上下排列
这很容易明白，页面布局被划分为两个区域，若在上部区域安排图片，则下部区域用于放置文字。
3#左右排列
把整个版面分割为左右两个部分，分别在左或右配置文案。
4#中央排列
把图形做垂直方向的排列，文字可以选择上下或左右排版。
5#倾斜排列
版面主体形象或图版以倾斜方式排列，此举旨在使版面展现出强烈的动态效果及不稳定元素。
6#对称排列
对称的布局展现出一种稳固、庄重且理性的美感。通常情况下，人们更倾向于选择相对对称的样式，其中又以左右对称的形式最为常见。
7#重心排列
重心排列有三种概念：
a.直接以独立而轮廓清楚的形象占领版面中心。
b.向心：视觉元素向版面中心靠拢的运动。
c.离心：与向心恰好相反，其目的是产生视觉焦点。
8#三角形排列
正三角形，亦称金字塔形，其结构中蕴含着极高的稳定性（需注意，圆形和倒三角形往往让人联想到动态与不稳定性）。
版面留白的基本技巧
留白之所在，旨在于空旷的空间氛围中凸显主体视觉的强烈存在，故而着重凸显主角视觉感受的重要性。
静态白
画面中的空白部分若占整体超过六成，与主要视觉元素形成鲜明对比，便能显著提升主要视觉元素的突出度；若空白比例降低，则主要视觉元素的存在感相应减弱。
为了防止视觉上的杂乱无章，整个页面设计时需注意，应尽量不使用超过两种的主色调。
画面中阴影部分占据主要位置，超过一半的面积，这样的布局使观众能迅速把握设计者试图表达的核心思想；文字内容只是起到引导作用，而下一层次的信息则更为细腻，它们以一种简洁的力量展现，使得观众自然而然地按照从大到小的顺序被引导阅读。
现简洁的力道，让观者不自觉地从大到小依序被指引导读。
动态白
文字中的主角，鉴于图像与图像之间存在着众多细微的间隙，这些空白区域既可能源自边缘也可能隐藏于内部，经过精心布局后，它们变得充满趣味且更加多样化，从而使画面摆脱了单调乏味的束缚。
图片中的主体形象——其不规则的外形特征——决定了画面的主要空白区域；而图片与文字间的相互关系以及它们在画面中的布局，则能够赋予两者一种新的动态美感。
请小编喝杯咖啡吧！