风格

手绘动画风:像随手画出来的产品视频,而不是素材拼接

手绘动画风让产品视频看起来像有人在白板上给你讲解:线条自己画出来,批注一个字一个字地出现,图形带着一点小而稳定的抖动。它是我们几种风格里最温暖、最适合讲解的一种,也是最新的一种,所以请读一下下面关于预设的说明。

长什么样

  • 浅色的纸感背景,深色墨线,加一种马克笔颜色。
  • 箭头、圆圈和下划线以擦除方式画出,指向你真实截图里的某个部分。
  • 标签带着光标逐字打出,图形上的轻微抖动每次渲染都完全一样。

适合谁

  • 讲清楚一个流程或概念,而不只是宣布上线
  • 核心是一张示意图的开发者工具和 B2B 产品
  • 放在落地页上的新手引导和「它是怎么工作的」视频

镜头结构(30 秒)

  1. 01标题卡 3 秒产品名被写出来,下面画一道线。
  2. 02痛点 5 秒快速勾勒现在的土办法,然后划掉。
  3. 03界面 6 秒一张真实截图,关键部分被画上一个圈。
  4. 04怎么用 8 秒步骤之间两三个箭头,每个标签逐字打出。
  5. 05结果 5 秒一句话说出结果,下面画线。
  6. 06片尾标版 3 秒名字、域名,再画一个箭头指向行动号召。

用到的预设

老实说:我们的引擎目前还没有一个专门的手绘笔刷预设。这种样子是用揭示类和打字类预设,加上引擎的 wiggle 和 noise 表达式拼出来的,抖动因此每次渲染都一模一样。在简报里说明想要这种风格,我们就用这些部件来画分镜。

  • wipe-reveal
  • wipe
  • typewriter
  • scale-pop-by-char
  • fade-in
  • fade-out
  • wiggle(表达式)
  • noise(表达式)

常见问题

真的是手画的吗?

不是。画出来的线条和抖动都由我们的动效引擎生成,所以每次渲染完全一致,任何一个镜头都能单独修改。这是手绘的样子,不是手工插画。

会把我的产品界面画出来吗?

不会。你的真实截图保持原样,手绘元素只是指向它们。我们不会凭空画一个你的界面。

能做 9:16 竖版吗?

能。竖版会按 1080×1920 重新排版,而不是从 16:9 裁出来。

用这种风格试试你的产品

粘贴网址,在说明里写上风格名。简报和分镜会先发给你确认,预览免费。