本文目录一览：

• 1、什么是故事板？故事版有哪些要求
• 2、PM必看：用户场景神器—故事板
• 3、电影制作中分镜与故事板是一个意思吧？
• 4、交互设计中的故事板是指什么？
• 5、分镜头和故事板有何区别？
• 6、动画制作时的分镜图台本和故事板是同一样东西吗?场景设定与背景设定又有什么区别?

什么是故事板？故事版有哪些要求

故事板是软件显示效果的视觉草图，用于视频创作和广告设计，表达作者的创意。20世纪90年代以来，电脑绘制软件渐渐取代了过去的手绘故事板，许多大制作的商业影片，都在拍摄之前用电脑动画模拟的方式创建故事板，让复杂的电影拍摄更加形象、准确和简单，如《侏罗纪公园》。

1. 故事板是用特定的脚本连贯的分镜头，来展示一系列的交互动作。

2. 故事板用于突出显示某个关键交互动作，从而使整个用户体验过程中相对应的某个关键任务得以凸显。

3. 故事板用于寻找产品的用户群。

4. 故事板可以根据不同的目标侧重选择不同的表现形式。

PM必看：用户场景神器—故事板

大多数产品经理都知道说用户体验设计，但是对于用户角色模型和用户场景却了解较少，而在产品设计中“设计故事板”能够直观地体现出用户和产品使用情境。

那么，故事板是 什么 呢？ 故事板，起源于动画行业。在电影电视中，故事板的作用是来安排剧情中的重要镜头。他们相当于一个可视化的剧本。故事板展示了各个镜头之间的关系，以及他们是如何串联起来，给观众一个完整的体验。

现在，“故事板”在产品设计过程中也被广泛的采用，虽然产品设计故事板和动画、影视制作故事板都是用一系列的图片和语言组成的视觉表现形式，但是之间的所表达的信息和目标用户却是不一样的。我们在做“产品设计故事板”的目的是让产品设计师在特定产品使用情境下全面理解用户和产品之间的交互关系。

故事板的主要形式有：

文字故事板

我们要描述一个好的用户场景，需要对用户使用这个产品的过程有一个基本的了解，还需要对用户角色和使用情景有所设想。好的用户情景，可以贯穿整个产品设计的过程，模拟现实的用户操作和交互方式，用于产品的可用性评估。

使用简单的语言描述人物角色、情境及用户使用情景，尽量避免不要给出具体的用户行为和交互动作。

合理的文字故事板应该注意以下几个方面：

1、确定角色，多个角色做多个故事板；

2、确定确实必须完成的目标；

3、确定故事的出发点或事件；

4、明确角色信息及关注点；

5、确定故事板的数量，取决于人物角色和目标数量；

6、书写故事，从触发到结束；

用户Tina：性别、年龄、职业、收入、学历、使用习惯、使用网络、关键特征、目标以及故事描述，这些作为人物角色模型的故事板信息内容。

图片故事板

对于交互设计师而言，图形故事板是最快让他人获取自己的想法的最佳手段。通过图形故事板，用户就像在看电影一样，融入到情景当中。

通过反思各个场景的的事件，提醒团队该注意哪些方面，反思交互效果，能够让他人通过看得见的方式面面加以注释。

在图形故事板中，用户通过一连串的用户行为，连接成一个完整的用户场景。

(故事板就是一个用户场景)

(事件/行为是具体的人和系统的交互行为，它将人、物和环境结合起来，构成了整个故事的内容)

(把角色放在某个场景里，讲一个故事。故事中应该包括对问题的研究和自己的想法)

如果着重研究线下任务，则故事板中线下场景居多，如关注屏幕任务则会展现界面居多。当然如果完全关注屏幕任务就是我们的线框图和原型了。

故事板关注的是屏幕任务和线下任务结合的边缘地带。

故事板是传统交互设计方法的重要补充工具，平时我们的原型设计仅仅局限于屏幕环境的设计，忽略了屏幕之外的使用情境，通过故事板绘制的关键使用场景有利于我们理解屏幕之外的用户目标和动机。其实有经验的设计师会在产品设计初期假想一些应用情境，只不过他们没有画在纸上而已。

另外，故事板不仅仅是设计师头脑中假想情境的具象化，他还可以使一些模糊的用户需求更加具象更有说服力，在设计沟通的过程中能发挥巨大的作用。

故事板揭示了用户与产品的各个交互行为，他可以让pm像用户一样，融入到用户的使用情景当中；又可以以一个旁观者的状态，观看全局，反思和总结使用场景的问题及真伪。

电影制作中分镜与故事板是一个意思吧？

是一个意思故事板是软件显示效果的视觉草图，用于视频创作和广告设计，表达作者的创意。20世纪90年代以来，电脑绘制软件渐渐取代了过去的手绘故事板，许多大制作的商业影片，都在拍摄之前用电脑动画模拟的方式创建故事板，让复杂的电影拍摄更加形象、准确和简单，如《侏罗纪公园》。故事板是软件显示效果的视觉草图，用于视频创作和广告设计，表达作者的创意。 故事板 电影故事板故事板，英文“Storyboard”，有时译为“故事图”，原意是安排电影拍摄程序的记事板，指在影片的实际拍摄或绘制之前，以图表、图示的方式说明影像的构成，将连续画面分解成以一次运镜为单位，并且标注运镜方式、时间长度、对白、特效等，也有人将故事板称为“可视剧本”（visual script），让导演、摄影师、布景师和演员在镜头开拍之前，对镜头建立起统一的视觉概念。在电影拍摄期间，为了让一个庞大的剧组协调工作，那么，解释剧本、解释导演意图和工作要求的最办法就是“看”，当一场戏的场景动作、拍摄、布景等因素比较复杂而难以解释时，故事板可以很轻松地让整个剧组建立起清晰的拍摄概念。1. 故事板是用特定的脚本连贯的分镜头，来展示一系列的交互动作。 2. 故事板用于突出显示某个关键交互动作，从而使整个用户体验过程中相对应的某个关键任务得以凸显。 3. 故事板用于寻找产品的用户群。 4. 故事板可以根据不同的目标侧重选择不同的表现形式。

交互设计中的故事板是指什么？

在用户体验设计中，我们熟练使用用户研究技术，如研讨会和访谈，然后会将研究合成用户故事和流程，最后通过人物角色和线框等产出与我们的团队交流。但是，所有这一切都必须基于我们了解为之设计的真正的用户。为了使我们的产品更好，我们必须了解他们的世界发生了什么，以及我们的产品如何使他们的生活更美好。这就是故事板方法的由来。

故事板是故事镜头的插图。基本上，这是一个连续的艺术，其中图像被排列在一起以显现故事。这种方法来自电影制作。华特迪斯尼工作室因其故事板而闻名。故事板让他们在实际构建电影之前制作电影的世界。

故事是信息最强大的表达工具：

- 可视化 。 一图胜千言，图像更容易让人理解概念或想法。通过添加额外的意义，图像比词语表达更有说服力。

-印象深刻 。故事比普通事实让人印象深刻22倍。

-同理心 。讲一个大家都有同感的故事是有可能的。一般我们都会强调故事中跟我们有相似挑战的角色。

-参与感 。故事容易吸引注意力，当人们听到好故事时也容易反响激烈：我们的好奇心会使我们代入角色，而这会让我们感觉有意义，从而更多地参与。

交互设计中的故事板是一种可帮助您直观地预测和探索用户体验的工具。它非常像一部讲述用户怎么使用你的产品的电影。这将有助于你了解人们如何与产品交互，从而让你清楚地了解如何创建强大的用户体验。

故事板是在设计过程中捕捉，关联和探索经验的有效而廉价的方式。关于交互设计过程，此技术具有以下优点：

-以人为中心的设计方法。 故事能给数据分析戴上面具。故事板可以使解决方案贴近生活，从而设计师可以与用户感同身受，并看到他们看到的解决方案。故事板还可以帮助设计师了解现有情景，以及测试假设的潜在情景。

-“基调与批评”技术。 故事板是一个以团队为基础的活动，每个人都可以贡献（不只是设计师）。与电影业相同，每个场景都应由所有团队成员呈现和批评。以讲故事的方式进行交互设计可以激发设计理念，并使团队专注于清晰的设计内容。

-迭代法。 故事板依赖于迭代方法。首先为设计概念绘制角色扮演的脚本，让设计师以少量成本或无成本进行实验。然后快速迭代，尽可能接近真正的想法。

当提到故事板时，大多数人都会想自己能不能画画。好消息是，在开始绘制场景故事板之前，你不需要善于画画。

更重要的是你想讲的故事，并能明确传达信息。

“设计师的主要技能不是Photoshop或Sketch，而是建造和描述场景的能力。”

如果你要创建能传达用户思想的故事，还需要做一些准备使他们更具逻辑，容易理解和令人信服。通过了解故事的基本原理并将其解构，我们可以以更强大和令人信服的方式呈现。每个故事应具备以下基本要素：

-角色。 涉及你的故事的具体角色。他们的行为，外表和期望，以及他们在路上做出的任何决定都是非常重要的。挖掘你角色脑里想的事情对于描述他们的体验至关重要。

-场景。 这是一个角色发现自己的环境（涉及地方和人们的真实世界环境）。

-情节。 很多设计师经常直接陈述设计的细节，而不先讲述背后的故事。你不要成为他们其中的一个-你要先在脑海里创造一个故事结构，应该有一个明显的起承转合。在你的故事板中展开的叙述应该集中在角色的目标上。绘图应该以特定的触发开始，并以有益的解决方案结束，或是角色留下的问题。尝试使用 Freytag的金字塔 构造你的情节。

为了使你的故事强大，这里有一些要考虑的问题：

-真实性。 主要是让角色，他们的目标，以及他们的体验尽可能清晰地呈现。如果你写了一些不会与产品产生共鸣的内容，用户会反馈给你的。因此，将重点放在真实的人类和真实环境中，用户会感同身受。

-简单。 删除任何不必要的情节。无论句子，图片或页面有多好，如果没有增加整体的价值，就应该删除它。

-情感。 通过角色的经历传达情感至关重要。

一开始使用故事板时可能有点难，特别是你不懂画画的情况。但不用担心，下面提到的指导方针将帮助你创造出更好的情景故事板：

-从纯文本和箭头开始。 主要的是将故事分解为“时刻”（上下文，触发，角色所作出的决定，最终得益于或者问题）。

-给你的故事添加情感。 在每个步骤中添加表情符号，帮助别人了解角色脸部情况。记住要描述成功/疼痛点的反应（角色期待发生什么？结果如何影响他/她？）尝试在每个情感状态中绘制一个简单的表达。

-将每一步翻译成故事板框架。 想清楚每一刻，然后思考你的角色是怎么想的。

-设计明确的结果。 确保你的故事板能给出让观众相信故事的结果：如果你在描述一个不利的情况，那么以问题的重要性结束，如果你提出一个解决方案，那么以利于角色的解决方案结束。

使用故事板不简单。但它确实有效。画画是把生活融入故事的好方法，所以尽量利用它们。记住，为了理解用户所做的每一点都非常有用。

——————————————

原文地址：

Storyboarding in UX Design

分镜头和故事板有何区别？

区别如下：

从实用角度来看，我们要先根据文学剧本，写一份分镜头脚本，它是表格的形式，标明镜号、机位等信息，中间占半页纸的那些矩形空框，就是用来填充“分镜图”的。当这种图表只用于内部沟通时，它就叫“分镜”，严谨一点就加个“图”字。

对于画面的精美程度没有任何要求，只要求能让使用者看懂。它可以简化到 中间画一个圈，圈里写“男主角”三个字，再画上辅助的箭头 就足够了。就跟咱们小时候在沙地上画的“作战行动图”没有分别，只不过作战行动图表现的是整体流程，而“分镜图”则把每个步骤分解出来显示。

如果分镜师同时就是导演本人，则只需要本人能看懂就行，就像个人笔记、草稿一般。

而故事板这个词，就我国来说，最早萌生于影视广告界，它未必会决定最终的拍摄计划，因为它的作用更多的是展示给不懂视听语言的客户观看的。所以故事板的画功会相对精美一点，通常会上色，因为它对量的要求不高。

一般来说，一条CF是30秒，大约会有15个镜头，所以一般这种故事板就是十四、五格（最后一格通常是标板，也就是客户的logo），用Word排版的话就是三张A4纸，每页5格分镜图。在电脑普及前的年代里，我们会使用一种特制的卡纸，它的大小比8开纸稍大一点。

上边印好了格子，分镜师会用马克笔等直接在上面绘制故事板。这种故事板看起来比较美观，因为它很可能是比稿胜败的关键，而当影视技术平民化（廉价化）后，越来越多的公司会直接使用图库里现成的图片，或者直接做一条低成本的样片。

但我们需要注意的是，能够P图的平面设计师通常不懂得影视语言，所以他们做出来的分镜仅是“一堆场景的罗列”，无法对实际拍摄起到指导意义，所以当方案通过后，摄制组（导演组）需要重新手绘一遍故事板。

这就导致了在外行人眼中，认为故事板和分镜不是一码事。其实分镜就是故事板，区别仅在于绘制它们的是不是专业的分镜师。

动画制作时的分镜图台本和故事板是同一样东西吗?场景设定与背景设定又有什么区别?

1 动画制作的分镜头台本其实相当于图片脚本，一个转化成画面形式的剧本提纲，把文字脚本以画面的方式呈现出来。确实和故事板差不离

2 场景设定与背景设定应该是一样的，没区别

3 角色设定,色彩设定,色彩指定和背景设定确实属于美术设定的范畴

4 动画设计稿其实就是对分镜头台本的详细设计和放大。设计稿与分镜头台本不同，画面大小已经接近动画，将分镜台本忽略的画面细节具体设计出来，使分镜台本中设定的镜头运动或画面运动合理并可实现，使整体效果更具表现性。并设计出画面如何分层,将人物背景区分并细致的分开.一般可以分为背景层,不动层和动作层.因此也有背景设计稿和动作设计稿的题法.设计稿是动画生产中期工作的总体蓝图，当设计稿通过导演的审定后，原动画和绘景人员就可据此进行具体的影片绘制工作。

5 线拍仪当然还有，不过那是给导演看动作用的，后期上色用的是扫描仪。

6 软件Retas和ANIMO被提到的比较多，尤其是RETAS PRO的制作过程与传统的动画制作过程十分相近，它主要由四大模块组成，替代了传统动画制作中描线、上色、制作摄影表、特效处理、拍摄合成的全部过程。同时RETAS PRO不仅可以制作二维动画，而且还可以合成实景以及计算机三维图象。RETAS PRO可广泛应用于：电影、电视、游戏、光盘等多种领域。

其实动画制作用到软件的部分，通常是指上色、合成、剪切以及特效，只要是能做出来，基本上多数软件都可以用，