# 设计方法论：解读迪士尼的故事板创作 > 在白板上用文字和图片去辅助思考的过程，比纯文字更加清晰。电影动漫行业里用画面帧的方式去展现过程，可以展现大量的细节。 - Author: Charliefoo - Published: 2024-05-24 - Last modified: 2024-05-24 - Canonical: https://foo-z.com/blog/design8/ - Category: 设计思考 - Tags: 迪士尼, 故事板, 白板, 设计方法 ## 前言 2023 年的一天，我在社交媒体上偶然看到了Airbnb联合创始人Brian Chesky发现迪士尼故事板的文章，恰好与我那时思考的故事范式命题契合，于是就收藏了下来。 在 2024 年的现在，打算继续探索好故事的范式，于是有了这篇记录文章 ## 故事板介绍 “故事板”概念在 1930 年由迪士尼提出并使用，被广泛应用在动画的创作流程里。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/7EztNP.png) 用故事板的形式，贯穿整个动画的创作流程，并由专业的“故事智囊团”来对故事的模型、结构、人物设计、情感点等等内容评分，最终成品动画经过多轮专业验证，达到迪士尼的高品质。 故事板的好处是通过可视化编排的方式，让创作者脑海里的内容得以用画面来表达出来。这样的故事板在创作的流程里，是非常珍贵的确定性内容。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/0vYb0E.png) 我在宫崎骏导演的[幕后纪录片](https://www.bilibili.com/bangumi/play/ss33610)里也看到类似的片段，通过确定的单帧画面，把整个故事串联起来。后期只要调整画面的顺序、快慢，即可调整影片的节奏。 ## 创作流程 概念设计 --> 故事线编排 --> 视觉设计 --> 声音设计 --> 资产创作 --> 后期制作 ### 概念设计 动画、电影和游戏，在表现和制作的工艺上各有不同，但是在故事的表达内核上是类似的。创作一个好故事，前期的概念设计，是关键的步骤，它会围绕着故事背景、分镜、角色等设计来进行。 而迪士尼的故事板在这个阶段也发挥了重要的作用，它能帮助创作团队根据故事发展去研究文化、历史、科学、艺术等内容，让整个故事世界的创作细节更接近真实的生活。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/I7TfBF.png) 创作故事板 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/hLCXVo.png) ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/eaBepY.png) 《冰雪奇缘2》采风剪影 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/Z7l8fh.png) 《寻龙传说》采风实录 ### 故事线编排 负责故事的编剧、剪辑师和艺术家们会努力把导演脑海中的故事用画面的形式呈现在故事板上，他们会考虑故事背景、情节、角色等因素，还会针对角色进行表情、肢体动作、服装等细节设计。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/CZoyd2.png) ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/bZhP81.png) 《寻龙传说》故事板 ### 分镜可视化 艺术家会根据故事的剧情发展，在剧本的基础上，设计出分镜图，开始编排故事的总体走向。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/1jUOsi.png) ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/RtjtL4.png) ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/zpTVqZ.png) ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/KMviXh.png) 这套分镜故事板做法，可以在前期就把角色、场景、灯光等元素具象化表达出来，技术和美术团队在前期看到这些内容，能够在后续的流程中，更准确去评估制作方案。 ### 视觉设计 在分镜设计的基础上，艺术家会进一步根据扩展画面的细节，会涉及到画面的颜色、材质、特效等，以《冰雪奇缘2》举例，在这张设计图里，已经可以看出角色的发色、服装、整体色调等设计，包括通过透明材质来表达冰雪的效果。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/OwYPjN.png) ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/qTU0Vu.png) ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/mG9zoE.png) 《寻龙传说》视觉开发 在场景、氛围、灯光等细节上，视觉设计可以给出大致的参考，为后续设计细化提供标准。 在概念设计环节采风收集来的内容，在视觉设计环节会给细节提供重要的参考论据，一个角色应该长什么样？穿什么衣服？住在什么环境里？都会在最终让故事变得更加可信。 ### 声音设计 迪士尼配音和剪辑团队根据Pre-production故事线动画，找到合适的配音演员，把故事里的背景音乐，角色对白等制作出来。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/LQoulR.png) ### 资产创作 同时，在完成视觉设计之后，艺术家们会根据设计好的内容制作出角色和场景。迪士尼最近几年开始制作3D动画，过程中就包含建模、动作、材质纹理、毛发衣物等内容的制作。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/6LhOyg.png) 建模3视图 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/T9uCpZ.png) 服装材质设计 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/bekSIN.png) 头发和脸部设计 动画需要制作夸张的角色动作，脸部表情，还有带物理效果的服装飘动，这些设计最终都需要和故事板上的表现契合，让观众在观看时不会觉得违和。 创作者们在故事板的框架下，在这每一帧的细节里，自主设计故事的节奏和画面，让它变得更加生动有创意。 ### 后期制作 在后期制作环节，需要把故事板进行3D化，把角色和场景模型放到空间里，控制摄像机对故事板里的每一帧进行还原。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/TJVib8.png) 影视制作里有Pre-production阶段，创作人员提前已经把内容迭代出来，到了后期制作阶段，这些内容基本已经达到成片的水准。 后期制作是资产的最终整合阶段，当把所有的模型、特效、摄像机角度、灯光等都设计好，烘托场景的氛围，调度角色的动作来验证故事是否真的打动人！加上音乐、对白，剪辑调整节奏，并达到最好的效果。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/xnzOaU.png) ▲ 无反射滤光效果 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/nuWwsv.png) ▲ 反射移除以展示海水的颜色 ## Airbnb的番外小故事 2011年，作为Airbnb联合创始人的Brian Chesky在圣诞假期阅读《Walt Disney》传记时，偶然间发现了迪士尼的故事板工具，随后想到了将它应用在Airbnb用户体验优化当中，作为了解用户体验的一种方式。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/9cc5b3de4b657cd4a21d00304f42a485.png) Brian在内部创建了名为“白雪公主”的项目，并聘请了皮克斯的动画师Nick Sung来落地正式的故事板流程，包括房东流程、用户流程以及招募流程，这些故事板流程在后来被用来指导Airbnb的营销、广告和用户服务。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/aeaf40f11f97cb33a76438383b0b48e8.png) 这位被塑造出来的人物Mike（用户），Airbnb创建了一个专属故事板（如今被称为用户地图，Customer Journey）来模拟他和产品之间的一系列交互以解决具体需求，还原用户体验流程中的关键场景、行为、情绪以及列举出可优化的地方，指导之后的产品原型设计。除了在具体用户体验当中的优化，用户体验本身也成为了Airbnb的长期目标和文化。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/080040385a974dbd29ec444d8e6a29bb.png) 最后，学会讲故事不仅仅局限于做具体的动画或者产品，也是每个人可以用来提升自我表达的能力，用来和外界保持同频的方式。 ## 总结 最终，故事板是一个好玩的思维模型，它能够帮助我们去整理清楚一些问题的过程，以视觉化的方式帮助我们把脑海中的想法具象化在画面上，不管是制作动画、电影、还有游戏，这种思考方式能帮助我们更轻松地去思考整体的框架。 更好的方式应该是记录下来，让它帮助我们改善思考的方式，创作出更好的内容。 ![](https://blog-1259751088.cos.ap-shanghai.myqcloud.com/uPic/5Qna6L.png) ## 扩展阅读 - Pixar in a Box https://www.khanacademy.org/computing/pixar - 皮克斯22条故事法则 https://www.huxiu.com/article/402704.html - 皮克斯最佳Top15场景排名 https://www.slashfilm.com/590314/the-best-pixar-scenes-ranked/ - 爱彼迎旅行笔记 https://sarateh.com/Airbnb-Travel-Notebooks ### 来源 - 动画制作教科书 | 迪士尼动画工作室Pipeline大揭秘（上） https://www.renderbus.com/news/post-id-1138/ - 动画制作教科书 | 迪士尼动画工作室Pipeline大揭秘（下） https://www.renderbus.com/news/post-id-1139/ > 本站 RSS地址已更新，麻烦读者朋友们重新订阅一次喔！ --- > 💡 感谢您的观看！欢迎分享文章，或是来信与我交流。