专栏名称: 安在

人物、热点、互动、传播，最有内涵的信息安全新媒体。

想要做出牛X的信息安全宣传动画？所有的大招都在这里了

安在 · 公众号 · 互联网安全 · 2017-03-17 16:12

正文

都说信息安全意识要普及，都说最好做动画。安在偶然看到有人已经出了做信息安全意识动画的教程了。cool！好东西必须推荐，所以这次诚意奉献来自唯品会安全工程师的创意分享。

致唯粉们：

信息安全培训体系内容、形式和载体都多种多样。其中，对我们的动画制作过程感兴趣的人不在少数，表示我们的动画很有特色，想了解制作过程。所以，今天准备就我们制作信息安全动画视频的思路和流程进行分享，希望起到抛砖引玉的效果。

信息安全动画的制作过程，可以说是一场技术与艺术间的盛宴，魔法与灵魂间的交织。《黑客与画家》里面提到“黑客也是创造者，与画家、建筑师、作家一样，都试图创作优秀的作品。”黑客在渗透、入侵时的步骤、思路是千变万化的，灵感来临时，甚至能发现0Day漏洞，成就一次入侵。黑客是有艺术感的，那么由我们这些“正义黑客”承接企业信息安全的宣贯工作，创作信息安全动画，自然也不是什么难事。下面让我们来看看如何制作优秀的信息安全动画。

——魔风

安全动画制作前的考虑因素

信息安全动画制作之前，必须要考虑清楚动画目的、动画受众、动画风格、知识管理、用户体验和项目管理等相关要素。可参考以下导图：

动画目的：

制作动画的目的必须要搞清楚，想清楚要宣传什么，达到什么效果是最重要的。唯品会的动画分了两类，第一是信息安全意识课程，第二是信息安全开发技术与流程。动画制作目的与企业的风险现状是直接挂钩的，当然也与资源和预算先关，毕竟ROI（投入产出比）是我们的重要考虑因素。

动画受众：

动画目的确定了，动画的受众也就定得差不多了。安全意识类，一般是面向公司全员的。而安全技术类则可以继续细分，包括开发人员、运维人员、项目经理、测试人员等不同岗位。随着企业安全整体规划的逐步实现，针对具体岗位的培训会陆续增加和完善。

动画风格：

唯品会采用的动画风格是简约和清新。太复杂的动画构图，是没必要的。一方面增加动画交付时间，项目进度难以把控。另一方面，复杂的动画会吸引过多的注意力，从而忽略了要宣贯的信息安全内容。

知识管理：

课程需要展现什么知识点，也是动手前必须考虑的。例如我们的安全意识课程覆盖了人员安全、环境安全、移动安全、终端安全、网络安全、数据安全、访问控制安全、外包安全、社会工程学、安全管理制度等十个方面。安全技术包括了Top安全漏洞、安全评审流程、开发制度流程和业务安全等。安全意识课程覆盖面要尽量广，并且与企业实际相关。技术课程就要考虑企业的关键风险点来设计，如果应用系统安全漏洞较多，就重点宣传开发安全技术。

用户体验：

用户体验关乎学习效果，用户不想看，目的就达不到了。所以 看得懂、能理解、时间得当 就显得很重要了。

安全意识课程一定要结合企业的一些安全场景来设置，使用户身同感受。

安全技术课程一定要把关键知识点进行归纳总结，不宜面面俱到，如果要深入学习，我们能提供额外的学习途径。例如SQL注入那么多类型，就没必要进行一一举例，将漏洞成因和通用解决方案拿出来就可以了。

安全意识课程，一般控制在1-3分钟左右，安全技术课程一般是5-10分钟，这样知识点讲解到位，又不会使用户失去耐心。

项目管理：

先了解安全团队在动画制作过程中所担任的角色。唯品会的安全团队负责制定剧本，然后由供应商负责实现Flash动画。当然，如果企业本身能承担动画制作，那就最好不过了。

既然动画的具体制作不是安全团队，那就涉及到双方对剧本的理解，以及供应商的实现是否符合我们要求。后期安全团队要对动画的质量进行验收。

安全动画制作中的关键要素

安全动画制作中的关键要素有八点，分别是 人物设计、故事大纲、画面效果、画面文字、语音、知识点、强调标记和时长 。对每个要素的把握，要素之间的交互关联，就是我们所追求的艺术。

安全团队是艺术的灵魂，供应商的设计师是艺术的工匠。我们将每个课程所需要传达的知识点和动画效果形成我们的剧本，再把剧本交给艺术的工匠，由他们打造出艺术品。

那么在这个过程中，剧本的地位十分重要，扮演着艺术传递者的角色。所有关键要素都是通过剧本进行记录。下面以其中一个动画为例进行详细讲解：

下图是动画剧本的信息栏，主要记录了课程标题、人物设计、故事大纲等要素。

图1. 动画剧本信息栏

人物设计：

其中人物设计需要反映不同角色的一些职业特点，例如黑客是阴暗的形象，信息安全导师则是正面的形象，原则就是用户能一眼看出角色的身份。另外，配音师与角色形象是否一致，也需要供应商提供配音师的录音片段让我们确认，确保音画一致。

图2. 人物形象设计

图3. 黑客形象

故事大纲：

故事大纲是对整个剧本的大致背景、过程进行简单概括和总结，使设计师更快速理解我们的需求。

剧本的信息栏设计好后，就进入剧本正文了。剧本正文使用表格的形式，将编号、画面效果、画面文字和语音分别进行描述。 结合简单的图形、图片、文字描述、强调标记来构造剧本。

图4. 剧本正文表格的表头

画面效果：

画面效果需要描述人物、动画出现的先后顺序，以及将“高亮显示”的内容重点标记出来，如图5所示，按剧本设计出来后的动画效果如图6和图7所示。

图5. 剧本正文例1

图6.动画效果：30分钟过去了

图7.动画效果：HTTPS传输

画面文字：

画面文字就是动画的画面，里面使用图形、图片和文字对画面进行简单的展现，使设计师理解你的意图。在画面文字的剧本做好后，其实在我们大脑中也可以简单把动画想象出来了。

语音：

是角色配音和旁白。剧本中对语音的描述要考虑用户是否能理解、设计师是否能理解，描述是否清晰，语音是否与动画文字对应等。

强调标记：

强调标记用于将重点内容进行展示，可以在剧本中按需使用。具体强调标记在动画中可以表现为“高亮显示”、“闪烁”、“放大”、“加粗”、“代码画圈”等方式。如图8所示。

图8. 强调标记--代码画圈

知识点：

在课程中要讲解哪些知识点，需要我们进行策划和设计。课程中需要讲解几个知识点，知识点之间如何编写成故事场景，都是一种艺术的表达方式。举个简单的例子，我们的开发安全红线要求共22条知识点，我们通过让小安老师带同学们进入数字世界中的“商城”，然后让角色经历商城注册、登录、购物、支付、注销等环节。最后小安老师还带同学们带到“商城管理办公室”参观门禁认证系统、监控日志等设施，用于讲解管理后台的安全设计要求。