想提升排版设计技巧？掌握这10个基础元素和4大原则

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

所以呀，今儿个带领大伙去学习某些版式设计方面滴知识哟，期望能够助力你在不久滴将来做出超火超爆滴版式呐！

正确认识版式设计

学习基础

要知道，版式设计是把图片与文字做那编排组合，借由这般编排组合的这种方式，从而能够更好地去传达作者想要传递的信息，进而让版面内容变得更加清晰明白，一看就懂。那么，它究竟有哪些主要构成部分呢？

页面基本元素

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

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

其他网格表现形式

如何做好版式设计

进行分类总结

你的作品被记住的程度，由版式设计好或坏所决定，朝着做好这一点，需要从以下几个要点开启探讨 。

Sans Edgy Variable

字体的选择

语言符号里的文字，不管在什么样的视觉媒体当中，都会直接对版式的视觉效果产生影响，它不只是提升作品的诉求力，还赋予了版面审美的价值观。

挑选字体之际，要先瞧瞧其设计样式而后再做决断，除此之外，得多瞅瞅不一样的字体，从中挑选几种熟练地去套用 。

认准用于各类目的的字级尺寸，留意字体的类别会影响文字呈现出的大小，并且要记着各媒体通常常用的字级尺寸。行间距设置成字号大小的一点五倍至两倍，字行越漫长，行间距越得拓宽才便于阅读。

当文字进行多列排版之际，对于同样类型的文章而言，务必套用相同的样式，在依据不同用途去调整字距之时，首要优先考虑的是文章阅读过程中的韵律感，往后其次才是对编排整齐度予以调整。

Type Directors Club

色彩与配色

色彩存在色相、明度以及彩度这三要素，各种各样不同的色彩能够通过CMYK混合调制来呈现。印刷所采用的用色有两类，即CMYK混色以及经过特别调制的特‌别色，要是想要输出具备黑色质感的效果，那么可以考虑使用复色黑。

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

进入版面设计这个工作环节，相比于单一色彩而言，更为常见、频繁碰到的其实是各类混色接连使用的情况。多多去知晓、了解颜色的一些运用特性，在搭配色彩着手之时，可以用来选择的是同色系的配搭方式，还有对比色的配搭方式，以及稍微偏离前面这两种色彩的配色方式。

进行编排内页操作时，有时会用色彩，是浅色的底去搭配深色的文字，或者是深色的底搭配浅色的文字，与此同时，要使背景也就是底色和文字之间呈现出对比关系。

图片编排

版面诉求目的存在差异之际，设计方式并非完全一样。图片编排方式通常能够划分成下面这些类别 ：

1#满版排列

满版排列大多是以图像作为主体呈现的，文字的编排通常是放置在上下部位，或者是左右位置，又或者是处于图像之上，从视觉传达方面来讲，相对直接，且给人的感受较为浓烈 。

2#上下排列

这个相对容易明白，版面被划分成上下两个部分，要是挑选上部分去排列图片，那么下部分就放置文字，。

3#左右排列

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

4#中轴排列

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

5#倾斜排列

对版面核心主体形象，或是针对多幅图版，进行倾斜式编排，如此操作所达成的目的，能够促使版面塑造出强烈的动感，以及营造出不稳定的感觉。

6# 对称排列

给人稳定、理性、严肃感受的是对称的版式，对称是分为绝对对称以及相对对称这两种的，一般采用相对对称手法的情况较多，其中以左右对称占据多数 。

7#重心排列

关于重心排列，存在三种概念：其一，存在一种情况：直接以独立且轮廓清晰的形象去占领版面中心 。其二，有向心这种概念：也就是视觉元素朝着版面中心靠近的那种运动 。其三，还有离心概念：它和向心刚好相反，其目的在于产生视觉焦点 。

8#三角形排列

最具稳定感的形状是正三角形，也就是金字塔形样的形状，而圆形以及倒三角形会给人带来另一种感受，那种感受是动感和不稳定感 。

版面留白的基本技巧

留白有着这样的意义，那就是于虚无的空间感当中，去突显主要视觉的存在感，为了达成此目的，进而强调主角视觉感的分量 。

静态白

1#字面的白

画面之上，留白所占比例超过六成，白色同主要看见之物形成对照，如此一来，主要视觉的存在之感便会增强，若其比例变小，情况则相反。

2#非白的白

有时候，为防止视线杂乱，整个版面上，就必须避免使用两种以上主要颜色 。

3#阴影的白

主图占比超出画面的50%，这能够使观者径直知晓设计者所要传达的意图，文本只是起着提点的作用，下一层的信息更为细小，然而却能够展现出简洁的力道，致使观者不由自主地依照从大到小的顺序依次被引导进行阅读。

动态白

1#文字主角

就因为图像跟图像之间存有好多小空间，所以留白或许源自四周或者内部，经过配置以后有种趣味并且更加多元化，使得画面摆脱呆板 。

2#图片主角

图片有着不规则的造型，这决定了画面里主要的留白部分，图片跟文字之间的关系，两者摆放的位置，能让彼此产生另一个层次的动态感受。

继续浏览有关 排版设计视觉设计 的文章