AI识字 字体品牌 字体合集 字体资讯
字体资讯 > 应用案例
{{article.user.type=='by-origin'?'原创':'转载'}}by {{article.user.name}}

该文章未提交审核, 请编辑完成后提交审核。

该文章未通过审核,感谢您对字由的贡献。

该文章正在审核中,通过后将会自动显示在字说字话页面。

搞不定图文排版?这17种方法让你对号入座

{{tag.name}} 字体{{length(article.fonts)}} 评论{{article.comment_count}}

转载自 {{article.sourceName}}


今天我们来说说老生常谈的排版,它的难处在于,我们不是根据已经设计好的版面来填充内容(套模板),而是要根据具体的内容来布局版面。比如有时候是一张,有时候是八九张,构成元素的不同,就要采取不同的构图、版式,一起来看看吧!




单图排版


1.平铺


把图片铺满整个版面,多用于封面设计。



或者在内页中一半铺成大图,另一半排成文字或者小图。



平铺的图片比较有张力,有视觉重心的图片适合这么处理,下面这种就一般般。



还有一种是把图片当做背景,也可以采用平铺,如下图。



2.四周留白


即图片要比版面小,让四周都留出空白,这里也分两种情况,一是图片位于版面正中央,图片周围是对称的,效果类似于相框。



还有一种是图片周围并不对称,留白较多的区域会用来排文字,常用于海报和画册内页。



3.一条边出血


即把图片的一条边对齐,有点冲破束缚的感觉,可以增加图片的想象力和版面的设计感。



4.三条边出血


把版面分成两部分,一部分为色块,一部分为图片,在排版时可以通过文字、色块或颜色,将两部分联系起来。



5.拆分


把一张图片拆分成几份,然后隔开一点排列,这么做比单独放一张图片,更有设计感和趣味性,风景类图片适合这么处理。



6.跨版


当只有一张图片时,排一半,另一半会容易单调,所以通常会使用跨版,而且图片放大后会更有张力,还能把左右两个版面关联起来。






双图排版



在画册的设计中,有时候我们应该把一P当成一个版面,而有时候则需要把一个跨版当成一个版面,这取决于具体的内容以及排版形式。


7.统一大小对齐排版


在一些作品集或产品画册中常用到此排法,视觉流程简单、清晰。



8.统一大小错位排版


比对齐排版更有动感,且由于图片不多,所以也不会显得乱。



9.一大一小排版


这种排版对比鲜明、更有张弛,可以在一个跨版中使用,也可以在某一P中使用。



还可以把其中的一张图片去底,组合起来更灵活,对比更强烈。



如果把整个跨版当成一个版面,可以把大的那张图进行跨版,小的那张图则不跨版。



或者把大图铺满一P,而小的图片和文字则排在另一P。



这两种排法都很大气且不失细腻。




多图排版


有时候一个版面图片很多,排起来会很有难度,可以用下面的方式。


10.大小统一对齐排版


这种排法比较整洁,但缺少变化,适合目录页或者产品和人物介绍。




11.大小不统一对齐排版


比前一种更灵活一点,但要利用网格工具来辅助排版。



虽然没有统一图片的大小,但由于保持了严格的对齐关系,所以依然显得很整洁。


12.图片与色块组合排版


图片与色块组合在一起,既不会像只有图片那么单调,还可以利用色块排文字。不过色块的颜色不要太多,且颜色最好来自图片。



13.错位排版


即把相连两张图片刻意错开,或者把图片与文字的位置互换,可以有效解决图片对齐的单调,且有一定的规律性。




14.把图片拼成特定的形状


这种排法适合图片比较多的情况,可以避免混乱,而且因为形状与设计需求相关,所以会显得更有创意。



15.按照某一路径排版


这种排法跟上面的一样,适合数量较多的同类图片,避免太过分散。如果不统一图片的大小和方向,会比较活泼但不规范,适用于照片墙和儿童画册的排版。



如果统一图片的大小和方向,或者使它们呈渐变式,还可以形成一定的节奏感。



16.一大多小排版


如果在版面中分开排列大小差不多的图片,那么该版面就会缺乏重点且没有张力,把其中一张图片放大,与其他图片形成鲜明的大小对比,就可以有效解决这一问题。



17.自由排版


大小不需要统一、图片与图片之间也不一定要严格对齐,效果比较灵活,设计感较强,常用于杂志排版中。



▲这种排法有两点需要注意,一是图片不要太分散,二是最好要有大小对比。



▲去底图也很适合这么做,同时要注意图片与图片、图片与文字之间的轮廓要形成互补。



版权声明:{{article.isOrigin?'本文系字由用户的原创内容,未经许可不得以任何形式进行转载':'本文转载自互联网,如有问题请通过意见反馈与我们联络'}}

相关字体

文章评论

评论
{{item.user.name}} {{item.timestamp|time}}
{{item.content}}
{{item.reply.user.name}}: {{item.reply.content}}
回复
回复

还没有人留言

查看更多 >

下载字由客户端

千款免费字体,快速一键应用

免费下载
字体地图