对话框也能引导视线——让我们和微信一起学设计

对话框也能引导视线——让我们和微信一起学设计

原创： 云水湄ppt工作室 云水湄PPT工作室 今天

大家好，今天我们学习的案例是一则微信的广告。

什么？微信也要做广告？对了，这就是前不久腾讯公司派出的一部关于宣传微信APP的视频，配合了一些设计的文案和宣传页面。

既然是大公司出品，里面必然有很多我们的可取之处，让我们来一起学习一下吧。

1.设计思路

文案设计：关于这个视频的文案，写的非常棒，既简单又富有感染力，但视频中文案内容太长，我会附在文章的最后，供大家参考和学习。

这四张PPT的文案，就是简简单单的四句话。

为自己的现实买单，也为别人的生活点赞。

靠近了心里的人，却冷落身边的人。

常常被人群包围，却更享受孤独滋味。

期待着久别重逢，也习惯了相对无言。

文案的内容相对比较简单，但却发人深省。

对于这样的文案，我们PPT的设计主要还是要采用一句话配一幅图的常规操作方式来体现，因此图片的选取就显得尤为重要，我们来学习一下，微信是如何操作的？

---

2.配图的选取

在配图选取的方面，主要采用了深色调的配图加上白色的文字的方式。采用深色调的配图主要原因是，设计的背后有一个视频素材在支撑，而视频的整个色调趋于深色调。

所以说，PPT的设计和视频保持了一致，这四张配图都是取材自视频本身的画面。

选取几张视频中的画面，大家注意其中大多是以深色调为主。

特别值得注意的是，配图和文案高度契合，一个专注于玩手机却忽略了母亲的儿子，和一个一边吃面一边看朋友圈儿的大叔，极具生活气息，十分接地气，和读者产生了强烈的共鸣，这样的配图可以说是非常成功的，即使不看文案的说明也极具张力。

3.用对话框来引导视线

这四篇PPT的亮点，就是合理的用对话框来引导读者的视线

大家可以看到，开放式的对话框占满了整个屏幕，对话框的左下角，是“我微信你”的文案。

用对话框本身左下角所自带的三角形的折线来引导观众的视线，由画面主体的人物，很自然地转移到”我微信你“这个主题的上来。

特别有意思的是，这个PPT的设计者还将开放式的对话框嵌入到我微信你4个字中，然后又设计了一个小的对话框引导大家把视线落入到最下方的一行小字之中——世界最大不过你我之间。

这样的设计令人拍案叫绝，两次对话框的精细处理引导读者将所有的文案阅读完全，传递了作者所希望读者了解到的全部信息，可以说随着读者视线的一步步深入，设计者也就完成了他所要达到的传递信息效果。

---

4.配图的细节处理

配图的细节处理方面主要有两点值得我们学习：

①两篇配图都采用了渐变蒙版的处理方式，也就是说在图片的上层附着一个全屏的纯黑的蒙版，采用了由中心向四周的渐变，由中心向四周透明度逐渐增加，中心为全透明。

这其实是常用的一种处理图片的方式。它可以保证四周的文字信息不被图片信息所干扰，尤其是在处理特别复杂的地图的时候，这种手段就显得非常实用。

但处理的时候需要注意，要根据文案的位置和数量来决定采用什么样的渐变方式、渐变范围和透明度等一系列参数。

②配图的人物和对话框的相交方式方面。为了凸显人物本身，将人物的头像置于对话框之上。这样的设计主要是考虑到，进一步凸显人物本身，同时也避免了对话框在整个配图中过于突兀，使得更加有设计感。

这种设计其实实现起来也很简单，简单来说就是将人物的头像与对话框的横线相交的部分抠出来，并复制于原图之上，使得与底图高度重合起来，就可以了（注意细节的把控）。

操作的过程中可以用PPT自带的抠图，如果效果不好，也可以用PS来实现。

当然，对于PS功底不够深的同学，我也推荐一个抠图的网站（免费），来帮助大家实现完美抠图。

这个网站，对人物，尤其是人物头发抠图的精确把控方面做的比较好。

https://www.gaoding.com/koutu/

谢谢大家。

---

最后附上整片视频的文案，感兴趣的同学可以学习一下。

- 加个微信吧

- 拉我进群

- 我微信转给你

- 发一下定位给我

这些熟悉的话，是不是你的微信日常？

如果答案是肯定的，那么下面这组海报，或许就是你的真实写照：

期待着久别重逢

也习惯了相对无言

靠近了心里的人

却冷落了身边的人

为自己的现实买单

也为别人的生活点赞

常常被人群包围

却更享受孤独滋味

我们起早贪黑 马不停蹄

我们为自己的现实买单 也为别人的生活点赞

我们渴望被关注 却也享受孤独

我靠近了你 却冷落了你

我不太懂你 可我佩服你

我重逢了你 却忽略了你

我赞赏你 我取关你

我信任你 我怀疑你

我丢失你 我遇见你

世界再大不过你我之间

我·微信·你