单图排版
1. 平铺
即把图片铺满整个版面,这种处理方式多用于封面设计。
![](https://img.haomeiwen.com/i17989922/68da93eaebb2dd3f.jpg)
或者在内页中把某一半版平铺一张大图,另一半则排列文字或者小图。
![](https://img.haomeiwen.com/i17989922/fec1706363502891.jpg)
平铺的图片比较有张力,有视觉重心的图片适合这么处理。下图平铺的效果就一般般。
![](https://img.haomeiwen.com/i17989922/81f21bbccc9cbb4d.jpg)
还有一种情况是把图片当做背景,也可以采用平铺,如下图:
![](https://img.haomeiwen.com/i17989922/f6ab838b8544462e.jpg)
2. 四周留白
即图片要比版面小,并让其四周都留出空白。这里也分两种情况,一是图片位于版面正中央,图片周围的留白是对称的,这种效果类似于相框,常用于封面设计。
![](https://img.haomeiwen.com/i17989922/b9be4f76610544e8.jpg)
还有一种情况是图片周围的留白并不对称,如下图,留白较多的区域会用来排文字,常用于海报设计和画册内页设计。
![](https://img.haomeiwen.com/i17989922/0421c0c3625c743e.jpg)
3. 一条边出血
即把图片的一条边对齐边界,这么处理有点冲破束缚的意思,可以增加图片的想象力和版面的设计感。
![](https://img.haomeiwen.com/i17989922/5881d53a8f72a772.jpg)
4. 三条边出血
这么做会把版面分成两部分,一部分为色块,一部分为图片,在排版时我们还可以通过文字、色块或颜色把这两个部分联系起来。
![](https://img.haomeiwen.com/i17989922/839af0b82bfe2043.jpg)
5. 拆分
即把一张图片拆分成几份,然后隔开一些排列,这么做比单独放一张图片会更有设计感和趣味性,风景类图片适合这么处理。
![](https://img.haomeiwen.com/i17989922/38742609d8d5fff3.jpg)
6. 跨版
即在画册设计中,让图片同时占据两个版面。当在一个跨版中只有一张图片时,如果只把图片排在某一半版中,那么另一半版就容易单调,所以在这种情况下通常会使用跨版,而且图片放大后会更有张力,还能把左右两个版面关联起来。
![](https://img.haomeiwen.com/i17989922/a9c0487e2a54491f.jpg)
双图排版
在画册的设计中,有时候我们应该把一 P 当成一个版面,而有时候则需要把一个跨版当成一个版面,这取决于具体的内容以及排版形式,所以图片的排版也要分成这两种情况来考虑。
1. 统一大小对齐排版
在一些作品集或产品画册中常用到此排法,视觉流程简单、清晰。
![](https://img.haomeiwen.com/i17989922/9d4292e1d340eb5e.jpg)
2. 统一大小错位排版
比对齐排版更有动感,且由于图片不多,所以也不会显得混乱。
![](https://img.haomeiwen.com/i17989922/910297cf626bd25d.jpg)
3. 一大一小排版
这种排版对比鲜明、更有张弛,可以在一个跨版中使用,也可以是在某一 P 中使用。
![](https://img.haomeiwen.com/i17989922/b28c8788518be199.jpg)
还可以把其中的一张图片去底,这么组合起来更灵活,对比更强烈。
![](https://img.haomeiwen.com/i17989922/d0c8736ea7757bd9.jpg)
如果把整个跨版当成一个版面,那么可以把大的那张图进行跨版,小的那张图则不跨版。
![](https://img.haomeiwen.com/i17989922/1981fb025cd3fb78.jpg)
或者把大图铺满一个 P,而小的图片和文字则排在另一个 P。
![](https://img.haomeiwen.com/i17989922/5fa4da91ba4c58cd.jpg)
这两种排法都很大气且不失细腻。
多图排版
有时候一个版面内的图片会有很多,这种版面排起来会更有难度,常用的排版方式有以下 8 种。
1. 大小统一对齐排版
这种排法比较整洁,但缺少变化,适合用于目录页或者产品和人物介绍。
![](https://img.haomeiwen.com/i17989922/f3906735af148b7d.jpg)
![](https://img.haomeiwen.com/i17989922/d7c360b070b6d3aa.jpg)
2. 大小不统一对齐排版
这种排法会比前一种更灵活一点。适合利用网格工具来辅助排版。
![](https://img.haomeiwen.com/i17989922/78dada84cf244281.jpg)
![](https://img.haomeiwen.com/i17989922/fe858217a0b01feb.jpg)
这种排版虽然没有统一图片的大小,但由于保持了严格的对齐关系,所以依然显得很整洁。
3. 图片与色块组合排版
图片与色块组合在一起排版既不会像只有图片那么单调,还可以利用色块排文字。不过注意色块的颜色不要太多,且颜色最好来自图片。
![](https://img.haomeiwen.com/i17989922/b1e1ae7516013734.jpg)
![](https://img.haomeiwen.com/i17989922/6f255d17140d1544.jpg)
4. 错位排版
即把相连两张图片刻意错开,或者把图片与文字的位置互换,这么做可以有效打破图片完全对齐的单调,且由于有一定的规律,所以也不会对视觉流程造成太大影响。
![](https://img.haomeiwen.com/i17989922/6f86d2fbadbd3c1c.jpg)
5. 把图片拼成特定的形状
这种排法适合图片比较多的情况,这么做可以避免图片太多而显得混乱,而且因为拼成的形状要与设计需求相关,所以会显得更有创意。
![](https://img.haomeiwen.com/i17989922/e026662a74a0ef8b.jpg)
6. 按照某一路径排版
这种排法跟前一种一样,适合数量较多的同类图片使用,可以避免图片排得太过分散,如果不统一图片的大小和方向,效果会比较活泼但不规范,适用于照片墙和儿童画册的排版。
![](https://img.haomeiwen.com/i17989922/3edc42ce92a0a06f.jpg)
![](https://img.haomeiwen.com/i17989922/f14213dc8dd775f7.jpg)
如果统一图片的大小和方向,或者使它们呈渐变式的变化,这些图片还可以形成一定的节奏感,不仅不会乱,还很美观。
![](https://img.haomeiwen.com/i17989922/286c037f565830b4.jpg)
![](https://img.haomeiwen.com/i17989922/9ff4ea310ce93d32.jpg)
![](https://img.haomeiwen.com/i17989922/231db5aad4cbc7fb.jpg)
7. 一大多小排版
如果在版面中分开排列大小差不多的多张图片,那么该版面就会缺乏重点且没有张力,而如果把其中一张图片放大,与其他图片形成鲜明的大小对比,就可以有效解决这一问题。
![](https://img.haomeiwen.com/i17989922/4345882311bf6136.jpg)
![](https://img.haomeiwen.com/i17989922/ac51b04932ac3be1.jpg)
8. 自由排版
即大小不需要统一、图片与图片之间也不一定要严格对齐,效果比较灵活,设计感较强,常用于杂志排版中。
![](https://img.haomeiwen.com/i17989922/dfaeffef7f804fb7.jpg)
这种排法有两点需要注意,一是图片不要排的太分散;二是最好要有大小对比。
去底图也很适合这么做,当然,在排版的时候也要有大小的区分,同时要注意图片与图片、图片与文字之间的轮廓要形成互补。
![](https://img.haomeiwen.com/i17989922/a51e05044c9fcf12.jpg)
有对ps感兴趣的或者想学习ps的小伙伴都可以“关注”老师 私信“学习”两字 就可以免费获取PS学习资料,跟老师一起学习哦!
网友评论