图片排版设计很关键！中心、中轴、分割型等简约排版了解一下

在两张图片里，倘若应用的构成元素全都一样 ，并且画布尺寸也是相同的情形下 ，那么排版的优劣便决定了你整张图片的质量 ，这就如同两个厨师 ，用同样的食材去做同一道菜 ，然而味道却有可能全然不同 。

一、版式

首要的是，我们得去知晓版式，平常我们所制作的或者看到的版式，大多是由这些构成，即中心型，还有中轴型，以及分割型，再加上倾斜型，另外有骨骼型，还有满版型为主 。

往上，是中心型排版，借助视觉中心，凸显想要表达的实物，当所制作的图片文字不多，且展示主体清晰明确时，建议较多地运用中心型排版。中心排版具备突出主体、聚焦视线等功能，彰显大气背景可采用纯色，展现高端背景可用渐变色。

上图为Elysions的作品

有一种排版方式叫中轴型排版，它借助轴心对称，能让画面展示出规整稳定、醒目大方的效果呢。是怎样的情况下来使用它呢？就是当制作的图片满足中心型排版，然而主体面积却过大的时候，就可以采用中轴型排版啦。中轴型排版有着居中对称的版面特点，它在突出主体的同时，还能给画面一种稳定感，并且能让整体画面具备一定的冲击力哟。

在做电商活动海报的时候中轴型是很出效果的一种形式

分割型排版，借助分割线让画面具有清晰的独立性跟引导性，当制作的图片存有多个图片以及多段文字时能够运用分割排版，分割型排版可让画面里每个部分都特别明确且独立，观看时拥有良好的视觉引导与方向，凭借分割出来的体积大小还能够明确当前图片中各部分的主次关系，具备较好的对比性，且让整体画面不单调、不拥挤。

↑ 采用倾斜型排版，借由主体或者整体画面进行倾斜编排，进而让画面具备极强的律动感，以此刺激视觉，当制作的图片里要呈现律动性、冲击性、不稳定性、跳跃性等效果之时，能够运用倾斜型排版。倾斜排版能够使呆板的画面迸发出活力与生机，当你发觉自身的图片太过死板或者僵硬之际，试着让画面中的某个元素带有一点倾斜，会收到出奇的效果。

↑所谓骨骼型排版，乃是借助有序的图文排列，达成画面严谨统一且具备秩序感的效果——当所制作的图片之中，文字数量较多时，一般都会采用这种骨骼型排版。骨骼型排版是较为常见的排版方式，其清晰的条理以及严谨性能够让画面保持平稳，这是一种不会出现错误的情况，然而终究只是单一的排版方式。有些时候，为了破除骨骼型的单一与平稳状态，我们也能够运用上图第三张的形式，在规整的排列里增添一些律动强烈的素材。

↑ 网页设计（包含电商）中大部分都是骨骼型排版形式

向上的箭头，满版型进行排版操作——借由大面积的元素，去传递一种最为直观，还十分强烈的视觉刺激体验，以此使得画面变得丰富起来，同时且具有很强的带入感。当制作图片之时，要是其中存在极为明确的主体，并且文案数量较少的情况下，此时方可以采用满版型排版方式。常见的满版型排版样式，包含有整体满版、细节满版以及文字满版这几种。

如第一张：整体满版会让画面有强烈的带入性。

如第二张：细节满版能快速明确和展示主体。

如第三种：而文字满版通常是以装饰的形式来表达某些文案。

二、方法

了解了基本的版式，我们再去了解排版中需要注意的几个问题。

最先呢，是关于版式的挑选，要是你拿到一份客户给出的要求，却没办法琢磨出后续能够采用哪些办法去进行排版，很明显，对身为设计师的你来说，这是颇为不光彩且不合格的事儿。我在上面所举的例子里也有提及，在不同的情形之下能够运用不同的版式，而所谓的不同情形，多数时候存在这几种，文字数量少图数量少、文字数量少图数量多、文字数量多图数量少、文字数量多图数量多，文字与图数量一样。其次来讲便是怎样去应用，版式是一种虚无缥缈的艺术，其理论形式是固定的，然而表现形式却是多种多样的。就算这手艺练到老练到家了，不管咋摆弄咋放置，那模样瞅着都挺好看，可在刚刚着手开始练习的那个阶段里，咱还是得留意着排版当中有样得严格遵循的事儿——留白。

有很多大师都讲过留白，还对其进行过分析，大部分情况下这些讲解比较宏观，而且都是与意境相挂钩的，要是我再去讲述重复的内容那就没有意义了，我要说的是几个细碎的留白问题，首先我要否定，很多人所认为的留白便是要营造简约风的那种印象，实际上留白到处都存在，简约风只是留白更为宏观的一种定义罢了……那么该如何去理解以及运用留白呢，首先我们要对留白有几个新的认知：

第一，文字之间的间距，以及行与行之间的行距，这些都属于留白的范畴，然而这种距离，如果过于呈现出高度的统一，并且显得十分拥挤的话，那么整个画面就会陷入一种呆板的状态，故而在文段数量较多的情形之下，我们能够适当对文段的距离进行调节，以此来改善画面所呈现出的效果，也就是说要加大文字彼此之间的留白 。

如下图：

第二，比如说，假如存在某个元素，其内部还包含着其他元素，那么对于这个元素来讲，其内部区域就必须要有合理的留白，而且内部元素既不能够太过满当，也不可以太过偏斜，。

如下图：

第三，元素跟元素之间要有一个合理的留白，不然就会拥挤难受。

如下图：

第四点，以外除满版型排版之外，尽量要让画面的四周存有足够的留白。有些时候，不必要放置那么多的装饰元素，在画面当中，那样反而会抢了主体，比如说这个下图，实际上竹叶也能够表达所需的意思，并且更为灵动。

第五，装饰元素在进行飘散操作的时候，不可以集中在同一个区域，要是那样做的话，会致使某个区域留白不足从而显得拥挤，而且还会让图片给人一种小气的感觉，对于飘散的元素，我们要尽可能做得大气一点，挥洒自如些，在弥补周边空旷情况的同时又能够让画面显得大气。

如下图：

第六，留白之际还要去白。去白乃是一种平衡留白画面的效果。通常来讲，常用的去白方式是对线去白。也就是下方存有元素而上方极为空旷之时，给上方增添一个元素以平衡画面。当主体太过渺小致使留白过多时，要放大主体并调整其它元素来去白。

如下图：

图1，中心的主体过小，上下呈现出空洞的状态 。图2，下方去除白色部分，上方却有空洞迹象 。图3，上、下均去除白色，画面最终显得平稳 。

举例：

↑中心元素过小，周边过于空旷

“使中心进行整体放大，主体上下所存在之过多留白得以被弥补起来，然而主体与文案二者之间的留白关系并非是会让人感觉很畅快舒服的那种状态”。

促使主体与整体文案的那种空间感趋向于相近，将文案的行距予以拉开，对文案上下所存在的留白过剩状况加以弥补 。

联系留白，我再针对上面所讲的不一样的情形运用不一样的版式举个简易的例子，当客户给予我的方案是字少图少以及字少图多的状况下，中心型、中轴型、满版型、骨骼型、分割型等诸多方式都能够处理当下问题的。比如我们借助一下文字与图片制作一张图：

图1：中心型 ；图2：中轴型 ；图3：满版型

↑ 骨骼型

↑ 分割型

有时，我们会碰到一张图片里要放置好多小图片的情形，并且好多小图片的素材尺寸是不一样的，这儿也是好多人常常犯错的地方，大多数人都是随便摆放还配上文字，实际上我们能够把每一个图片都制作在同样大小的形状里展示，既整齐又美观，如图：

当素材并非十分美观，即便排列依照整齐的状态，然而整体图片依旧存在些许拥挤之感的时候，我们能够采取化繁为简的方式，将小图展示予以去除 。

综合上述内容而言，版式并不存在绝对意义上的好与坏之分，仅仅存在合适与否的考量情况；在本期之中，我们所讲授的对象主要还是围绕着简洁类型的版式展开；到了下期的时候，我们会针对复杂的版式进行更为深度的理解 。

再次感谢大家的支持，So Thanks~

继续浏览有关 图片排版设计简约排版 的文章