设计思维 | UCL作品集里的“哈利波特”
▲点击"三分设"关注，回复"社群"加入我们
欢迎来到专业设计师学习交流社区
三分设｜连接知识，帮助全球 1 亿设计师成长
转自：交互设计小站
编辑：张梦如
共 2389 字 20 图 预计阅读 6 分钟
The Narrative Complex 旨在通过观众的亲身体验与选择，重新讲述 Harry Potter 的电影情节。
01. 项目介绍
The Narrative Complex 是一个交互式叙述故事的平台，它可以帮助观众沉浸于电影故事的背景和叙事之中。这一项目通过虚拟现实技术( Virtual Reality ) 来呈现电影情节，观众可以直接穿梭于电影环境中，并通过自己的 VR 导航决定如何推进故事情节的发生。
为此，项目团队使用了摄影测量将电影序列转换为 3D 虚拟空间，并通过对其元数据的分析进行相互连接。在 The Narrative Complex 的最初设计开发中，设计师们借鉴了 Harry Potter (《哈利波特》)的系列电影。
成员们试图把电影中的线性故事情节转变为多分支环境。而这也因此为该项目开辟了无限的可能性，进而纳入了新的、更具包容性的电影故事。
02. 项目开发
The Narrative Complex 的设计主要由以下几个部分构成：
迷宫( Maze )：确定迷宫的物理导航与沉浸式空间的虚拟导航之间的相似之处。
数据网络( Data Network )：使用电影序列的元数据生成一个相互关联的场景网络，并借此重建替代叙事的过程。
视觉开发( Visual Development )：通过摄影测量生成虚拟环境，进而探索不同的视觉风格。
游戏性( Gameplay )：创建和测试观众在故事中移动的交互机制。
1.迷宫
The Narrative Comlpex 的叙事灵感来源于是空间导航策略，并以此构成了迷宫的结构。团队对于项目概念的主要探索领域将围绕导航、决策和空间结构分支之间的关系展开。
这些探索会导致导航、决策和分支之间的关系也可以在互动电影中隐喻地表现出来。通过分析互动叙事的结构，例如 Black Mirror (《黑镜》)中的 Bandersnatch 情节，可以进一步探索这种联系。
除此之外，项目团队在进行分析后，开始质疑了两个问题，即：是否可以将现有故事转化为互动结构，以及观众是否可以重新讲述自己最喜欢的电影片段？
随后，成员们意识到， Harry Potter 系列电影就是一个很好的用例。这类故事构成了当下流行的线性故事情节，同时这些故事又具有非常丰富的视觉内容。因此，他们决定以该系列的电影情节为背景进行项目设计。
The Narrative Complex 旨在将线性电影故事变成一个动态的叙事过程，并由其不同的观众亲自塑造并推动情节发展。
Maze
Eposide Map
线性故事情节的转化
2.数据网络
为了创建交互式叙事的分支网络，设计师们剪辑了原始电影中的场景，同时也识别和标记了每个场景中最常出现的内容，例如对象和角色，以充当连接点。随后，他们将标签用作元数据，进而根据在场景之间创建链接的文本信息生成图形网络。
在整个设计过程中，团队成员创建了一个由 132 个相互关联的场景组成的复杂网络，并以此形成了多分支故事的基础。然而，由于时间和资源的限制，他们的工作都集中于其中的23个场景片段上。
原始网络
颠覆网络
在设计开发过程中，团队发现有扩展现有叙事的机会，于是他们就利用这个机会解决了 Harry Potter 故事中原本就存在的问题：跨性别叙事缺乏代表性。
据此，设计师们发起了一场在线讨论，让跨性别社区的哈利波特粉丝参与其中，就他们对于真正的哈利波特世界可能是什么样的问题展开了讨论。随后，受到这次讨论的启发，团队创建了新的标签和内容，以代表更具包容性的选择。这些标签被添加到少于两个连接的场景中，从而避免了由二元选择而产生新的网络结构。
颠覆网络
03. 视觉开发
为了构建沉浸式环境， The Narrative Complex 使用了摄影测量的方式，将原始电影中经过剪辑的片段转换为 3D 空间。一次理想的剪辑具有高对比度、连续、缓慢和平移相机的属性。该项目总共有 132 个场景被转换为了 3D 模型，并用作新叙事所发生的空间。
在对最适合这种叙述背景的视觉风格进行了探索和迭代之后，设计者在移动 VFX 粒子中创建了虚拟环境，从而使这种环境类似于那些梦幻般的虚拟空间环境。
视觉开发
04. 游戏性
为了将观众在这种虚拟环境中的体验置于语境中，同时增加观众参与的动机，在电影开始时，团队就向他们介绍了一个破碎的背景故事。为了推进故事发展，观众可以通过碎片化的记忆来形成新的故事情节。
通过在场景中移动，观众会监测到源自标签并代表碎片化记忆的可交互对象。当他们进入每个对象的触发区域时，就会激活文本并弹出动画，进而显示与每个标签都相对应的语句。
在这一过程中，观众可以选择他们自己选择的对象，进而过渡到相同标签连接的下一个场景中。他们在整个体验中所选择的句子构成了自己电影的叙事情节。
对应语句
游戏性
The Narrative Complex 不仅为线性故事转化为交互式虚拟体验提供了无限可能，而且还提供了一个框架以此改变并整合替代了故事情节。此外，项目团队也在不断努力构建完整的体验，同时寻找反馈和支持的机会。
— The end —
📚 原创文章精选📚
游戏新手指导怎么做？一起看看《对马岛之魂》如何打造初次对抗体验
35+ 的 Windows 系统到底有什么了不起？细数系统界面设计的演变
导师与学员的高效交流 APP 设计 —— Lightship
🙋 我们一起聊设计 🙋♂️
高质量，学设计行交流微信群
期待与更多优秀用户体验设计师一起成长
PS：欢迎大家关注三分设，每天早上9点，准时充电。分享优质设计、创意灵感、新知新识，定期大咖老师直播分享，零距离连麦，答疑解惑。 添加小小虫微信号【 Lil_Bug 】，备注【 三分设 】加入！（只面向星标了公众号三分设的粉丝）