画册照片排版设计：单图平铺与四周留白技巧，让版面更有张力

排版工作所面临的难点在于, 我们并非先有一个已经设计好了的版面然后往里面去填充内容也就是套模板这一种方式, 而是必须依据具体的内容本身来进行版面布局的操作。比如说在页面中出现的图片数量往往存在着巨大的变化, 有的时候可能只有一两幅, 而有的时候则可能会有十几幅甚至更多。

正是因为构成页面的各个元素存在如此大的差异才使得简单地采用同一套构图、版式或者形式来应对所有情况的做法变得不可行。所以葱爷在今天发表的这篇长文中主要是想要为大家进行详细的分享与介绍, 旨在说明在面对各种不同具体情形的时候应当如何使用那些专门的图片排版技巧。

单图排版

1. 平铺

也就是说, 把图片整个铺开, 让它占满整个版面, 这种处理的手法在封面的设计当中是比较常见的。

或者在内页的地方, 把某一半版平铺开一张大图, 而另一半则排上文字或者是小图。

一般来说, 平铺的图片是比较有张力的, 所以那种具有视觉重心的图片比较适合进行这样的处理。下面这张图, 平铺出来的效果其实是很一般的哦。

还有这样一种情形, 也就是选择将图片作为背景元素进行使用, 在这样的场景之下, 完全能够采取平铺的方式来进行呈现。具体的相关情况如下面的这一张图所展示的那样:

2. 在四周留出空白区域。

也就是说, 图片的尺寸必须小于版面尺寸, 并且要让图片的每一个侧面都保持有空白区域。这个要求可以划分成为两类情况, 第一类情况是图片摆放在版面的正中间位置的时候, 图片四周所留下的空白部分是呈对称状的, 这类视觉效果和相框非常接近, 在封面设计的工作场景之中使用频率相对较高。

还有一种情况是图片周围的留白并不对称, 如下图所示, 在留白较为充裕的区域会用来排列文字, 这种手法通常应用于海报设计以及画册内页的设计工作之中。

3. 有一侧边缘出现了流血的现象。

就是把图片其中的一条边, 去和版面的那个边界进行对齐, 这种处理方式嘛, 多少是带点冲破传统束缚的味道在里面, 这样的话就可以增加图片本身的想象空间, 同时也能够提升整个版面在设计感方面的效果。

4. 三条边出血

这种做法会产生让版面被划分成为两个部分的情况, 其中一个部分是属于色块的范畴之内, 另一个部分则是处于图片的范围当中, 当我们在进行操作排版工作的时候, 我们还能够借助使用文字、色块或者颜色这样的方式去把这两部分给联系起来。

5. 拆分

也就是把一张图片给分割成好几块, 接着在它们之间留出一段距离再进行排列组合。这样一种做法相较于直接将整张图片单独摆放而言, 会显得更加具有设计方面的质感以及趣味上的吸引力。针对那些属于风景类别的图片, 使用此种处理方式是比较合适的。

6. 跨版

就是在画册设计当中呢, 这种做法是让图片在同时占据两个版面。

当一个跨版的整张画面里只有一张图的时候, 假如我们只是把这张图排在了某一半的版面里, 那么剩下来的另一半版面就很容易会显得特别单调, 所以在碰到这种情况的时候通常都是会使用跨版这种方式来进行处理的, 并且可以发现如果图片被放大了之后它还会更有张力一些, 同时还能做到把左右两边的两个版面给关联在一起的这样一个效果。

双图排版

在画册设计的过程里, 我们在某些时候应该把一个P当成一个版面, 而在其他的时候则有必要把一个跨版当成一个版面, 这样具体的内容以及排版形式决定了最终的选择, 所以图片的排版也要分成这两种情况来考虑。

1. 把大小给统一起来, 然后对齐进行排版。

这种方法在很多种类型的作品合集或者是产品宣传画册里面都是非常经常使用到的, 它能够让视觉上的流程变得很简单, 同时也变得很清楚。

2. 把大小弄成统一的形状, 把那种排版的错位的情况给纠正过来。

这比单纯的齐排版看起来更加有动感, 而且因为图片数量并不多, 所以最终呈现的效果完全不会显得杂乱无章。

3. 排版的时候,把那个大的和那个小的放在一起。

这种排版的视觉对比相当鲜明, 给人的感觉更有舒展与收敛的节奏感, 既可以安排在一个跨页的双版面里进行展示, 也可以仅局限在单独的某一页内进行使用。

我们还可以把其中的一张图片去掉背景, 这样组合起来就更灵活了, 对比效果也更强烈。

如果我们把整个跨版视作一个版面, 那么, 大的那张图就可以进行跨版处理, 而小的那张图则不需要进行跨版处理。

把大图铺满在一个p标签里面, 然后把小的图片和文字放在另一个p标签里面。

这两种排列方式, 整体看起来是很大气的, 而且在这个过程里面, 也没有丢失细腻这种特点。

多图排版

有时候在一个版面里面的话, 图片的数量会非常多。这种样子的版面, 想要安排得妥当一点的话, 是会比通常的情况更加有难度的。关于常用的排版方式, 大家一般可以使用以下这八种方法。

1. 把大小全部统一起来, 进行对齐排版。

这种排列方式, 它的整体感觉是比较整洁的, 不过呢, 它也缺少了一些变化因素。因此, 这种方式比较适合拿来用在目录页或者是用来进行产品介绍以及人物介绍这些场合里。

2. 大小不统一的字, 在排版的时候, 要对齐。

这种排列的方式, 相对于前面的那一种方式来说, 会是更加灵活一点点的, 它是非常适合去利用网格工具来帮助进行排版工作的。

这种排版的情况, 虽然它没有去统一那个图片的大小, 但是因为, 它保持了那种非常严格的对齐关系, 所以, 这依旧显得非常地整洁。

3. 把图片放到一边, 然后把色块放到另一边, 用这样的格式来排版。

把图片和色块组合进行排版, 这样的情况既避免了单纯只用图片所带来的单调感觉, 另外还可以借助于色块来排列文字。在此时需要留意的是, 色块的色彩种类不宜过于丰富, 同时颜色最好选取自图像本身所呈现出的色调。

4. 错位排版

我们可以把这相连着的两张图片, 给故意错开一点, 把位置变动一下。或者我们也可以选择, 就是把图片和文字的位置, 相互交换一下。这种做法能够有效地打乱那种单调的感觉, 也就是让图片完全对齐的状况被破坏掉。因为这么做里面存在一定的规律, 所以是不会对视觉的流动过程, 造成太大影响的。

5. 把图片进行组合, 从而形成某一个特定的形状。

这种排法适合图片比较多的情况。这么做可以避免图片太多而显得混乱, 而且因为拼成的形状需要和设计需求相关联, 所以最终的效果会看起来更有创意。

6. 按照某一路径排版

这种做法和前一种做法是相同的。它适合在图片数量比较多的时候使用同类的图片。这样能够避免出现图片排列得过于分散的情况。如果不把图片的大小和方向进行统一, 那么呈现出来的效果是比较活泼的, 但是也不够规范。这种处理方式适用于照片墙的排版设计, 也适用于儿童画册的排版设计。

如果把那些图片都弄成一样的大小和方向, 或者让它们一点一点的慢慢变过去, 这些图片就能有一点节奏感。这样一来, 整体看起来很和谐, 不会觉得乱糟糟的, 同时也能让人觉得很好看。

7. 一大多小排版

如果在版面里面, 分开排列多张图片, 而且这些图片的大致大小都差不多的话, 那么, 这个版面就会缺乏重点, 同时也没有张力, 而如果, 我们能够将其中的一张图片放大, 使得它与其他图片形成鲜明的大小对比, 这样的话, 就可以有效地解决这个问题。

8. 自由排版

也就是图片的大小没有必要统一在一起。同时, 图片和图片之间也不一定非要严格地对齐。这样的效果会比较灵活起来。设计感还是比较强的。这种风格经常是被用到杂志排版当中去。

这种排法是有着两点的需要我们去进行注意, 第一点就是那些图片我们是尽量不要让它们分散得过于厉害, 第二点就是我们在做的时候最好是可以让内容在视觉上形成一些大小方面所存在的对比效果。

在使用去底图的时候, 这么做也是相当合适的。当然了, 在进行排版操作的过程之中, 也必须得要体现出尺寸大小的差别来。同时也需要留意指尖与指尖之间、以及图片与文字彼此间的轮廓线条一定要形成一种互补的关系才对。

结语

在版面之中, 图片的数量存在着巨大的差异, 少则只有一张, 多则能多达数十张, 而图片的排版方式也是十分繁多的, 所以我没有办法把它们全部都列出来, 在上面总结的那 17 个技巧仅仅只是代表了一些比较主流的方面而已, 具体的变化还需要请各位读者依据具体的内容要求以及设计需要去进行尝试和突破, 希望这篇文章能够为你提供些许的帮助。

继续浏览有关 画册排版图片技巧 的文章