多图排版对于设计师来说,一直是比较头疼的问题,今天带来5种排版方法,供大家参考。
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
㊀01
相同⎝尺寸+形状⎠
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
㊁02
不同尺寸+相同形状
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
㊂03
去底图,百试不厌
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
㊃04
置入不规则形状⎝创建剪切蒙版⎠
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
㊄05
拼贴堆叠的形式
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
![](https://static.ws.126.net/163/frontend/images/2022/empty.png)
打开网易新闻 查看更多图片
图片来源网络,版权归原作者,如需转载请联系本号