研习设订阅号

设计干货 * 杜绝注水

突然有一天，JUJU离家出走了。。。

于是，这个艰难的工作来到了我手上 ···

我画了一只猫做为主体，但是这个猫好像有点丑。不管了，先这样吧！

再写上主标题寻猫启事四个大字，好了，可以交差了。

既然是寻猫，那首先要加上的是丢失时间。

对照着猫的真实照片，我们来看一下猫的特征，头顶小乌云、经常犯困、白色毛发等等。这些如果写在海报上显得像是写作文，我们应该提炼一下，直击重点。

这里，我提炼的是它的外貌特征。找到之后肯定要重谢，这样才会有人帮你找猫。再留上联系电话，方便找到猫之后联系我们。

那个画的猫确实有点丑，还是换成照片。字体也换成印刷字体，比手写的字更容易阅读一点。

贴墙上再看看效果。

这样一对比，我们的这只猫好像没那么有竞争力，换成我的话，其实更想去找找看右边的这两只猫。这可怎么办？

寻猫启事这类设计是非常注重功能性的，所以在版面中，我需要传达出的是猫咪的相貌特征、丢失的时间与地点，以及怎样联系我等等信息。那么接下来我们转换一下视角，从设计师的角度，来重新构思我们的这个寻猫启事。同样是这些内容，当搭配上不同的编排思路时，都能延展出哪些不一样的海报样式呢？大家好，我是东宁，接下来我们一起来期待一下吧。

我们先做个最基础的海报，把图片拿过来。平常在做设计的时候，可以先将图片放上，再根据后续的设计调整图片的位置。

再就是在图片的下方加入标题和丢失时间。

猫的特征、联系电话也很重要，这样人家才能找到猫，也能在找到猫之后找到你。

重金酬谢是找到猫的关键，现在文案基本上已经置入到版面中了，但是版面看起来比较拥挤，主标题基本上淹没在通篇的文字里面了。

可以尝试着拉大主标题的字距，让它凸显出来。

标题解决了，但是其他的文本还是显得比较挤。再试着分一下组，丢失时间肯定得和标题一组，因为这个时间信息比较重要。分段之间的间距可以是一个字的高度。

重金酬谢单独拿出来，关于钱的信息肯定要突出，这样才能促使更快找到猫。同样它们之间的高度也是一个字高。

到这，这个版面就做好了。虽然版面基本没有层级变化，但这更能让人注意到文案内容，以达到传递信息的目的。

这次，我们来尝试一下让信息层级发生变化。我想先放主标题进来，放大撑满版面。

再把照片拿进来，叠压在文字上。

JUJU的丢失时间和相关信息拿进来，并且做一个区分。

联系方式这段文字，我想让它与上方的时间与标题进行对齐，描述性的信息如果直排会显得比较长，所以这里我将它做了一个断行处理。

把描述猫咪特征的文案放在版面的左侧。同样缩小、断行，并将这段文案对齐页边距。

作为重要信息，重金酬谢可以大一些，即填充了空间又突出了内容。在时间和电话的信息之间，添加横线，填补负空间。

现在版面中线框位置比较空，想办法进行填补。

从文案中提炼出“急”字，放在版面中，整体就完成了。

这次我想让标题出现一些变化，我们再来试试这个思路。先将标题放置在版面上方。错位编排，然后行间距大一点，让它有一些呼吸感。

将照片放置在标题下方的负空间处。

时间信息和图片叠压在一起，导致数字“0”难以识别，所以将它反白。

把描述JUJU特征的文字放在左下角，注意断行的节奏感。

自然电话信息就得放在右下角了，然后进行层级划分，让它有主次关系。

版面现在编排的差不多了。但是还有两处地方比较空。提取一些文字进行填充，这样就设计完成了。

这次我们选择将图片撑满版面的思路来设计。先把JUJU丢失的时间扔进来。做出大小对比，突出时间信息。

为了突出电话信息，我们给这段文本进行缩小和断行处理。电话信息和时间左对齐。

大标题放进来，一看这个长度，肯定就是横排放不下了。把它竖排，但是JUJU的英文名字横向编排，这样能让标题更具图形化。

然后，把辅助信息放在版面左侧。

为了让这组信息更有变化性，将第二组文字错位摆放，但是又出现了新的问题，就是这组信息周围留下了很多不规则的负空间。所以，给这组信息加上线框，即填补了负空间，也达到了突出的目的。

把猫咪特征的文本拿进来。将它居中对齐，放置在JUJU和它的影子之间，与JUJU的眼神形成呼应。

最后，用横线区隔信息，这个设计就完成了。

这一次我们来尝试半包围的构图形式。先将主标题竖排，并且放大，占据版面三分之一的空间。

图片放置到版面的左上角，并叠压部分主标题。

在图片上加上两组信息，让其与主标题呼应。

剩余的文字就摆放在版面下方的空白处。

再加上两根横线规整一下，版面就可以了。

看到这里，不知道大家有没有大开脑洞呢？其实刚刚我们看到的编排样式总的来说还是比较偏向基础方向的。它们在编排上会更注重信息的传达效率。那么既然我们都已经做了这么多方案了，接下来咱们就干脆继续放飞自我好了，去尝试一些更进阶的样式吧。

这次我打算做一个图叠字的版面。将“重金酬谢，找猫JUJU”当做主标题，放置在版面中。把标题放大占据版面大部分空间。

再将抠好的图片放到主标题上，进行一个叠压。

这段文案信息放置在版面的右侧空白处。进行一个断行，对齐版面竖向的二分之一。

再将描述猫咪特征的文字以及重金酬谢拿进来，跟上方的文字左对齐。

丢失时间肯定不能少。提取信息并缩小，与断行的时间形成矩形块，然后整体对齐页边距。

最后就是联系电话这组信息。同样缩小不重要的文字，让电话号码突出。

在填充颜色的时候，如果没有什么好的想法，不妨试试吸取图片上的颜色作为背景色。

在背景层叠加一个与猫咪项圈一样的图形作为呼应，这样就设计好了。

再来尝试一下偏向于徽章式的排版形式。把主标题拿进来，把它拆成两段，分别对齐左右两侧的页边距，空出中间的位置来。

中间的位置就可以用来放JUJU的去底图片。

现在版面的上下都有了空间，用描述性的文本填补上方的空间。然后在“离家出走了”的下面填加一条折线，填补了断行所造成的负空间。

剩余文本用来填补下方的空间，将联系电话之类的重要信息放大，把不重要的信息缩小。

再给版面中的负空间添加上装饰元素，到这里，整张海报就完成了。

这一次，将文字融入到照片中，来看看具体做法。先将图片撑满版面。

将主标题寻猫的“寻”字放置在版面中的左上角，进行拉伸，使其具有图形化的属性，同时“寻”字占版面竖向的三分之一。

再将“猫”字放置到版面中，同样进行拉伸，与“寻”字形成对角呼应。

再将遗失时间拿进来，进行断行与缩小处理。竖向占版面的一栏，与“猫”字对齐。

将“JUJU离家出走”放置到版面中，文字断行，放置在三栏中的第二栏。

剩余文本用来填补画面右下角，并且细化编排。

在两段文本中间加一条横线，进行分割。这样就又完成一张海报。

再尝试一下图片嵌入到文字里的版面。这里的主形象打算使用JUJU的名字，把它放大图形化处理。

再将图片嵌入到字母里面。

接下来，在主形象的周围，也就是空白区域添加文字，主标题放在左侧，对齐页边距。

遗失时间拿进来，进行拆分，让它占满横向的空间，与标题的距离为一个标题字号的大小。

联系电话不能少，拿进来。把电话放大并且断行，与遗失时间对齐。

剩下的文本拿进来，通过断行增加高度，来填补右下角。

再在每个文字组合之间加上线段进行分割。

最后，在右上角加上一个“急”字，整体效果就完成了。

假如整个版面就是一只猫，该怎么做呢？你是不是想到将图片撑满版面呢？

我们先从文案中把“我的猫”三个字拿出来，做出大小变化，让它成为猫的眼睛。

图片自然就是版面中猫的嘴了。

接着将猫的轮廓画出来，用JUJU的名字，充当猫的胡须。

将“它不见了”扔进来，在这段文本中间加一个@，我是打算让@充当一个铃铛。

把那些描述猫特征之类的文本填充到猫咪身体空白处。

丢失时间摆放到猫身体的左侧。整体造型就是完成百分之八十了。

把重金酬谢拆开，填补图形留下的负空间。

最后在底部放上联系电话，整体版面就做好了。

首先我们使用双图并置的手法。可以看出我们的画风已经非常离谱了，那么接下来我会做成什么样呢？大家期待一下吧。

先推上来一个色块，将“JUJU离家出走”填充到色块上。看不太明白的小伙伴们，别着急，跟着看下去。

再推上来一个深蓝色的色块，将描述猫的特征的文案填充上来。看到这，是不是稍微有点明白了呢？

再在下面补充一个黑色的色块，将联系电话放上。没错，就是模仿新闻的样式。

现在还差点侧边栏，我们也把它添加上。再将标题和丢失时间放上去。新闻的效果就出来了。

现在左上角缺少与新闻形式呼应的符号，尝试着将模拟的标志加进去，整体就完成了。

再来张复古的版面。先选择一张牛皮纸作为背景，将猫的照片放置在版面中央偏上的位置。

再将通缉令三个字依次排列在版面上方，为了让版面更复古一点，我们给标题加上红色的圆圈。

接着就是版面下方的编排，将“描述猫特征的文本”填入版面，竖排文本呼应复古的气质。

接着将联系电话放置到版面中，再加上一根竖线进行分割。

出逃时间摆放在图片左侧。

再加上重金悬赏的印章，这个案例就完成了。

这里有12张寻猫启事，我们应该选择用哪个版本呢？正在纠结应该用哪个版本时。

JUJU它自己回来了...

好啦，我们的猫虽然已经找到了。可这些设计思路还是有存在价值的，说不定哪一天它又丢了呢？当然了，大家也就全当是看个热闹吧，也不知道各位围观的小伙伴有没有什么专业上的收获。

这里我就生硬的小总结一下，首先，无论是寻猫启事还是其他什么宣传内容，首先我们需要问自己几个问题，1.活动的目标是什么；2.我们要怎样达成目的；3.都有谁会参加；4.在什么时间、什么地点；5.我们为什么要这样做。

找到这些问题的答案，我们的设计也就完成一大半了，接下来就是设计风格上的探索了。那么今天的分享就到这里，我是东宁，我们下次再见。



本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：研习设！