1张顶级的作品集分析图是怎么做出来的？啪的一下，很快啊

2020.12.01　|　分析图, 动画, 思路, 效果图, 电影, 远届｜设计补完计划

 400    

 3531

建筑学院

作者：文案/星火Seiho
原文链接

啪的一下

从 A → B 发生了什么?

你想知道吗? 文末扫码预约公开课。

优秀作品集里总有这么些不明觉厉的分析图，到底是什么意思？往往不了解这些分析图的逻辑，就无法理解作者的设计意图，便会沦为单纯从图片的好看程度来判断喜恶的“吃瓜群众”，更不用谈借鉴与学习了。然而，这却是多数学生的通病，你是不是只有“抄作业”的时候，才会“认真”去分析一个作品?

毕竟，图片那么好看，谁还会耐下心来好好看文字呀。不过这是不对的，有意识地主动分析是提升设计能力的重要途经，今天我们就尝试带大家入手分析一张完整的“天书”，啪的一下，理解很快的。

接下来要拆解的这张分析图来自于一份UCL（伦敦大学学院）硕士入学作品集，作者用“电影转译”的方法将一部豆瓣评分9.0、影史TOP101的日本电影转译成了建筑空间。他是如何向UCL的老师展示他的设计思路的？我们一起来分析一下。其实没那么难！以你的聪明才智，应该一点就通。

这部电影的名字叫《红辣椒》（又名《盗梦侦探》），出自与宫崎骏齐名的日本动画大师今敏，2006年上映。同类型题材有诺兰的《盗梦空间》，上映时间为2010年，因多个分镜与《红辣椒》“雷同”，众多粉丝称《红辣椒》是《盗梦空间》的“灵感来源”，不过遭到了诺兰的否认。

△ 《红辣椒》与《盗梦空间》分镜

WARNING

以下内容涉及“轻微剧透”
不过不影响观影体验！

没看过《红辣椒》的同学
建议浏览顺序：

① 本文

② 电影《红辣椒》

③ 本作品直播解读，文末扫码可预约直播

④ 电影《红辣椒》二刷

△ 分析图图解："A"

进入正题。上面这张分析图是作者（王同学）整个作品最核心的一张图解，最终的设计正是由这张图推导而出，认真对比过开头 A、B 两图的读者应该能发现明显的关联。今天我们就来和大家聊一聊，这张图是个什么意思，是如何画出来的。

看懂本文的小伙伴，可以在文末领取到这张图的PSD原稿。

好了，正式开始，为了理解上面这张图，我们首先需要弄懂几张铺垫的“背景”分析，一共5个部分，合起来就是下面这张大图。

不要被密密麻麻的内容吓到，拆解成一个一个单独的部分就非常容易理解。

01 设计背景

第 1 部分是“设计背景”：

这部分文字太多，可以先跳过，等看完电影再来看，不影响我们理解这个设计的推导过程。

02 角色关系图

第 2 部分是“角色关系图”：

既然是“电影转译”，作为电影主体的“人物”当然需要在第一步进行梳理。单独抽出来看，这张图逻辑很清晰，还是建议不要细看文字，“涉嫌剧透”，等看过电影再回过头来看文字。现在我们只需要了解，作者为什么要画这张图，这张图的逻辑关系是什么。

① 作者为什么画这张图？：理由在本节第一句已经阐述。
② 这张图的逻辑关系：

8个角色：2个彩色头像，6个灰色头像；（这里有暗示：中间的两个彩色头像是后面转译的重点“人物”）
3种身份：①梦境研究者、②梦境探索者、③梦境破坏者；

我们可以清晰的看到，作者将8个角色分为了3种不同的身份，用虚线框连。3种身份之间有对应的关系，8个角色之间也有详细的关系梳理，用箭头和文字进行了标识。没看过电影之前，分析这张图我们只需要了解到这一步即可。

03 主要场景和情节

第 3 部分是“主要场景和情节”：

电影的下一个主要要素：剧情，分析剧情是转译工作的重要部分。

电影《红辣椒》采用“插叙”的方式进行剧情推动。剧中一共有3条剧情线，一条主线（女主角），一条支线（男主角）以及一条暗线（反派），3条线交替进行，最终汇聚在一起，组成了这部 90分33秒 的精彩、烧脑影片。

我们先看这张图的中间部分，作者按电影的时间线，从00：00-90：33，将电影划分成了5个章节（开端、发展、转折、高潮、结束）。上图“粉色的点”为主线（女主角）的主要事件节点，一共12个；“蓝色的点”为支线（男主角）的主要事件节点，一共6个。这些节点按照时间顺序排列在整条时间线上。

这张图上半部分是主线（女主角）的主要信息整理。除了“粉色的点”向上引出的说明文字外，这张图用“圆形图片”和“胶囊形框线”示意，同时表达了不同时间节点之间主角所在的“地理场景”信息。

下半部分同理。细心的小伙伴可能会发现，中间的“时间轴”除了章节划分之外，还有一些“虚线圆圈”，这部分是第三条暗线（反派）的“主要场景”。由于这条线是串联起“主线”和“支线”的重要剧情，所以作者将场景切换信息安排在了主时间轴上。

以上我们同样只是着重分析了图片的逻辑，并没有过多涉及细节剧情，在设计层面我们只需要暂时理解到这一步即可。还记得刚才标彩色的两个头像吗，引出的正是这张分析图，这张图也将作为后面“空间转译”的基础。

04 设计方法论

第 4 部分是“设计方法论”：

做完电影的基础信息梳理后，作者在这个位置向读者抛出他的“转译方法论”。如何将“电影”转译成“空间”，作者用了一张详细的“推演图”来辅助说明，这张分析图是研究整份作品的核心。

这张图字有点多，主要涉及的是之后具体转译方式的结构框架，需要结合后面转译后的“设计图纸”才比较容易理解。本文主要是带大家分析文章开头那张最重要的图解:“A”。这张这么多字的分析图，我们目前只需要稍微了解一下它的结构即可，更详细的分析可以期待一下之后的直播。

开头大段的文字先不看，这张分析图也是分成3个部分。

第一部分，展示的是作者建筑转译的工作流程：①“电影结构逻辑分析” → ②“电影素材筛选” → ③“语法系统建立（转译语法）” → ④“电影内容转译（空间）” → “转译后的组织与表达（空间组织成建筑）”。我们已经完成了第1个步骤的分析，第2个步骤我们待会有所提及，后面的3个步骤要结合具体图纸来理解，不是本文的重点内容。

第二部分，小标题：<Paprika(红辣椒)>。是将电影结构重新组织的过程示意：将3个主要角色（女主、男主、反派）的故事线从交织的剧情里分别抽出来，单独整理成3条路径（这3条路径后面会演变为3类空间）。这一部分将引出下一张分析图，我们在下一节继续讲。（同样的建议，文字多的内容，先看完电影再回来逐一研究，会更有代入感）

第三部分，小标题：<Town System(城镇系统)>。这部分的分析图是在讲，怎么将抽出来的3条故事线“转译”成“空间”的推演过程。这部分的内容很长很干货，等直播的时候我们再来探讨。

05 叙事结构与系统生成

第 5 部分是“叙事结构与系统生成”：

这一部分是我们理解图解:“A”的大前提。看起来又是密密麻麻很唬人的样子，老方法，我们拆。

这张图的上半部分就是前文提到的，将3个故事线从时间轴里单独抽出来的过程。我们一个一个来看。

这张图很容易理解。作者将电影分成了3条故事线（女主主线A、男主支线B、反派暗线C），5个章节（开端、发展、转折、高潮、结束）。将3条故事线分别对应到5个章节，就有"A1~A5"，"B1~B5"，"C1~C5"，这15段剧情。（重点：这15段剧情后面就会转译成15个空间/建筑）

电影是采用“插叙”的方式来推进剧情，3条故事线揉在一起，交替出现。这张图就是展现这3条故事线的15段剧情，在整个时间轴的交替顺序。这样的叙述方式增加了电影观赏的趣味性，却不利于作者进行“建筑转译”。

所以，作者将“时间轴”重新梳理组织，把3条故事线分别拎出来。

又因为是电影，每条故事线的节奏都是不同的，有平有陡，有急有缓，这样电影才有趣味。作者抓住了这个特点，将3条线的“不同”反应在了“连接方式”上，对3条故事线进行重新组织：

① A线：曲折的、运动的：

② B线：平缓的、相互独立的：

③ C线：多样的、庄重的：

同样，我们先完全抛弃每条故事线具体的剧情，根据图解的示意，理解作者的意图即可，看完电影再来对比一次，那时更有意思。

重点：上文我们提到，这“15段剧情”后面会“转译”成“15个空间/建筑”，那“建筑”与“建筑”之间的位置关系怎么确定？（相邻还是相交，距离的远近，错开的角度等等）相对位置的基础依据就来源于这个分析图（大家可以回想一下成果：“B”，是否是“有曲有直”），这个连接关系将会导出下一张分析图。

umm，不是这张，对这张拆解和前文的“设计方法论”一样，都需要结合具体的设计图纸来理解，不是本文的重点内容，我们先跳过。

就是这张，右边的文字，也是看完电影再回来看。

这张图是不是很眼熟？跟我们的要分析的图解:“A”很接近了。前面分析了那么多，就是为了导出这张图。我们可以很清晰地看到，这张图分成了4个部分，对，不是3个部分！

① 外圈的大圆：这表示“整个电影”的范围。

② 左边的红色圆形：

表示了“女主主线A”的5段剧情。根据5段剧情的剧情和节奏状态（激烈、平缓），5个圆大小不一，由于在电影中这5段剧情是连续进行的，所以作者将5个圆处理成相交的关系。同时根据上文的分析图，A线的发展是曲折向前的，作者便根据他个人对每段“剧情”衔接曲折程度的主观判断，确定了5个红色圆形的相对位置。

③ 右边的蓝色圆形：

表示了“男主支线B”的5段剧情。从图上我们可以直观的看出来，这5个圆形面积不大，位置相对平直，前3个还是互相独立的。没看过电影，我们是否也能猜出来："支线B"的5段剧情相对较短，而且是独立发生的，“B3-B5”有所联系，到第五章，“B5”与“女主主线A5”共同进入终章。没错，电影就是这么演的，以上就是右边蓝色部分的反推过程。所以没看电影并不影响我们理解这张分析图的逻辑，但是，大家看完本文后，如果带着这张分析图的印象去看电影，也许会更有收获。

④ 中间的灰色圆形：

表示了“反派暗线C”的5段剧情。同理，我们可以从图上看出，“暗线C”是独立于“主线A”和“支线B”的，但是确实推动剧情发展的关键诱因，“暗线C”的5段剧情是曲折出现的，每段“剧情”都不同程度的与“主线A”和“支线B”有所交集。

OK，这张图我们就理解到这个程度就可以了。

06 正餐：分析图解："A"

第 6 部分：分析图“A”（空间拓扑图）

好了，铺垫了这么多，我们终于可以来看本文开头这张“天书”了。在开始拆之前，我们先来聊聊这张分析图的标题：“SPATIAL TOPPLOGY（空间拓扑图）”。

啥意思？对于一个不知道啥意思的名词，我们也是拆！

① “拓扑”：

查了一下百科，挑了两句比较有用的话：

1.“拓扑是研究几何图形或空间在连续改变形状后还能保持不变的一些性质的一个学科。”
2.“它只考虑物体间的位置关系而不考虑它们的形状和大小。”

OK，我们get到一个关键词“位置关系”，在前文第5节的时候我们就有提到，作者是根据“每条剧情线”的节奏特点，来确定“5段剧情”之间的位置关系，这“5段剧情”后面会转译成具体的“空间/建筑”。

② “空间拓扑”：

我们继续，4个字一起查，也挑了两句话：

1.“空间拓扑关系描述的是基本的空间目标点、线、面之间的邻接、关联和包含关系。”
2.“根据拓扑关系，不需要利用坐标或距离，可以确定一种空间实体相对于另一种空间实体的位置关系。”

还是在说“位置关系”。我们不是搞“名词解释”的，所以不用太较真“拓扑”真正的含义和用法。我们只需要了解到，作者在这里用了“空间拓扑图”这个词，大概率就是在说，这张图就是用来确定图上这些“点、线、面”之间的位置关系的。

我们可以先这么理解，这张图解:“A”就类似于后面“转译设计”的“总平面图”。带着这个洞察，让我们再回想一下，本文最开头的那张动图，从“A” → “B”，是不是就有点这个意思了。

△ 好吧，再放一遍

有了这个理解基础后，我们开始正式拆图：

① 上下部分的圆角矩形：

这8个矩形框代表了8段剧情。每段剧情都有一个小标题，以及3点类型的总结性文字，分别是：

1.故事线的发展状态
2.梦境的状态
3.章节的“情绪”背景

这部分是对“主线A”和“支线B”每段剧情的“特点”提炼，后面会作为“转译语法”的方向，在我们不了解电影内容的情况下，这里先跳过即可，不影响逻辑分析。

② 分析图图例：

很明显，左上角这些文字说明是这张分析图的图例。我们对照着其中一张小图来分析，不难理解，我们直接开始。

首先对照一下这张小图的位置，我们发现它其实就是“A1”、“C1”和“C2”，只是里面又增加了很多元素。

OK，我们对照图例开始理，这些新增的元素都是什么。

我们先看“A1”，前文已经了解“A1”是“女主主线A”在第一章节的剧情，“A1”其实是一个时间段，我们假设这段时间是6分钟。

在这6分钟的时间里有许多故事节点，（为了不剧透，以下是我乱编的，能理解这个逻辑就好）比如：“①女主在开车”、“②女主在电梯里遇到肥宅”、“③女主的备胎发疯了”，这3个故事节点（或者说电影的关键帧）就发生在这6分钟剧情里，如果这“6分钟的剧情”我们把它定义为“A1”，那么这三个“故事节点”即为“A1-1”、“A1-2”、“A1-3”。

返回“图例”第一行，红色的圆点：“Main plots of Paprika”就是“女主的关键故事节点”，接下来我们看“A1”，“A1”里有3个小红点，不难理解，这代表了作者在“主线A”的“第一章节”里一共提取了3个“关键故事节点”。这些“故事节点”也是后期用于翻译成为建筑元素的原材料，我们知道有这件事就好，这里就先不展开了。

同理，第二行，蓝色的圆点：“Main plots of Konkawa”就是“男主的关键故事节点”。

第三行，灰色的圆点：“Scene of parada”，“游行队伍的场景”（这里涉及到轻微剧透）。“反派”这条“暗线”其实不是以“具体人物”来推进的，而是以“场景”来推进的，所以这里表示的是，“暗线”的场景。

第四行和第五行，黑色的正方形和圆形：“Realistic Level”&“Dream Level”,“现实的等级”和“梦境的等级”。这里是重点：本电影是“盗梦题材”，所以影片的发展是在“现实”和“梦境”来回切换的，作者巧妙地将“现实”和“梦境”在影片中的“等级”转化成几何图案“正方型”和“圆形”的“面积大小”，为后面的“建筑转译”打下了基础。

同时我们还可以看到一些细节，“A1”中“圆形的梦境”侵蚀了“方型的现实”。所以，“方型的现实”被侵蚀的部分变成了虚线；“A2”中“圆形的梦境”和“方型的现实”互相融合，所以，融合的部分都是虚线，这是否会在之后的“建筑转译”中体现，大家可以存个疑。

第六行和第七行，圆点的圆形虚线和圆形蚂蚁线：“Chapter”和“Scene”,“章节”和“场景”。这两个图例不把图片放大的话很容易搞混，不过这部分很好理解吧，上图中“A1”的虚线就是“章节”，“C1”里层的“灰色圆形”：“游行队伍的场景”和外层的“圆形蚂蚁线”：“场景：沙漠”，嵌套在了一起。这部分了解就好，不是特别关键。

③ “主线”、“支线”与“暗线”：

现在我们已经对图例完全清楚了，自信一点，这张图在逻辑层面上你应该能看懂了。不过由于图上还有很多文字信息，涉及电影内容的剧透，等大家看完电影后再对照着梳理一遍，会更有意思。

好了，分析到这一步，我们已经确定了这份“建筑转译”的空间拓扑关系，我们前文提到，这相当于有了“总平面图”。接下来就是对每个空间进行详细的转译设计，如果通过上面的描述，你大概理解了这张分析图，那么接下来这个方案最有趣的“建筑转译”部分，你就可以入门了，我们先扫一眼全部的方案图纸。

调整大小 01.jpg

调整大小 02.jpg

调整大小 03.jpg

调整大小 04.jpg

调整大小 05.jpg

调整大小 06.jpg

调整大小 07.jpg

调整大小 08.jpg

调整大小 09.jpg

调整大小 11.jpg 调整大小 09.jpg

调整大小 13.jpg

调整大小 13-1.jpg 调整大小 14.jpg

调整大小 15.jpg

调整大小 16.jpg

调整大小 17.jpg

△ 文中作品图纸均由作者本人授权

©远届 | 设计补完计划

未经允许禁止任何形式的转载、挪用

以上就是整套图纸的全部内容，我们花了这么大的篇幅分析的几张图纸，其实只占了全套图纸的3/28。下面的内容才是更精彩的，今天的这张分析图解析只是打开“电影转译”大门的一把钥匙，聪明如你，应该看懂了吧？

从不同的角度去讨论建筑一直是建筑届学术和发展的核心之一。1923年G.里特维尔德把“蒙德里安”画的元素转译成了施罗德住宅，1960年彼得库克的“建筑电讯派”在探讨“新技术革命”，1972年库哈斯在自己的毕设中引入了“政治”。“重实用”与“偏思考”，这是目前国内外建筑教育的一大差别，也是大部分学生看不懂（没耐心、看不下去）留学作品集的原因之一。

了解了这一层，我们可以问自己下一个问题：为什么优秀作品集里都要放这些不明觉厉的作品？

接下来这部分更有趣的内容，本篇文章是放不下了，如果你有兴趣了解更多的话，可以文末的二维码，我们将邀请作者和指导老师用直播的方式跟大家详细聊一下这部分的设计过程，期望能对你有所启发。

当然我们希望能和更多的同学一起交流，扫码进群的小伙伴，在直播结束后，将获得这份《红辣椒》电影转译设计分析图:“A”的PSD源文件。

同时我们还为对《红辣椒（盗梦侦探）》这部豆瓣9分的电影有研究兴趣的小伙伴准备了“今敏”大师的手绘分镜稿20P，《红辣椒》是一部划时代的电影作品，被业内称为“分镜狂魔”、“蒙太奇教科书”，现在越来越多的建筑师会为自己的建筑场景设计分镜，这份分镜稿也许会对你有所启发。

△ 《红辣椒》手绘分镜节选

希望这几份“小礼物”能对你有所帮助，尤其是未来有志准备留学的小伙伴。我们这周二（12月01号20：00），不见不散。

PC报名入口：用微信直接扫描上方二维码

移动端 ：把本文发送至微信“文件传输助手”或任意好友，打开文章识别上方二维码

你最喜欢哪部电影？

想试着转译一下吗。

参考资料

· 一张顶级作品集级别的分析图及其背后的思考

远届二维码.jpg

推荐关注

远届 l 设计补完计划
www.yuanjie.design

商务对接：jzxy-yz
转载投稿：jzxy-gtn

 3531

分享    

6条评论: 来来 2023-10-19 18:01:57 回复 0

魔仙城堡哇！超美，梦幻; 神武 2021-02-24 11:16:15 回复 0

unbelievable！; Adam 2021-02-12 22:41:30 回复 0

原作是谁的哇; Enchantedㄓ Xiaoζ 2020-12-05 09:14:24 回复 0

错过直播，很想看啊; 千寻 2020-12-03 09:03:56 回复 0

不允许使用照片能理解，但是本来的设计者到底是谁呢？; cuikesong 2020-12-02 17:57:24 回复 0

为什么以圆形为造型切入点呢，影像到空间的转译感觉往往还是界定于固定语境体系之下的，但不可否认如此完善的逻辑推敲过程和剧情层面的极细致分析还是让人叹为观止啊！作者的视觉艺术水平也极高哇！