跳到主要内容

为Web动画创建故事板

故事板是一种用于许多学科和行业的技术。例如,它用于视频游戏,电视节目,电影,音乐视频以及具有叙述和视觉元素的任何其他学科。故事板是规划Web动画的好方法。

在本文中,我们将详细介绍哪些故事板以及如何在Web项目中使用它们。在此页面上,Steven Roberts概述了您需要了解的关键术语。如果你已经达到速度,跳到第2页,Rachel Nabors将介绍如何更深入地创建故事板。

故事板的概念始于迪士尼工作室制作其第一部长篇动画电影 - 白雪公主和七个小矮人 - 并且需要一种方法来协调许多不同的团队。

这个想法很简单:将故事分解为组件场景,大致在纸上或卡片上进行说明,将这些卡片放在大软木板上,然后每天早上将这些卡片分发给团队。故事部门可以引导这个项目,而制作艺术家永远无法在任何死胡同中走得太远。

它将我们现在称之为敏捷开发的内容带到了工作室动画中。从那时起,故事板已成为电影,交互设计和游戏设计的主要产品。今天,随着动画开始越来越多地出现在界面中,似乎故事板可能成为必不可少的网页设计工具也是。

什么是故事板?

故事板是构成最终作品的关键帧或元素的插图。这允许构思视觉元素,这将花费大量时间来完全生成,以便快速,容易且廉价地捕获。

故事板的要素是什么?

面板
面板是动画的视口。您的面板可以是您想要的任何尺寸或形状,但是当您将它们放入浏览器时需要匹配容器大小和纵横比。

框架和组成
这是在面板中选择放置要制作动画的元素的位置。这对于确定面板边缘是否可见非常重要。如果您不希望它可见,您需要始终保持所有内容。

箭头
故事板中的箭头用于传达运动,显示元素将移动的方向。

如何创建故事板?

在故事板方面没有可靠的规则,你也不需要画任何一个。我们的想法是使用尽可能少的草图来传达时间表。您可以对面板进行注释,以便在需要时解释动画的某些功能。

为什么用于网络动画的故事板?

如果您创建的不仅仅是简单的过渡,那么元素的故事板可以为您节省大量时间。在您编写任何代码之前,您将了解如何分解所涉及的元素以及动画的每个关键帧应位于时间轴上的位置。

下一页:了解如何为Web动画设计故事板



翻译字数超限