职场版式-研习社K先生版式设计训练营

研习社K先生版式设计训练营，不管是版面率、图版率还是跳跃率，它们的高与低都由，画面所要传达的感觉和项目自身的气质所决定的。 研习设K先生：作为平面设计师，除了要跟客户打交道以外，更多的是和文字、图片、图形等编排元素打交道。如果，将版面比喻为画布的话，那它们就是我们用来作画的工具，正所谓：工欲善其事必先利其器。要想画好，首先我们就要学会使用这些工具。而今天的这篇文章将跟大家分享，使用「工具」的技巧与方法。我会按照从整体到局部的思维，依次讲解它们在版面中的，设定方法与用途。希望大家在看完这篇文章后，能对编排设计有一个全新的认知与了解。 在平面设计中，有三率一界的说法。三率指的是版面率、图版率以及跳跃率，而一界指的是视觉界限，简称视界。今天不谈一界，主要来说说三率。 版面率 首先来了解一下，什么是版面率。版面我们都知道，是用来承载信息的一个载体。 它就像是一个房间，而文字信息与图片素材，则是家具饰品。在合理的情况下，这个房间内放的东西越多，物品占据房间的面积比例也就越高，整个房间的空间被利用的也就越充分。 判断一个版面的版面率是高还是低，我们就看版面内部的，信息数量与元素的面积占比即可。 △版面率高，信息量多 △版面率低，信息量少 信息量越多，元素的面积占比也就越高，相对的版面率也就越高。信息量越少，元素的面积占比也就越低，相对的版面率也就越低。 不过，数量也不是，唯一的评价标准，关键还得看这些信息，在版面当中的面积占比，为什么这么说呢？ △版面率一致，信息量多 △版面率一致，信息量少 因为，当信息量不多时，只要元素的面积占比够大，版面率依然不会受到影响。跟信息量多的版面比，它们的版面率都是一样的。 我们都知道，一个版面是存在版心的。除去天头地脚，左右页边距外，剩下的空间就是版心所在的区域了。 △ 版面率高 △ 版面率低 版心的大小会直接影响到，版面率的高低。因为之前也说过了，版面好比是一个房间，你拿一个 40 平米的房，跟 80 平米的房比承载量的话，结果可想而知。 △ 版心 △ 留白 △ 版面率低 除了版心以外，对版面率影响最大的，要数留白了。哪怕你版心定得再大，如果版面内部留白较多的话，版面率还低的。因为留白与元素的面积占比，是成正比的。留白多，元素的面积占比就少，留白少，元素的面积占比就多。 △ 版面率低，留白多 △ 版面率高，留白少 在版心一致的情况下，留白越少版面率越高，留白越多版面率越低。 除了有版面留白以外，还有图片留白。相较于常规的图片来说，那些为了表现清新、安静的图片，会刻意的创造留白来迎合氛围。 △ 版面率高，留白少 △ 版面率低，留白多 在版面率一致的情况下，跟图片留白少的版面比，图片留白多的版面，版面率会显得较低。 版面率越高，画面的视觉张力就越大，版面也会表现的更加活泼与热闹 反之，版面率越低，画面给人的感觉则非常典雅与宁静，版面也会更有格调。 版面率之所以有高低之分，完全取决于你想要传达的气质是什么。当需要表现出，活泼与热闹感时，可以提高版面率。当需要表现出安静、典雅范时，则可以降低版面率。 图版率 图版率和版面率的意思相近，版面率说的是，文字与图片占据画面的比例，而图版率说的是，图片占据画面的比例。 △ 图版率 △ 图版率 如果整个页面都是由图片构成的，那图版率就是 100%；反之，如果页面全是文字，图版率则为 0%。 一般来说，版面中的图片数量越多，图版率也就越高。因为随着图片数量的增加，图片的占比也在增加。 但有一点需要注意的是，跟版面率一样，元素的数量并不是绝对的。要想图版率高，在有数量的基础上，图片自身的面积也不能过小。 △ 图版率高 △ 图版率低 哪怕版面中只有一张图片，只要面积足够大的话，图版率给人的感觉，也会比那些数量上占优势的版面要高。 一般来说，图片的视觉冲击力比文字强 85%，提高图版率可以活跃版面，但完全没有文字的版面也会显得格外空洞，让人觉得这个版面非常的单调与无味。 当图版率为 0% 时，观者会丧失阅读的兴趣，因为版面显得非常枯燥。当图版率为 40% 时，观者的阅读兴趣会随之上升，因为版面充满了生气，富有活力。当图版率为 100% 时，版面则会给观者带来，强烈的视觉感受。 看到这，我相信不用分析大家也知道了，图版率高的版面，会给人带来活跃与热闹的印象。 相反，图版率低的版面，则会给人带来一种，非常安静与沉稳的印象。 当然，也不是说图版率高，版面就一定会传达出活跃与热闹的氛围，如果图片属于安静、有格调的类型的话，提高图版率只会放大图片自身的气质。 现在很多奢侈品，比如：珠宝，手表，香包等等，无论是电视广告还是纸媒广告，都采用大图版率，有故事内容的情境图，来创造氛围，好吸引消费者的目光，从而促进产品的销售。 提高图版率的方法 当遇到特殊情况如：图片的像素不高，或是尺寸受限无法放大时，要怎么提高图版率呢？针对这个问题，我给大家介绍三种解决方法。 在演示之前，先跟大家说明一下，这三种方法属于视觉上的提高，并非实质上的。 填充底色 第一种方法为：填充底色，也就是背景色、第二种方法为：添加图形做叠底、第三种方法为：重复这张图片或是图形，通过增加图片数量的方式，来使图片的面积占比变高。 首先，我们先来看看第一种方式：填充底色。做法非常简单，选取一个与自身图片相契合，或是跟图片中的主色系，相对比、相互补的颜色进行填充即可。 现在我们所看到的这张海报中，有三个色彩分别为：黄色、深蓝色与黑色。从中选取一个出来用作填充，这叫相契合 选出图片中的主色系，然后在结合色相环找出，跟这个主色系，有「对比」关系的色彩用作填充，这叫相对比。 这张海报的主色系是黄色，而跟黄色有对比关系的色彩为：红色与蓝色。 相互补，意思就是挑选一个，跟主色系相「互补」的颜色进行填充。而跟黄色有互补关系的色彩是「紫色」。 不管是相契合，还是相对比或是相互补，它们之间没有优劣之分，具体要用哪个，可结合实际的视觉效果来做决定。