当前位置: 首页 >文章 > 只用一招,搞定多图排版,老高级了!
收藏
分享

只用一招,搞定多图排版,老高级了!

举报周妙妍周妙妍发布于 2021-10-113432阅读22点赞1评论
如何快速高效地搞定多图编排...

多图编排对于很多设计师来说,确实一个大难题。领导扔过来一大堆图片,告诉你一张都不能少,还要排出高大上的画面。再加上有些图简直惨不忍睹。那么如何快速高效地搞定多图编排呢?

首先我们要给多图一个定义,在一个版面中,有四张图或以上的为多图。当我们接收到图片的时候,首先要思考的是图片的展示形式。例如我们要第一时间想到图片有带背景的图,又或者是去底图。

然后再思考带背景图可以按“方形图、圆形图”来表现,去底图可以跟色块结合等等,所以无论是多图还是少图,都要思考它们在版面中的表现形式。

接下来通过一个画册内页

展示多图的使用

先来一个视频版

(本视频来自:周妙妍版式课程)




Comment

修改前

为了保护甲方信息

有关logo及企业信息已被马赛克

从上面的版面中,可以看出画册整体风格是要体现简洁,大面积留白的风格。图片数量有8张,属于多图。这样的版面似乎没有多大问题,可是总感觉缺少高大上的感觉。我认为可以从这三点来改善。

1:图片外形更改为方形。

2:信息不集中,稍微有点分散。

3:颜色没有运用得当。

4:标题文字的编排。


改1-改善标题编排

▲ 画册的标题并不像海报那么多样化,多数按左对齐排列,处理文字大小的对比。最关键是字体和字号的选择,以及字距、行距调整。

英文:DIN Alternate-Bold(34pt)

中文:思源黑体-Medium(18pt)


改2-更改图片形状

▲ 图片以方形图展示。而方形图在设计中是最常用的方式,它可以将图片的细节保留下来,同时给人一种稳重、简洁、安静的感觉。所以多数情况下都会用方形图来编排,除甲方特殊要求。


改3-解决图片的布局

▲ 改前的图片排列在页面中央,左右两侧为文字。这样很容易让画面显得呆板,且导致图片与文字失去关联性。

▲ 怎样解决图片排列问题?这时候我会从其他的“多图作品”中找灵感,以替换再改变的方式处理。

▲ 选择这图的原因有两点,其一:同是方形图,而且数量差不多。其二:错位编排,避免呆板,给后续带来更多的变化空间。将图横向放置,替换之前的图片布局,如上图所示。

▲ 将图片位置以色块暂时替换,方便后续调整。

▲ 调整图片位置,尽量利用版面空间,并考虑图片的注释文与图片的关联性。


改4-解决图文关联性

▲ 添加色块,分别用来放置对应的注释文。另外色块起到填补空洞,解决画面单调性。(思考色块是否有必要加上去,可结合甲方建议)


完成-样机展示



总结

1、标题编排需注意字体、字号、字行距以及对齐方式。

2、遇到多图,多参考其他多图的作品,替换再改变。

3、多考虑色块的运用。

4、好的设计总是离不开细节的处理,需反复检阅和修改。

5、如果你有其他想法,欢迎留言交流。





本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:版式设计很简单!



1条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩10天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩10天52人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩27天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,588
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证