本文源于《以图代言-用漫画讲述产品故事》学习总结。

适用人群：CEO，产品经理，工程师，设计师，产品运营，职场人群等。

内容概述：每个人都可以通过漫画来讲故事，就像我们小时候的那样。漫画可以用来做产品的persona(用户画像)，解释复杂功能和流程，做产品介绍，统一公司愿景，加深自己对实物的观察和理解。本文金字塔结构如下图所示

image.png

产品设计中的运用：产品设计中最常听到的一个词就是--以用户为中心的设计(User-Centered Design,简称 UCD)，产品之神乔布斯也一直在强调，产品经理需要快速将自己切换成傻瓜模式，然后再次体验你的产品，看产品是否好用，漫画绘制共包含五个环节，逻辑上来说，每个环节都是帮助产品经理完善对用户需求的认知，让产品经理更加的贴近和熟悉用户，因为只有熟悉，才    能绘制出生动的漫画，具体对应关系如下图所示：

image.png

一、漫画概述

1、什么是漫画

漫画是一种将文字和绘画相结合的表现形式，近年来，漫画开始进入商业领域，展现更旺盛的生命力。

2、成年人的漫画

有的朋友认为漫画是孩子才会看的，但是从原始人开始，人们就通过绘制岩画，来记录信息。而我们知道的很多名人都喜欢通过绘画来辅助思考：达芬奇通过画画理解和分析世界，伽利略通过画图理解宇宙，牛顿画出了物理学和光学图解，贝尔借助画图搞发明，爱迪生做什么都要画草图，佛洛依德画出了心理地图，JK罗琳写小说也是边写边画，徳内拉.梅多思通过画图发明了系统思考，奥巴马使用流程图解释想法，乔布斯借助思维图来开会，你要不要也试试，从这一刻开始，通过画图引导你的思考，讲述你的产品故事。

3、漫画的四个特点

易于理解：比文字容易理解，人类识别图像只需要0.1秒

激发想象：绘画更抽象，更容易激发想象

表现情绪：简单线条，即可表现清楚

表现时间：漫画可以用间隔表现时间变化

4、漫画的基本元素

画格，间隔，对白，画外音，旁白等是漫画的基本组成部分。如下图所示：

基本元素图解

二、漫画绘制与产品设计

漫画创作流程

准备工作：思考目标，篇幅，读者

绘制漫画前需要确认漫画的目标用户是谁，他们想看到什么？创作者希望通过漫画表达什么信息，使用多少格漫画来进行表现。

于此类似，产品从0到1时，会首先考虑目标用户是谁，目标用户有什么特征，最好可以通过脑暴或焦点小组，将目标用户属性，核心痛点挖掘出来，依据此提供解决方案，因为项目初期试错成本是最低的，最好可以通过中保真原型验证用户需求。与漫画受到篇幅限制类似，产品设计受到开发设计资源和资金时间的限制，所以精益创业中提到，要通过大量的实验去发现用户的需求，制作出mvp版本的产品，验证产品逻辑是否成立。

image.png

第一步：编辑脚本

漫画脚本四要素：故事发生的场景，故事中的人物，人物间的对话，人物的动作。作者建议每一个小故事使用3-8格漫画。

产品设计时需要考虑用户的使用场景（5W1H，用户是谁Who，在什么时间When，什么地点Where，遇到什么痛点What，为何发生或为何感觉不爽Why，用户当下会如何处理How），用户的心理活动和体验预期，超出预期有可能带来用户在社交平台上免费分享，形成病毒式传播。前期的目标确定是发现痛点，定义解决方案的关键时期，很多时候定义可能是背道而驰，举个例子，猎豹CEO傅盛在混沌大学分享中提到，他们曾经与美图竞争，他们定义用户的核心目标是百分之百的还原真实世界，让照片记录真实的颜色和所有细节。而美图定义的用户核心需求是人拍的美，背景要虚化，要让人突出，不能给用户真实的世界，结果就是傅盛一直干不过美图，从最初的需求定义上就出现的偏差。

产品设计初期，我们可以使用漫画+旁白的形式将用户形象描绘出来，打上标签，放在醒目的位置，做所有需求都要看着目标用户画像去思考，这样容易讲产品经理切换成用户视角，通过脚本的编辑，可以更加的贴近用户，真的完成以用户的心态转变。

第二步：绘制分镜

考虑构图，距离与角度，连续性。构图上需要注意，不要把人物放在画面中间，可以用九宫格法安排人物位置，九宫格法也是摄影中的一种常见构图，其次画面要留白，避免过于拥挤，最后需要避免线条冲突。远景适合表现环境，中景适合表现人物动作，近景或特写适合表现细节或表情。

九宫格构图 分镜效果对比 漫画中常见的三种场景：远景，近景，特写

产品设计过程中，可以尝试用漫画将用户的真实使用场景以分镜的形式描绘出来，举例来说，一个听书产品，核心场景是运动时，上下班路上，晚上睡前，而这些场景用户有不同的诉求，尝试将这些场景描绘出来，越接近真实用户使用场景，越容易发现用户痛点，做出贴心的微创新。

运用上文中提到的绘制技巧，可以表现人物行为和表情的同时，表现更多的场景，用户是在什么环境使用产品差异性是很大的。

第三步：完善细节

作者介绍了一些国外的软件，配合制作任务造型和3d场景布置，辅助新人临摹使用，但作者也提醒，工具只是手段，不是目的，不要因为工具限制了想象和创作。

购物车疑惑

很多时候用户画像只在项目初期讨论时使用，用完了后续的需求就放弃使用最初的画像，但是大量的细节信息是后续反馈中获得的，随着产品的影响逐渐增大，用户画像是需要持续补充和完善的，可以用一张大的白板，上面通过便利贴展示用户画像和场景，任何新的需求都看看这块板子，新需求和产品功能直接解决了哪部分用户，在哪些场景的问题，然后通过目标用户的行为数据，验证产品功能是否可以帮助用户，并填充大量用户行为细节，持续完善用户画像。

第四步：应用漫画

漫画可以用来传播愿景，说明要点，它展示了用户真实的使用场景和行为，很适合用来验证产品创意。可以把漫画给潜在用户，安静的让用户阅读，然后对方复述一遍，看对方是否理解，再询问对方意见。漫画可以放在网页中，广告里，新闻报道中，历史书中，流程文档中。

image.png

可以将产品故事绘制成漫画，让用户花少量时间阅读，并且请用户复述这个产品是做什么的，如果用户没办法一句话说清楚这个产品是干什么的很可能产品的定义就不是特别清晰。做一种表现首发，作者在文中提到，有漫画的主页获得2倍的注册量，虽然未交代具体是从什么产品获得的数据，也值得大家尝试一下，毕竟，google，ebay，adobe，dropbox等公司都在尝试用漫画宣传和介绍自己的产品。

三、漫画绘制工具

方案一、纸笔->（PS）

使用纸笔绘制草稿->PS中勾勒线稿->PS中贴网点或上色

方案二、图标网站+脸萌+PPT

使用脸萌制作人物形象和动作->使用图标网站找到相应图标->PPT中拼接成漫画，添加对白，旁白和话外音等。

书中以square为例做了产品介绍

感兴趣的朋友，拿出纸笔，思考一下目标和内容，编辑一个4-6格漫画小脚本，尝试绘制火柴人简要漫画，拍照发给你的朋友吧，让他们评价评价你的作品。更多关于漫画绘制技巧还是买一本《一图代言》吧！

京东自营经常会有满100减50的活动，大家可以考虑活动的时候购买，2017年双11正在进行时，大家可以果断囤货了~