用漫画讲述产品故事

这里主要想分享两个点：

• 漫画是一个很好的讲述产品故事的方式
• 画漫画无需专业背景，谁都可以画

为什么用漫画

“产品故事（user case）”是描述产品方案的常见方式。而单纯的语言描述往往会出现代入感不强，连续性差、容易陷入细节等问题。使用漫画是一个不错的选择。事实上，很多名人确实是用漫画来描述想法和梳理思路。

下图引自 以图代言 : 用漫画讲述产品故事

为什么很多人都不约而同地选择了漫画这种形式，主要是因为漫画有下面的几个特点。

漫画的特点

• 易于理解：漫画是一种谁都能理解的通用语言。比如下图，小狗在干什么？

漫画的符号是独立的语言词汇，且不用学习不用解释也能看懂。比如，对话泡、动作线、生气的符号等等。

• 激发想象：漫画省略了某些细节（即抽象化）从而为读者留下了想象空间。例如，下图，用户可以很形象的感受到语雀通过知识库达到文档整理的效果，而无需关注过多的细节，这使得重点更为突出。

• 表现情绪：漫画比语言具有更丰富的情绪，并且更容易有带入感。比如支付宝付用漫画表现付款成功的场景，从下图中可以看到用户的不同的情绪。进而表达出更多的信息：又交房租了、买到了喜欢的鞋子等
• 表现时间：漫画可以很形象的表现时间变化

突破心理障碍-谁都可以画

可是我不会画漫画怎么办？其实画漫画是谁都可以做到的一件事情。

大多数人都有绘画的经历

每个人小时候都有涂鸦和尚美术课的经历，有这些“经验”已经足够。拿我来说，小时候最喜欢画城堡。在城堡的每个角落都摆放着各种机关枪和大炮，甚至会画出炮弹击中飞机的样子。
如果以上的几句话并没有让你想象出这是一幅怎么样的场景，那不妨看看下面的漫画，它更容易让人理解。这恰恰也说明了漫画用于表述的优势。

我们需要改变评判漫画好与坏的标准

既然每个人都曾经画过漫画，那是什么让大多数成年人失去了绘画的本领和热情呢？可能是随着长大我们有了更感兴趣的事情，也有可能是我们觉得自己画的太难看了。那么我们试着转变一下评价漫画好坏的标准。我们先不去关注漫画是不是美观，如果它能更好地去表达，更容易让人理解，让自己的思路更有条理，你愿意试着重新画起来吗？

怎么画

如果你已经突破了心理障碍，我们可以拿起画笔画一些简单的事物。

画人物

其实，一些简单的图形就能表示人物、动作、表情。再配合不同的文字就能呈现不同的含义。刚开始以简单的“火柴人”入手也是建立信心的好方式。

画场景

讲述产品用例的时候，交代环境是一个重要的环境。例如，产品是pc端的还是移动端的。

也可以展示屏幕的一部分凸显要表现的产品。

漫画语言

有了人物和场景后，再加上一些漫画语言，就能很好的表达产品故事了。漫画有自己简单的语言体系，容易学习，也很容易让人理解。

制作流程

学会画人物、场景，掌握了漫画语言后，我们就可以进入漫画的制作流程了。
我们将制作流程分为四个步骤：确定内容、编写脚本、分镜、绘画和制作。接下来我们用语雀的知识库为例来讲解每个步骤。

确定内容

确定内容既要明确需要表现产品的那个功能，更要确定排除哪些功能。提炼主干，避免太多细节干扰内容的表达。就像是写论文前需要先明确论点。比如：

• 语雀知识库能将杂乱的文档变得有序和快速查找

编写脚本

脚本就像是电影的剧本，要交代人物（目标用户）、背景（环境、道具）、对话、旁白等。用简短的几句话描述出要表达的故事。我们先看一下电视剧《武林外传》的一个剧本节选。

相应的我们编写语雀知识库的脚本

• 场景1：电脑前，杂乱无章的电脑桌面
• 场景2：打开语雀
• 场景3，特写，知识库列表，文章有序的整理到语雀

• 场景4，语雀搜索页面，很方便的查找到目标文章

• 人物：小明

• 对话：
  • “小明，把上周的会议纪要发给我”
  • “找到了，给~”

分镜

分镜要考虑每一张漫画的构图，这里有很多小的技巧，比如

• 人物最好不要放在正中间，可以使用三分构图法。也可以使用九宫格 辅助安排人物和对话框的位置关系。适当的留白。
• 此外要考虑镜头的位置，比如仰拍可以突出人物，让观众身临其境；俯拍适合表现全景；主观镜头可以模拟剧中人物的视角等。
• 避免交叉和重叠
• 考虑，镜头切换的平滑性等

接下来我们描述案例的分镜：

分镜一：

• 场景：电脑桌面混乱的放着各种文档
• 人物：小明做苦恼状
• 对话：无

分镜二：

• 场景：电脑桌面
• 人物：小明
• 动作：文档导入语雀
• 对话：无

分镜三：

• 场景：特写，语雀知识库列表页
• 人物：无
• 对话：无

分镜四：

• 场景：搜索结果页
• 人物：小明、领导
• 对话：
  • “小明，把上周的会议纪要发给我”
  • “找到了，给~”

绘画和制作

分镜确定好以后，我们就可以画了。那用什么工具？普通纸笔，鼠标+sketch足矣满足你的需求。总的来说，任何你手边顺手的工具都能让你很好的完成画漫画这件事情。是不是有绘图板和iPad并不是绘画的关键。这篇文档里的图片就是我用纸笔和sketch画的。

按照以上的四个步骤，我完成了这次产品故事描述。如下：

最后

本文中很多实例借鉴了 以图代言 : 用漫画讲述产品故事 这本书，有兴趣的朋友可以找出来看看。我在文中画的画可以在这个文件里找到：用漫画讲述产品故事-漫画.sketch 。

欢迎大家就文中的话题找我讨论。