多图排版不再乱，5招搞定图片设计

每当遇到一堆图片需要放置在同一个画面当中的时候；第一个反应就是: “完了, 这个画面肯定要炸了！”却完全不知道该如何进行编排才能够不混乱；并且还要达到好看以及具有设计感的效果！来；照着抄这5招；能够帮你处理好多图排版的问题。首先帮大众整理一下多图排定的思路。

依据5种常用的形式布局类型以及视觉呈现来开展编排, 这5种类型分别是铺、聚、围、拼、线。其中视觉呈现是对图片的外观效果予以变化, 像是把图片进行去底处理, 使其与色块或者图形构成新的元素。再或者是借助标签、便签等形式来展示图。

01 #

铺-水平/格子

将图片横向铺满整个页面, 把图版率扩大, 如此做的目的主要是运用图片来吸引用户的视线, 使得用户能够在第一时间留意到图片信息, 进而再去关注文字内容。

⑴ 水平分区满铺：

以水平分区的方式进行满铺, 这种做法通常适用于质量较高的图片以及文字较少的设计情形。那么, 是否能够使这种水平排放呈现出一定的变化呢? 在这个环节, 试着针对图片的轮廓予以一些改变。

（左图）把图片按照平行四边形的方式来进行展示, 以此使视觉角度变得更为动感。（右图）那么就将人物做出局部去底的操作, 让去底之后的图像超出图片的边界, 以便增加图片之间的层次感。

（左图）那种运用撕边效果, 去打破呆板边界的矩形图片, 是具有艺术质感的。（右图）借助英文当作图片边界, 在具备艺术感的同时, 还能够彰显其主题的文艺感。

另外, 还能够将图片不使其铺满页面, 把留白的比率增大, 也就是说, 要让画面之中的留白多上一些。

甚至于把其中的一张图片进行去底处置, 将其叠放在别的图片之上, 如此一来, 不但能够破除矩形图所具有的规整性, 而且还能够强化画面之中的主次视觉层次。那么, 除去这种图片以水平方式横向铺展的情况之外, 还能够把它们并列起来进行排列。

将左图中的图片规整排列成一行, 先把图片去底, 之后再与色块结合到一块儿, 以此让主体形象能够更加醒目突出。把右图中的图片形成一定的前后关系拿去并排, 这样便能突出图片的c位。

那（上图）把图片进行错位, 使其并列在一行, 主要是为了避免常规那种等距并排所带来的呆板情况, 进而增强了节奏, 还有角色感以及视觉张力。

⑵ 格子分区满铺：

也能够借助网格结构, 通过填补格子的办法, 把图片放置到格子当中；接着将色块叠加于图片之上, 增添文字内容。

（上图）色块同图像之间的区分, 使得整体层次愈发清晰。那般这种编排稍微有点类似于方格构图了, 一般常常应用于简洁、专业、严谨、着重强调秩序感的主题设计。

上图, 要是期望让这般网格结构样子的多图编排变得更加富有变化且具备创意, 甚至要使图片呈现成圆形, 或者是其他形式几何性状展示出来, 从而让画面展现出柔和的视觉力, 还有活泼的视觉力, 更能凸显节奏, 也更具变化性。

02 #

聚-图片去底

一般会把图片进行去底操作, 进行去底时存在全部去底或者局部去底的情况, 接着要去调整图片的大小, 还要去调整图片的位置, 随后要把它们组合起来, 且放置在版面的中心部位, 之后添加一些其他线、面的元素, 以此丰富一下, 进而与文字构成中心构图或者上下构图。

这种有着多图编排规律的情况, 是格外适配年轻化的、随性的、具备有创意方面的设计需求的, 图片的摆放呈现出灵活的态势, 并非呆板的样子, 它既能够将核心视觉点予以凸显, 同时又不会展现出杂乱无章的状况, 基本上是适用于任何场景的。

03 #

围-环形布局

围, 也就是所谓的环形布局, 其呈现形式是图片沿着圆形或者椭圆形进行排列, 并且在中心位置能够放置主标题。像这样的多图围绕编排方式, 能够对用户的视线起到引导的作用, 进而使得核心信息更加聚焦, 它適用于那些内容丰富且需要进行层次化表达的设计场景, 此场景是经由上述所描述的布局实现的。

要把重要信息放置于中心位置, 图片需先去除底色, 之后再以环形方式, 围绕着中心进行排列, 留意图片大小不是整齐划一的那种, 而是有张有弛, 富有变化的。

04 #

拼-漫画拼图

借助漫画拼图这种形式, 把多个图像依照分格来进行展示, 造成动态的视觉方面的流动之感, 致使整个海报不但拥有视觉层次, 而且能够很好地将主题的趣味性给传达出来。

所以, 类似这种漫画拼图的编排形式, 适合用于趣味性主题的设计, 即便要容纳更多图片, 使用这种框架后, 不同元素间的区分会更加清晰, 且不会致使画面杂乱。

05 #

线-串联起来

为防止图片呈现出分散且凌乱的状况, 增添线条可把多张图片依照某种方式串联在了一起, 像如下这种图里的呈“ S”形曲线的排列形式, 这不但能够增强整体一致的特性, 并且线条还具备引导以及连接的作用。

因而, 在诸多促销商品当中存在的海报设计里呢, 也会运用诸如形似“Z”字那样或者像形如“S”字这般, 又或者类似“c”这个形状的形式, 去把好多张图片串联到一起, 之后还会将文字方面的信息穿插于这些联起来的图片之中, 进而达成让图片编排得具备节奏并且还呈现出秩序的效果。

行了, 往后碰到那种有多张图片的海报需求情况时, 应该晓得该如何去做了吧。要是你认为今天这次的分享存在一定收获以及能带来启发的话, 可别错过由我亲自进行录制且实际操作的视觉版式课程。

让你1+1>2从实践提升版式力

绝对让你收获满满

此课程总计二十五节，处于持续更新状态, 存有数目众多的设计案例, 还有新颖的编排技巧, 其覆盖了版式设计的核心部分技巧与思路, 从基础的设计流程开启, 到元素运用, 再到各类主题风格海报设计思路, 以及关于画册、折页、物料延展设计, 另外还有作品集的编排技巧与案例实操, 助力你各方面提升版式力。

️ （购买课程后，如有设计问题，可以加老师微信提问哦）

课程目录，持续更新

25节课 + 送新书1本

课程和书的内容不一样哦

课程能学到书以外的排版技巧

从元素布局到画面质感优化

帮助你逐步加强版式力和提高设计审美

新书部分内容展示

买入之后, 可千万不要遗漏去下载此个哈, 有着各类免费能够用于商业用途的字体, 以及高清图片、插图、样机的网站均是存在的。要是想查看设计灵感的网站, 同样也是整理收纳在其中的。

如有其他问题

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