专栏名称: IXDC
IxDC由广州美术学院设计学院、香港理工大学设计学院、网易、腾讯、华为、中国电信、中国移动、金山等单位联合发起。是全国第一个受政府认可和领导的交互设计专业委员会，致力于引领中国交互设计行业发展。
目录
相关文章推荐
河北省人民政府  ·  打开“河北账本” 感受民生温度 ·  昨天  
河北卫视  ·  “冀”高一筹|【河北省消防职业技能创新大赛】 ... ·  4 天前  
禽报网  ·  冷库及车间破损地坪快速修复材料来啦！双汇、正 ... ·  3 天前  
禽报网  ·  冻品•2-9\\局部单品继续跌100-300 ... ·  3 天前  
长城新媒体  ·  【百姓看联播】人口净流入2万人！河北到底有“多香” ·  3 天前  
51好读  ›  专栏  ›  IXDC

我用这 7 招，搞定多图排版！

IXDC  · 公众号  ·  · 2024-03-31 08:00

正文


本文授权转自： 版式设计很简单 （ID： gh_d8f1f36e06b9 ）

多图编排对于很多设计师来说，确实是一个大难题。多图编排意味着版面率会提高，如果处理不好，就很容易造成版面的拥挤，甚至显得很呆板。

在一个页面中，有四张图或以上的为多图。当图片增多的时候，更多考虑的是对图片进行大、中、小三个级别的分类，明确图片的主次关系，再以图片的展示形式和处理方式来合理地编排。
根据主题风格和需求，考虑图片的大小、版面比例、展示形式、处理技巧以及构图布局等因素，以最大程度地打造画面的创意性和美感。





所以，接下来通过“去底图”这个方式延展 7 种编排技巧，来帮大家打开设计思路。看完记得点赞收藏📁啦～



将图片的背景去掉，留下主要的部分，这样的做法可以节省图片在版面的空间，从而最大化地利用空间去编排。甚至跟其它视觉元素搭配使用，更显设计空间感。




⑴
\ 环形、围绕 排列 /

将重要信息放在中心，将图片去底后再以环形、围绕的方式进行排列。注意图片大小并非千篇一律，而是张弛有度。

▲ 设计：野村デザイン制作室（nomura-design.com）

▲ 《闲情四事──插花、焚香、挂画、喝茶》文物展海报


⑵
运用色块或边框
\ 包围群组一起 /

运用色块或边框将多张去底图片包围起来，并将图片紧凑地排列，使它们群组一起，让读者很自然地将视线集中在图片上，画面也变得更加清晰明了。

▲ 设计：㎡/emuni 设计事务所

▲ 设计：黒丸健一（Studio：homesickdesign）


⑶
\ 用“线”串连起来 /

运用色块或边框将多张去底图片包围起来，并将图片紧凑地排列，使它们群组一起，让读者很自然地将视线集中在图片上，画面也变得更加清晰明了。

▲ 此图片来自日本时尚杂志《GINZA》

▲ 设计：㎡/emuni 设计事务所


⑷
\ 以“S”型曲线排列 /

图片以类似“S”型曲线进行排列，“S”型具有穿针引线的作用，可以把画面中散乱的视觉元素串联起来，让画面具有韵律感和协调感。

▲ 此海报来自网络

▲ 此海报来自网络


⑸
\ 借助“ 格子”来布局 /
即便页面中有大量的图文信息，但是使用格子来布局元素，能很好地保证视觉元素的对齐和规划。通过将图片、文字等信息放置到等分后的格子中，这样就能有效整理页面的图文信息，得到一个清晰的结构，使信息清晰明了，一目了然。

▲ 此海报来自网络

▲ 此图片来自《Discover Japan 》杂志


⑹
\ 堆叠聚集起来 /
图片采用局部退底的形式，类似使用剪刀把图片的主体粗略地裁剪出来。再将图片堆叠聚集起来，不仅使画面视线集中，也让页面留有足够的留白。

▲ 此图片来自日本时尚杂志《GINZA》

▲ 《好好拍电影》海报，设计：杨士庆


⑺
\ 嵌入轮廓形状中 /
将图片嵌入到不规则的形状、文字甚至特定轮廓中，类似ps中的剪贴蒙版功能。随后将图片进行去除背景的处理，同时把去背景后的图片超出形状边界来打破常规，增加层次感或编排的灵活性。

▲ 设计：Baju Studio

▲ 此海报来自网络

虽然去底处理并非万能，但只要灵活运用，便能充分发挥其优势。以多图编排为 例，巧妙使用去底图能够使画面更加清晰明了，突显重点。好啦，今天的内容就分享到这里，喜欢的话点个赞赞哦～






请到「今天看啥」查看全文


推荐文章
河北省人民政府  ·  打开“河北账本” 感受民生温度
昨天
河北卫视  ·  “冀”高一筹|【河北省消防职业技能创新大赛】精彩回顾 消防技能筑防线 安全守护显身手
4 天前
禽报网  ·  冷库及车间破损地坪快速修复材料来啦！双汇、正大、金锣等都在用！
3 天前
禽报网  ·  冻品•2-9\\局部单品继续跌100-300元/T，原料肉收购价跌势明显！
3 天前
长城新媒体  ·  【百姓看联播】人口净流入2万人！河北到底有“多香”
3 天前
读懂财经  ·  股价跌不停，54家新三板拟IPO公司被“抛弃”！
7 年前
詹姆士的厨房  ·  在家吃出香榭丽舍大街下午茶的感觉 | 柳橙可丽饼
7 年前
军事出鞘  ·  她曾是湖'南卫视当家一'姐， 却在5分钟内就成了一个废人， 现在的她更让你无法想'象
7 年前
新华网  ·  马龙、许昕、樊振东回应退出澳洲赛：因伤病和身体疲惫
7 年前
济宁大小事  ·  济宁被命名为“国家卫生城市”！为了我们的家乡，在此呼吁每一位济宁人！
7 年前
Sov5搜索   ·   小百科   ·   今天看啥   ·   移动版
51好读 - 好文章就要读起来!