使用工具(使用的工具的英文)

文章:你必须知道的布局技巧。

来自微信官方账号:研究所。

在平面设计中，有三率一界的说法。第三率指的是版面率、图表率和跳转率，第一率指的是视觉边界，简称视界。先不说当今世界，主要说三率。

首先，我们来了解一下布局率是多少。众所周知，版面是用来承载信息的载体。

它就像一个房间，而文字信息和图片资料则是家具装饰品。在合理的情况下，这个房间里放的东西越多，物品占房间面积的比例就越高，整个房间的空空间就会被利用得越充分。

判断一个版面的版面率是高还是低，可以看版面内部的信息量和元素面积的比例。

信息越多，元素的面积比越高，相对布局率也越高。信息量越少，元素的面积比越低，相对布局率越低。

然而，数量并不是唯一的评价标准。关键要看这个信息，以及这个区域在布局中所占的比例。为什么这么说？

因为，当信息量很小时，只要元素的面积足够大，布局率依然不会受到影响。与信息量更大的版面相比，它们的版面率是一样的。

众所周知，布局有布局心。除了页眉、左右页边距，剩下的空就是版心所在的区域。

排版中心的大小会直接影响排版率。因为我之前说过，布局就像一个房间。如果拿一个40平米的房间和一个80平米的房间对比，结果可想而知。

除了排版中心，空白对排版率的影响最大。无论你的布局有多大，如果布局中有更多的留白，布局率还是低的。因为留白与元素的面积比成正比。空白多了元素的面积就少了，空白少了元素的面积就多了。

在布局一致的情况下，留白越低，布局率越高，留白越多，布局率越低。

除了版面空白，还有图片空白。相比常规的画面，那些清新安静的画面会刻意营造留白来迎合气氛。

在版面率相同的情况下，版面率会低于空白图片少、空白图片多的版面。

布局率越高，画面的视觉张力就越大，布局就会越生动活泼。

反之，布局率越低，画面越优雅安静，布局也会越有型。

版面率之所以高或低，完全取决于你想传达什么气质。需要表现活泼、刺激的时候，可以提高版面率。需要安静优雅的时候，可以降低布局率。

布局率的含义与布局率类似。版面率是指图片中文字和图片的比例，版面率是指图片在图片中的比例。

如果整页都是图片组成的，那板块率就是100%。反之，如果页面全是文字，则出板率为0%。

一般来说，版面图片越多，出板率越高。随着图片数量的增加，图片的比例也在增加。

但是有一点要注意，和布局率一样，元素的数量也不是绝对的。为了有较高的出板率，图片本身的面积在数量的基础上不能太小。

即使版面只有一张图片，只要面积足够大，版面率的印象也会高于占优数的版面。

一般来说，图片的视觉冲击力比文字强85%。增加板块率可以搞活版面，但是完全没有文字的版面也会出现多余空的孔洞，让人觉得这样的版面非常单调无味。

当版面率为0%时，观众会失去阅读兴趣，因为版面很无聊。当版面率为40%时，读者的阅读兴趣就会上升，因为版面充满了生机和活力。当布局率为100%时，布局会给观看者强烈的视觉感受。

看到这里，相信我们不用分析都知道，一个出图率高的版面，会给人以活泼热闹的印象。

反之，花纹率低的布局会给人一种非常安静沉稳的印象。

当然，并不是说格局率高了，版面就一定能传达出活跃活泼的氛围。如果画面属于安静时尚型，增加图案率只会放大画面本身的气质。

如今，许多奢侈品，如珠宝、手表、香包等。，无论是电视广告还是平面广告，都采用大尺度的画面率和有故事内容的情景画面来营造氛围，以此来吸引消费者的注意力，促进产品销售。

当遇到特殊情况，比如:图片像素不高，或者尺寸有限无法放大，如何提高出板率？针对这个问题，我给大家介绍三种解决方案。

在演示之前，我先给大家解释一下，这三种方法都是视觉上的改进，不是实质性的。

第一种方法是填充背景色，即背景色；第二种方法是添加图形作为覆盖图；而第三种方法就是重复这个图片或者图形，增加图片的数量来增加图片的面积比。

首先我们来看看第一种方法:填充背景色。方法很简单。您可以用与您自己的图片相匹配的颜色来填充它，或者与图片中的主色系统形成对比和互补。

我们现在看到的海报有三种颜色:黄色、深蓝色和黑色。选择其中一个进行填充，这就叫匹配。

选择图中的主色系，然后结合色环找出来。与这个主色系有“对比”关系的颜色作为填充，称为相对比。

这张海报的主色调是黄色，与黄色的对比色是红色和蓝色。

互补，就是选择一种与主色系“互补”的颜色进行填充。与黄色互补的颜色是“紫色”。

无论是搭配，想比较还是互补，都没有区别。具体用哪个可以结合实际视觉效果来决定。

通过对比可以看出，填充背景色后的板材率比之前提高了很多。而且填充背景色的另一个好处是可以烘托版面的氛围。

以这个案例为例。背景色改为黑色后，版面的整体视觉效果比白色背景色要好，版面的整体氛围也上来了。

这些是海报案例，通过填充背景色来改善低版型率的印象。

第二种方式:插入图形做栈底。可以根据自己项目的气质选择合适的图形作为栈底。

假设，现在，在这张图片中，字符只能放大这么多。但是，我们想提高电镀率。

这时候你可以通过叠加图片底部来增加图片的面积比，提高出板率。它不同于填充背景色。如果填充背景色是视觉上的改善，那么重叠图形的底部更实用。

这些作品都是通过图形叠加来增加版型率。

除了叠加图形，还可以叠加文字。因为文字也是图形的一种，而用来提高印版率的文字会放弃部分识别，只作为简单的底纹使用。

这些海报通过叠加文字和图形来提高版面率。

第三种方式:使用重复的技巧。在重复我们的订阅号之前，也有一个教程。虽然它是关于文本重复的，但当应用于图片或图形时，它具有相同的效果。

跳出率不同于版面率和图表率，所以不是比例的问题。跳出率到底是多少？是怎么形成的？

为了创造跳出率，首先要有对比，有对比才有起伏，有起伏才有跳出率。

在版面设计中，跳出率是指元素之间的大小对比。元素之间的大小差距越显著，跳转率越高，元素之间的大小差距越小，跳转率越低。

当版面有多个大小对比时，如何判断跳转率是高还是低？这时候，只要找到布局中最大的元素和最小的元素，看看它们之间的差距是大还是小。大跳率高，小跳率低。

在版面中，只能比较图片(图形)和文字信息的大小。也就是说，跳转率有两种:一种是图片跳转率，一种是文字跳转率。

首先，我们来看看图片的跳转率。当版面只有一张图片时，没有图片跳转率，只有两张或多张图片时才有。

就像我之前说的，如果你想创造一个跳跃率，你必须有一个大小的比较。那应该放大谁，缩小谁呢？下面，我给你一些放大图片的思路。

一、含有人物的图片优先放大。因为，根据图片的吸引力，人的图片排在第一位，然后是动物的图片，然后是食物、风景等图片。

这是一个放大画册的例子。

二、图片内部人物，或者物体较多的图片优先放大。因为画面越丰富，它的细节就越多，不利于在缩小的时候展现这些细节。

这是一个带有放大图片的相册示例。

第三，有差异的图片优先放大。这个概念来自于具体的构图。当所有相同的元素中有一个不同的元素时，这个有差异的元素是最吸引人的。

这是一个有差异的放大图片相册的例子。

第四，特写图像优先放大。与全景相比，近景具有更大的视觉冲击力，更能吸引读者的注意力。

这是一个放大特写照片相册的例子。

为什么特写比全景有更强的视觉冲击力？因为特写画面的可视面积要比全景图的可视面积大，所以放大特写画面时，画面的跳跃率会比放大全景图的版面跳跃率高。

特写照片的首选放大并不是绝对的。如果都是特写，只有一张全景，那就要放大全景了。

因为这张全景图和哪张特写照片相比，是有差异的那张。所以希望大家都能学会使用，不要陷入死胡同。

如果图片的内容和性质都差不多，那就没什么可选择的了。你可以放大任何一个，也可以一样大，保持统一。

这种类型也是海报设计中最常见的。

画面跳出率高的版面，视觉冲击力强，有生命力。

跳出率低的布局视觉冲击可以弱一些。

和版面率、板块率一样，形象跳跃率也要考虑形象本身的气质。如果画面看起来是静态的，布局的视觉冲击力会弱一些。

跳字率是关于字体大小的比较。根据信息的重要程度，设置不同的字体大小关系。不同于图片跳转率，文字跳转率在版面中起着重要的作用，因为它会直接影响文字信息的传递效率。

没有词跳率，信息会变得难以阅读，读者无法在第一时间找到信息中描述的重点。

在设置字体大小的对比度时，有两个原则需要遵守。第一是对比不要暧昧，第二是对比不要太极端。

对比度不能有歧义，也就是说两个相邻且有对比的字体大小不能太接近。如果它们靠得太近，就会产生无效的对比。

反差不能太大，也就是说两个相邻的、有反差的字号之间的差距不能太大。因为这样会造成文字组看起来不协调，也就是说会影响大小对比的平衡。

这时，我们可以添加几个过渡层的文本信息。因为组合中除了最大和最小的字符，还应该有一个中等大小的字符来抵消对比度过大带来的不平衡。

如果不准确，建议您使用等差数列、等比数列或斐波那契数列来辅助设置文本的大小。

等差数列，按照连续+1增长的方式。在使用中，我们可以选择任意数值来缩放字体大小。

假设小字号为30pt，大字号为60pt，则字号比为1: 2，也就是说大字号是小字号的两倍。大字号为90pt时，字号比为1: 3，大字号是小字号的3倍。想大几倍就乘，想小几倍就分。

等差数列是以+1的方式增长，而几何数列是以+2的方式增长。

几何级数的用法和算术级数一样。想大几倍可以乘以几倍，想小几倍可以除以几倍。

说到斐波那契数列，可能有人会觉得奇怪。什么是斐波那契数列？通俗讲就是黄金比例。

为什么斐波那契数列是黄金比例？对于所有的斐波那契数列，前一位数除以后一位数得到的值接近黄金分割比例1.618。

除了接近黄金比例的斐波那契数列，还有白银比例和根号三的比例。

斐波那契数列不同于算术差和几何级数。用的时候只需要把当前值乘以1.618，想减就除以1.618。

关于等差数列和等比数列，还有一种特殊的使用方法“取中值”，在进退两难的时候可以使用。

假设使用5这样的整数值，发现最后的结果并不理想，字体大小有些大。使用4时，字体大小有些小。这时候解决的办法就是选择一个介于4和5之间的中间值，也就是4.5为字号比例。

在实际操作中，等差数列、等比数列、斐波那契数列都可以混合使用，因为这样更灵活，可以调整。

例如，在这个文本组中，有多种字体大小。上面字符的字体大小是一样的，它们与下面英文翻译的字体大小之比为1: 2。

英文翻译与标题的字体大小比例为1: 2.5。标题与“招聘”二字的字号比例为1: 1.732，是根号三的比例。“招聘”和“不限经验”这两个词也是成比例的，它们的字体大小比例是1: 2。

大多数情况下，我们设置字体大小比例是为了提高文字信息的传递效率。此时，布局中的文本跳转率适中或较低。文字跳转率高的版面是什么样的？

这类页面属于文字跳转率高的页面。我们可以清楚地感受到字体大小之间强烈的大小变化。除此之外，还有一种特殊的形式，属于字体大小的对比及其强式。

这种类型追求的是通过字体大小的巨大反差来营造强烈的视觉冲击。为了达到这种效果，作为主题的文本必须是图形化的。

什么是文字图形？通俗地说，就是让文字变得陌生，也就是喜欢文字和图形。之所以形象，是因为它具有可识别性，之所以形象，是因为它比普通文字更具视觉表现力。

这也是文字可以放大的原因，因为图形的大小和字体大小关系不大。而且一般来说，图形是布局的主要元素，大部分的主要元素都非常醒目，尺寸很大，很正常。

而且我们的订阅号还发布了图文人物教程。有兴趣的可以看看。

文字跳转率越高，布局的视觉冲击力越强，布局越有动态。

文本跳转率越低，布局的视觉冲击力越弱。在视觉冲击力变弱的同时，布局也会显得更加有型。

想用作品打动人，就要努力提高词的跳跃率。

第一种是第一种情况。在板块率较低的情况下，要做出生动活泼、视觉表现力强的版面，可以通过增加文字跳转率来达到目的。

信息和图片资料。

排版前的第一步是确定出版中心的位置和大小。将布局水平分为7列，垂直分为4列。画好格子后，下一步就是确定腰封的位置。

如图，腰带在水平网格中占据2列，而我们在水平网格中划分7列，腰带占据2列还剩5列。此时上下面积比为1: 2.5。

之前看到的图片素材，背景是黑色的。为了与之保持一致，整本书封面的颜色改为黑色，腰部封皮转为白色，进行颜色对比。

首先将标题信息放入版面，版面大小根据水平网格确定，使其底部卡在水平第5列。

图片放在标题的右边。为什么要这么做？你可以理解为蹭流量，因为标题最显眼，我们做的这个案例有个限制:上牌率低。为了让图片更显眼，安排在标题附近再合适不过了。

按照这个顺序，把所有的字排在后面，底部对齐第5横栏。然后在腰封的位置加一条与标题和图片相呼应的文字信息，字体可以大一点，进一步加强文字的跳转率。

选择“警告！把“不读书”这句话放大，突出这本书的卖点，让消费者产生兴趣。

其余资料安排在腰部。选择一些重要的信息，并将其改为彩色，以便进一步强调。

最后整理书脊，设计书的封面。

第二种情况，当图片的跳出率较低时，做一个生动活泼、视觉表现力强的版面，可以通过增加板块率来达到目的。

信息和图片资料。

版本中心和网格与前一种情况相同。把背景色改成接近羊皮纸的颜色，因为这是一本关于航海的书，早期的航海图大多是画在羊皮纸上的。

因为第二种情况是为了降低图片的跳转率，第一步是把所有的图片放到版面中，不考虑位置关系，只确定图片的面积，看板块率是多少。现在看来，出板率在70%以上，出板率达标。接下来，我们需要考虑这些图片在布局中的位置。

按照折线的走向摆放图片。目的是让读者的眼睛在页面上来回跳跃，让页面看起来更加活跃。

文字，然后安排在图片保留，负空。

为了考虑识别的问题，我们正在改变文字的颜色。

最后整理书的书脊，再在底部叠加一张与经纬度相关的图片，烘托版面的整体氛围。所以设计了第二种情况。

最后一种情况，在文字跳转率低的情况下，做一个生动活泼、视觉表现力强的版面，可以通过提高板块率和图片跳转率来达到目的。

信息和图片资料。

在这最后一种情况下，继续使用第一种情况的布局、网格和布局。

首先把图片放到版面中，我们会发现图片只能放这么大，高度不够占据5列的水平网格。

为了解决这个问题，图片底部被去掉了。去了底之后，再看现在的板块率。我感觉不是很高。

这个时候我们可以用之前说的。在图片尺寸有限的情况下，我们可以通过叠加图形，在视觉上提高出板率。

放入书名信息，同时在书的顶部安排书脊。标题重复几次，因为跳字率有限，字体不能太大，但作为标题，一定要醒目，重复可以增加视觉面积。变相的，可视面积高了，吸引眼球的程度也会增加。

然后，在底部安排腰套和书脊。

选择一些重要的信息，把它变成颜色。

最后在腰封组合的负空中配置几只小恐龙，提高版面的画面跳出率。到本案结束时，设计已经完成。

无论是版面率、图表率还是跳跃率，它们的高低都是由画面要传达的感觉和项目本身的气质决定的。这三率也是我们使用“工具”的技巧和方法。