蝙蝠 图标 椭圆 编者按：这篇文章来自英国资深设计师 Dmitry Novikov，他是著名 Mac 管理类工具 CleanMyMac X 背后的视觉和体验设计师，他将设计的过程和想法发布到他自己的 Behance 当中：CleanMyMac 可能是 Mac 平台上最常用的 APP 之一，你之前可能在很多地方听到或者看到过这个产品。很幸运我有机会能和 MacPaw 团队合作，共同完成产品的设计。在这个过程中，我受益良多。一方面，作为一个系统管理和优化工具，MacPaw 的团队有着超强的执行力和开发能力，这使得他们是非常好的合作对象。另一方面，CleanMyMac X 内部包含有很多不同的功能组件，它们需要以各种各样的方式协同合作，这对我而言也是一个新鲜的设计过程。我注意到，当我们使用造型不完美的对象更加令人愉悦。无菌的空间和完美的物品，甚至可能会让人产生失真感和排斥感，我们会非常小心，害怕会破坏这种完美的状态。制作一个被调教到完美的界面并不容易，不过想要赋予界面以自然感，则是更高的挑战。由于这个应用当中大量的地方需要用到超椭圆，而这些元素最终都是要转化成为代码的，而这才是整个项目中最无法忽略的一项挑战。注释：超椭圆，又因 Gabriel Lamé 而被命名为 Lamé 曲线，是一种类似椭圆的封闭曲线，保留了半长轴和半短轴的几何特征，并围绕它们对称，但整体形状不同。在笛卡尔坐标系中，曲线上所有点 ( x , y ) 的集合满足方程：其中n、a和b是正数，竖线 | | 数字周围表示数字的绝对值。让整个应用的主界面具有自我描述性是非常重要的，各个分支应用的图标和名称理应清晰地传达含义，并不完全对称的「Scan」扫描按钮超出了 UI 界面的范畴，可以快速的吸引用户的注意力。CleanMyMac X 专注于 3 个核心要素：清理、保护和速度。在设计过程中，我们为每个模块设计了大量的图标，有趣的的是，有很多图标和 UI 元素是半透明的，结合动画来呈现的时候，这些图标元素有清晰的淡入淡出的效果，这些超大的图标有一部分是和插画师 Alexander Ageev 合作来完成的。在设计过程中，我还为各个不同的模块使用了不同的渐变背景，来方便用户对于不同的模块予以区分。同时，我们还创建了许多极具创新性的产品原型，并将它们落地到实际的产品当中去，比如可视化地帮你查看 Mac 存储空间的「空间透镜」功能：此外，还考虑到日常使用场景，我还增加了一个位于顶部菜单栏的快速下拉菜单，方便用户无需打开程序直接调用功能：得益于团队协作和强大的开发能力，CleanMyMac X 获得了 iF 和 2020 年红点奖。延伸阅读：960 万张图只选一张！Netflix 的海量封面图是怎么设计出来的？前几年，基于深度学习的设计系统「鹿班」问世，关于 AI 驱动型的工具是否会革掉设计师的命的讨论甚嚣尘上，如今这个场景依然历历在目。阅读文章 > 深扒！连拜登团队都在用的Figma是如何成长起来的？相信这几天设计圈和产品圈的同学都在讨论 Figma 封禁大疆的团队帐号这个事儿，经过多轮文章和视频的洗礼，这个事件的始末和性质相信大家已经掰开了揉碎了看明白了。阅读文章 > 电影设计美学！封神的诺兰版《蝙蝠侠》里，导演亲手捏出了蝙蝠车诺兰的蝙蝠侠三部曲中的蝙蝠车 Tumbler 可能是蝙蝠车历史上最没蝙蝠特征的蝙蝠车。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/cleanmymac-x-design
蝙蝠 大卫 电影 诺兰的蝙蝠侠三部曲中的蝙蝠车 Tumbler 可能是蝙蝠车历史上最没蝙蝠特征的蝙蝠车。当第一部《蝙蝠侠：侠影之谜》刚刚上映的时候，还有不少人诟病这辆蝙蝠车不够「蝙蝠侠」，但是随着系列作品的推进，这款「现实主义风格蝙蝠车」逐渐得到了广泛的认可，甚至直接影响了后续几代蝙蝠车的设计。《蝙蝠侠》电影设计美学的源头，竟然都始于蝙蝠战车！你也许看过很多蝙蝠侠的故事，漫画，剧集，电影，在所有的故事当中，蝙蝠侠这个角色的出现，都会从那个小巷开始：一次莽撞的抢劫，手枪枪响，珍珠项链散落满地，死亡，尖叫，惊恐，失神，然后一个名为蝙蝠侠的角色由此诞生。阅读文章 > 超人气的蝙蝠战车是如何创造出来的？揭秘背后设计稿！相比于诺兰前传三部曲的「写实感」，扎克·施耐德的这3部 DC 电影似乎排名并没有那么靠前，甚至口碑也没有那么的神，但是在美术风格、视觉设计上，口碑是无可撼动的。阅读文章 > 在拍摄完成之后，电影中饰演瑞秋的女演员 凯蒂·霍尔姆斯 面对 Tumbler 直言：「当我看到这个玩意之后，我终于了解男人对于车的痴迷。」那么Tumbler 的诞生过程到底是怎样的？下面我们具体聊聊。没看过蝙蝠侠漫画的诺兰和之前提到的两位导演不同，诺兰在拍摄蝙蝠侠之前，其实从未读过蝙蝠侠的漫画，这个有着接近一个世纪历史的角色，经历过数次重启，有着成吨的历史和无数供粉丝津津乐道的细节。好在负责和诺兰对接的编剧大卫·高耶对于这个角色有着相当深入的研究。「克里斯从未读过漫画。他不了解这个漫画里的世界。所以他相信我在那团队中能够帮他掌控好经典的元素：什么东西可以修改的，什么东西不能碰。」大卫·高耶在接受 indiewire 访谈的时候，回忆说。所以大卫干脆为诺兰写下了蝙蝠侠这个角色绝对不能更改的10件事情：「我定下了关于蝙蝠侠和超人绝对不能修改的10件事情，我把它们写下来，对克里斯说，这就像十诫一样，只要我们尊重这10个规则，咱们就不会有问题。」实际上，拥有版权的华纳在找上诺兰之前，已经陷入困境了——他们尝试不同的蝙蝠侠和反派的组合来开发电影，但是这些尝试相继失败。而正是这些失败给了诺兰机会，诺兰选择从布鲁斯·韦恩回到哥谭市成为蝙蝠侠之前的几年的故事入手。「如果我们只是把这个漫画故事当作一个真实的故事来讲述，而不是在虚构的漫画世界中发生的事情呢？」诺兰对于蝙蝠侠系列的「不熟悉」恰恰让他对于这个系列电影不会有粉丝的「偏见」。而大卫·高耶对于这个角色的深入理解，则和诺兰的构想产生了有趣的化学反应。蝙蝠车：功能应当重于形式在剧本开发早期，蝙蝠车尚且没有一席之地。「但是从情感上来说，如果没有蝙蝠车，那么自就不存在蝙蝠侠。」大卫·高耶对于诺兰的这一想法是认同的，诺兰在此基础上强调：「我们要如何让（蝙蝠车出现的）叙事变的可信？」而高耶对于这一问题经过了深思熟虑：「蝙蝠侠不应当为了帅而做任何事情，他的所有装备都应当是功能重于形式的。」「我们必须解释一切，布鲁斯韦恩之所以成为蝙蝠侠的缘由。他没有超能力，他不会神奇地变成一个英雄，他拥有普通人的身躯，但是有技术，有钱——富有就是他的超能力。」「一个隐藏身份的人自己制造一辆超级战车，我们认为是不可信的。所以，如果这辆车来自他父亲公司为军方定制的军用车辆，但是又被封存起来了，这件事情就显得自然可信得多。」对于蝙蝠车，诺兰自己有清晰的构想——它摩登现代，是一辆穿行在城市中的高速坦克。「因为在我脑中，对于蝙蝠车，有非常具体的、贴合当前时代的感觉，我希望看到蝙蝠车的人能够对于这部电影的气质，有非常具体的感知——也就是这个故事架构在更为真实的世界当中。」「蝙蝠车应该是兰博基尼和悍马的复合体。」Nathan Crowley 的快速原型诺兰提出需求，负责将需求具现化的人，是制片设计师/艺术总监 Nathan Crowley。Nathan 和 诺兰的第一次合作的作品是 2002 年的惊悚片 《失眠症》 。这次合作之后，两人建立了紧密的私人关系，而当诺兰得到华纳授意，开始筹备新蝙蝠侠系列的时候，他第一时刻联系了 Nathan，并邀请他前去家里吃午饭。关于这次特殊的午饭，Nathan 回忆说：「从我去他家吃饭开始，克里斯就在提重拍蝙蝠侠电影的事情，当时他笃定的状态仿佛整部电影都已经拍好了一样……他逐渐开始详细解释他更具体的想法。我记得那次午餐之后，他所提出的想法让我非常兴奋——因为他说他认为开始阶段最重要的事情之一，就是重新设计蝙蝠车。」第一版原型。底部为最终版的对比，整体轮廓的延续性显而易见。蝙蝠车是蝙蝠侠的另外一面。在和大卫高耶的最初沟通中，诺兰也提到了，蝙蝠车是兰博基尼和悍马的复合体的构想，这一点得到了大卫的支持。诺兰甚至使用油泥自己捏了一个大概的轮廓出来。随后，Nathon 拿到了诺兰的蝙蝠车「原型」。于是，当天下午， Nathon 开始了一场疯狂的采购：「那是一个星期五，我去玩具反斗城买了一堆玩具车（笑），我在自己的工作室把所有的玩具车都拆碎为零件。克里斯曾提及希望它是兰博基尼和悍马的混合体，所以我就从这个构想入手，混搭出了第一个版本的原型。然后我将这个奇怪的混合体放到克里斯的家门口。」「在玩具设计领域，当您使用现有零件制作新玩具时，这称为 kluging 或 kit bashing。」Nathon 在一次访谈中解释过这种设计方式的「行话」。值得一提的是，在国内的模型圈子中，这种做法一般被称为「杀肉」。Nation 很显然在反斗城里不止买了一堆车。虽然车体上的零件来源复杂，但是整个车体的外轮廓的塑造过程中，使用了兰博基尼 Countach 的整体框架作为主体：驾驶舱的部分则来自于 P-38 闪电式战斗机的玩具模型，为了重塑车体前端的「内八」式悬挂系统，也借用了 P-38 两侧的引擎外壳来进行塑造：「……之后，他打电话跟我说，我们把车库改成艺术部门的工作室吧，然后我们该想想具体怎么拍摄这部电影了。」Nathon 回忆说，之后，他和诺兰一起在这个带有传奇色彩的工作室内蝙蝠车的原型，耗上了整整8周的时间。在诺兰家车库继续迭代作为诺兰诸多电影的艺术设计的「起点」，诺兰家的车库在电影圈里是一个传奇般的存在。而这个车库被用起来，则始于这部《蝙蝠侠：侠影之谜》。在诺兰的反馈之下，Nathon 对第二版的车身进行了调整，原本连接前轮的悬挂接近完成，原本看起来单薄的车轮被替换成了更加厚实的版本，车身后半段加入了更多的开合结构和细节，如同战斗机一样，不过驾驶舱依然沿用了之前的单人模式，并且位置更加靠前，确保视野：通过第三版的迭代，车身的轮廓大体就不变了。在第四版的修正当中，战斗机驾驶舱被双人并排位替代，原本的条形驾驶舱结构则「退化」为一个小小的车头，延伸到两个前轮之间的位置。原本车身上看起来无意义的细节也被扰流板所替代，参差的轮廓也被形同隐形战斗机式的一体式几何外甲覆盖，看起来更加富有科技感，仿佛真的可以「低空飞行」：虽然 Nathon 曾在后续的纪录片中声称前后大约做了5版的原型，但是最终我们能看到的原型，大概就只有上述的几个。此时的蝙蝠车的轮廓和细节的设计，已经确定，最终被制造出来的真实车体，和这个模型大概有9成相似。这辆后来被命名为 Tumbler 军用车辆，自此问世，随后它需要从微缩模型变成真实存在的车辆。「我们决定不用数字建模的方式来呈现它，你在屏幕上看到的每一帧画面里，都将是一辆真正的汽车。」Nathon 说道。另外，在这个车库里，诺兰兄弟（诺兰的弟弟乔纳森诺兰负责了分镜）和 Nathon 不止创造了Tumbler，此后的3个月里，他们探讨了很多剧情、场景的走向，并且使用手工搭建的微缩模型来辅助呈现：将模型带进现实通过了华纳高层的审核之后，诺兰带着剧本和模型回到英国，开始找到特效和道具团队，开始构建这辆真实的蝙蝠车。这辆 Tumbler 最终是由电影汽车工程师克里斯·科博尔德和安迪·史密斯在英国制造完成，这个过程完全是从零开始的：Tumbler 的主要动力来自一台 500 马力的雪佛兰 350 V8 引擎，通过钛合金车轴驱动四个 44 英寸 Super Swamper 轮胎。在搭建过程中，他们会不停地测试车体的各方面性能，包括在不同的路况下、不同天气、不同路段上的驾驶：他们竭尽全力让这辆蝙蝠车贴合真实车辆的设定：宽 9 英尺，长 15 英尺，重量为 2.5 吨，但仍然能够在 6 秒内以加速到60英里/小时的速度，Tumbler 最高时速为 110 英里/小时。由于在设定上这是一辆「桥梁架设车」，在剧情中也需要这辆车拥有跳跃功能，所以工程师在测试后期，想到了一个办法，他们在车底增加了一组可以瞬间向下出力的弹射踏板：同时，借助流线型的车体和尾部的可动式扰流板，来提升整车的空气动力学性能：这种独特的设计，让这辆蝙蝠车使其能够进行高达 30 英尺的无辅助跳跃，真正意义上还原了设定。故事还未结束当然，Tumbler 本身的研发故事远不止上面提到的这些。诺兰和 Nathon 在拍摄第二部《暗黑骑士》的时候，受到到华纳高层的启发，将蝙蝠摩托 BatPod 隐藏在 Tumbler，并且为了保密避免被媒体知道，还曾偷偷去片场卸了 Tumbler 的轮胎带会工作室去测试 BatPod 用。而第三部中的飞行载具 The Bat 其实是不能真的飞起来的，这一点属实有点超出剧组的工程团队的能力了。故事还有很多，如果你愿意挖掘，你能从他们设计到落地的过程中发现很多有趣和值得借鉴的地方。终于写完了。参考来源：http://www.batmobilehistory.com/art/nolancrowley.phphttps://nofilmschool.com/dark-knight-production-designhttps://www.indiewire.com/2013/09/david-s-goyer-says-he-had-to-tell-christopher-nolan-what-the-batman-canon-was-for-the-dark-knight-trilogy-93286/http://rarwrites.blogspot.com/2012/04/five-amazing-batmobile-concept-designs.htmlhttps://collider.com/the-dark-knight-trilogy-nathan-crowley-interview-batmobile-batpod-gotham/https://comicbook.com/news/clay-model-was-the-inspiration-behind-christopher-nolans-batmobi/本篇来源：优设网原文地址：https://www.uisdc.com/create-batmobile-3
蝙蝠 超人 这辆 相比于诺兰前传三部曲的「写实感」，扎克·施耐德的这3部 DC 电影似乎排名并没有那么靠前，甚至口碑也没有那么的神，但是在美术风格、视觉设计上，口碑是无可撼动的。在扎导的这三部曲当中，仅蝙蝠侠的载具设计而言，从素质到数量上，并不逊色于诺兰三部曲。《蝙蝠侠》电影设计美学的源头，竟然都始于蝙蝠战车！你也许看过很多蝙蝠侠的故事，漫画，剧集，电影，在所有的故事当中，蝙蝠侠这个角色的出现，都会从那个小巷开始：一次莽撞的抢劫，手枪枪响，珍珠项链散落满地，死亡，尖叫，惊恐，失神，然后一个名为蝙蝠侠的角色由此诞生。阅读文章 > 在上一篇当中，我以目前有限的资料梳理了一下《新蝙蝠侠》中的蝙蝠车的诞生历程，这一篇则梳理一下扎导的这辆蝙蝠车的设计过程。角色应有的厚度和诺兰蝙蝠侠系列不同，扎克施耐德的这个系列的起点并非是蝙蝠侠，而是超人。对于拥有接近一个世纪故事积淀、多次重启、反复演绎过的角色，通常是复杂的，也理应有厚度的，超人如此，蝙蝠侠也是如此。扎克施耐德在最初筹备《超人：钢铁之躯》的时候，曾经花费了大量的时间来琢磨和细化整个氪星文明的特质，从文化、历史、礼仪，一直细化到语言、文字和具体的语法。他邀请英属哥伦比亚大学的语言学教授 Christine Schreyer ，创造出了这个全新的兼顾视觉美感和可用性的语言，而这个版本的语言的完成度之高令人惊叹。这门语言在整部电影当中很难被注意到，但是它既是超人的魂，也是超人的骨。从视觉上来说，它和这版超人的母星氪星的整个视觉语言是极为贴合的：这种被称为「氪星毁灭主义」的风格呈现出一种带有骨骼有机质和死亡气息的独特风格，金属和骨骼质的元素融合为一，这种特质和这种氪星文简直是天作之合：在超人胸口的S型 LOGO 上，扎克施耐德 用氪星语的暗纹锈上一句源自于《千面英雄》的话：「在本以为发现可憎之物的地方，我们看到了神；在我们以为会杀死他人的地方，我们杀死了自己；当我们去远方旅行时，我们回归了自己存在的内核；当我们觉得孤身一人时，我们与整个世界同在。——《千面英雄》」关于《千面英雄》这本书的意义，以及这段话和超人这个角色、经历之间的映射关系，在这里就不作分析，但是这种远超「人物小传」的细致设计和构建，是扎克施耐德一直以来构建角色底色的重要工作，而这些「底色」最终以种种方式赋予了角色以厚度。所以，在第二部电影，也就是《蝙蝠侠大战超人：正义黎明》（为方便，后面这部电影就简称 BvS 了）中，这种细致的设计方式策略延续了下来。恐惧所塑造的载具如果说，「氪星毁灭主义」是扎导版超人的底色，那么蝙蝠车就是他手底下蝙蝠侠外化的形体。「（在开始筹备电影的时候）我说我们先得需要一辆蝙蝠车，对吧？即使你再傻，先给蝙蝠侠准备一辆蝙蝠车也是有必要的，对吧？这似乎是你应该做的第一件事。」在TBS 的采访中，扎克施耐德被问及蝙蝠车时，下意识说出了这句话。在扎导的 DCEU 中，大本所饰演的蝙蝠侠已经显而易见地进入中年，韦恩集团也已然是被他完全掌控的庞大企业，从时间阶段上来说，这明显比起诺兰蝙蝠侠系列的时间要晚得多。这种人生阶段上的差异，体现在很多方面，比如气质上更加沉稳老到，他可以极为坦然地面对小闪的疑问说出类似「我的超能力就是超有钱」这样的金句。相比于《新蝙蝠侠》中的新手蝙蝠侠，大本所饰演的这个角色已经在哥谭和各种普通的、有超能力的罪犯周旋了数十年，这使得他的蝙蝠车在逻辑上，要比诺兰版那个基于军用车辆改造而来的 Tumbler 更为成熟。诺兰版蝙蝠车 Tumbler从角色困境上来说，扎导版的蝙蝠侠和诺兰版蝙蝠侠有着根本的不同，后者面对的是哥谭的「普通罪犯」，前者在 BvS 中，假想敌是「人间之神」超人，蝙蝠侠显然不会将自身的命运交由一个「准量产」的载具（Tumbler），而砸钱使用最顶尖的科技来打造一辆出力强劲、足以应对「人间之神」的机械怪物是符合情况、设定以及他性格的合理选择。有意思的地方在于，蝙蝠侠面对强敌的「焦虑感」和「恐惧感」，在 BvS 中以梦境的方式呈现出来，而这暗合《不义联盟》的故事线，使得角色冲突进一步得到了强化。那种梦魇般的绝望废土气息最后也反映到这辆如同坦克般的蝙蝠车上，它没有有机的线条，也没有试图变得「帅气高级」，而是在连绵的恐惧折磨下，显得颓废、狰狞而暴力，厚重的装甲上顶着固定炮台，它多了以往所有的蝙蝠车都缺乏的厚重感，和掩盖不住的「输出」的欲望。作为制片人的扎导妻子黛博拉·施耐德，在接受 Business Insider 的采访时说：「我们不希望它看起来干净整洁，这是一辆无关美学、追求实用的坦克，它看起来更加军事化，也饱经风霜。」源自角色和故事线的设定，最终反馈到了设计上。回溯经典的构思终于要说到设计师了。法国设计师 Patrick Tatopoulos 在扎克施耐德的这部电影制作过程中，举足轻重。他不仅要兼顾设计，还需要监督落地制作相关的部分。当扎导第一次和 Patrick 探讨蝙蝠车的设计的时候，他反复强调的是「当超人遭遇蝙蝠侠」这种情形，15 分钟之后，俩人走进咖啡馆，而有着概念设计师和生物设计师背景 Patrick 也开始拿起笔开始绘制他构想中的蝙蝠车——风格更加哥特，造型更加经典，甚至具有生物般的升降结构。同时，诺兰版 Tumbler 所采用的高悬挂系统这一优秀设计，也被 Patrick 所吸收了过来。但是为了区别于前者的「现代感」，Patrick 找来了概念设计师 Ed Natibidad ，在更加古早的蝙蝠侠漫画当中，汲取设计元素，开始将粗糙的概念落地实施为更为细致的设计图。不同的概念和参考来源，最终在 Ed Natividad 的笔下逐渐源源不断地延展出细节多样风格丰富的概念图：其中也包含了 Patrick 所喜爱的带有升降机构的版本：在长达半年多时间的概念设计过程中，蝙蝠车的设计构思不断地迭代、筛选，慢慢成型。它的身上既有前辈 Tumbler 的高悬挂系统，也有更为军事化的武器系统，极具攻击力的炮塔在 Patrick 的要求下被直接置于车体的最前端。在打磨概念设计的过程中，其实还有武器系统更加丧心病狂的版本：于是，从早年的电影、漫画汲取灵感并打磨修改后的蝙蝠车的造型就这么出来的：「洗不干净」的坐驾造型确定了，紧接着就是要把这辆车给造出来。这辆车最终被「制造」出来，花了超过5个月时间，主要是靠设计师 Patrick Tatopoulos 和来自洛杉矶 Vehicle FX 的 Dennis McCarthy 来完成的。只是，考虑到实际拍摄过程中不同的需求，这辆车其实是由三辆车「组成」的，第一辆车有着「完整版的内饰」，适合进行车内的静态拍摄，尤其是处理特写：这些内部结构的构思，其实也是基于设计师 Ed Natividad 的概念设计：另一辆车则更像是精简版的道奇 Ram Duallys，这辆车在片场卯足了劲跑好无问题，不过造型需要通过后期进行重建，电影中很多运动中的场景都是靠这辆「替身蝙蝠车」来完成的。第三辆车则是三者中「最有价值的蝙蝠车」，它是真正意义上1：1 的蝙蝠车，是真正意义上能开的车，同时在造型细节上也抵达了「传奇级」道具的水准：「……你能在他身上感知到时间的流逝……而这也是Zack最为天才的地方，他希望让这辆车看起来足够沧桑——看起来不像是花一个周末能洗出来的样子。」Patrick 在接受采访的时候，是这么描述这辆车的「做旧」效果。「在片场（面对这辆车）我唯一被允许做的操作就是让它停靠在一边……我想开着它来完成各种撞击和发射武器的操作（但是从未被允许过），这辆车太贵了。」饰演蝙蝠侠的大本在片场的记录中，哀怨十足地写着这么一行字。在上面这个经典场景当中，超人需要站在蝙蝠车上与蝙蝠侠对峙，而实际上，当亨利卡维尔所饰演的超人想要站上去的时候，扎导在片场下意识喊道：「停！没有人可以站到那个上面！」此时，亨利卡维尔已经抬腿，周围所有所有的工作人员都开始伸手制止，直到他们使用泡沫等材料重新做了填充和覆盖之后，才允许亨利·卡维尔站上去。但是这辆车不止停留在实体化，它还延伸到了 UI 界面当中，这是数字化世代的蝙蝠侠所独享的福利。数字化的躯体BvS 中涉及到大量数字 UI 界面，无论是蝙蝠侠自己的个人电脑所用到的 Bat UI，还是拥有企业的 Lex Luthor 的 Lex OS，也都需要「拥有」足以反映角色气质的设计。而负责这一部分工作的，是曾参与过大量漫威系电影的 Perception 工作室，他们曾经在这些电影里设计出科幻感十足的 UI 和视觉效果，BvS 中这些 UI 界面全是他们搞定的。「这种设计的挑战也在于，如何让界面和他们的身份一致。」在 Perception 工作室的页面上，能够看到他们的设计出发点。「……由于蝙蝠侠在这个世界观之下，一直是技术最先进的一方，所以我们研究过军用航空电子设备，战斗机的 HUD 等系统的特征，并且以此为基础来构建蝙蝠侠自己蝙蝠车的系统界面。」这些科幻感十足、高度数据化和图形化的界面，将蝙蝠车另外的精致的一面重新呈现了出来，成为了爆炸场面之外，重要的补充，让蝙蝠车这个「角色」更为立体。接下来是 Tumbler其实 Patrick Tatopoulos 连同 Ed Natividad 一道，在后续的正义联盟电影中，还设计了更多的载具，比如 Batwing ：比如KnightCrawler：这些设计更有意思，不过超出了这次的话题范畴。接下来，是诺兰的蝙蝠侠前传中的 Tumbler。参考来源：https://www.ednatividad.com/http://kryptonian.info/news-feed.html/2013/07/22/interview-with-man-of-steel-linguist-christine-schreyer/https://www.experienceperception.com/batman-v-superman.htmlhttps://screenrant.com/batman-v-superman-snyder-batmobile-design/https://www.businessinsider.com/batman-v-superman-how-batmobile-was-built-2016-3https://www.techtimes.com/articles/146307/20160401/designer-patrick-tatopoulos-talks-bringing-the-batman-v-superman-batmobile-to-life.htmhttps://www.autoevolution.com/news/heres-how-patrick-tatopoulos-designed-the-batmobile-for-batman-v-superman-dawn-of-justice-98312.html本篇来源：优设网原文地址：https://www.uisdc.com/create-batmobile-2
蝙蝠 的是 电影 你也许看过很多蝙蝠侠的故事，漫画，剧集，电影，在所有的故事当中，蝙蝠侠这个角色的出现，都会从那个小巷开始：一次莽撞的抢劫，手枪枪响，珍珠项链散落满地，死亡，尖叫，惊恐，失神，然后一个名为蝙蝠侠的角色由此诞生。但是如果这个问题落到设计者的头上——当导演、艺术总监和制片拿到华纳的支票和项目书的时候，你会发现他们的选择的起点，惊人的相似：在他们眼中，为自己的电影打造一辆蝙蝠车，是优先级最高的事情。三个系列，三辆蝙蝠车在过去的20年间，有三个成功、独特且极为优秀的关乎蝙蝠侠的系列电影。克里斯托弗·诺兰的蝙蝠侠前传三部曲全部入围 IMDB Top250，其中第二部《暗黑骑士》则更是以「黑暗歌剧」的身份登顶前5，位居第3。扎克·施耐德 的 DC 三部曲更为曲折，第二部《蝙蝠侠大战超人》当中DC三巨头齐聚，后续《正义联盟》补拍、并以《扎克施耐德版正义联盟》重新上映，所涉及到的事件更是一次影响影史的重大事件。两个系列珠玉在前，而刚刚上映的 《The Batman》则是 DC 宇宙的又一次「重启」，从立项开始，粉丝和媒体的质疑声就没有断过，不过进入2022 年 3 月之后，咱们能听到的是不绝于耳的「真香」，而作为「未知阿卡姆精神病院患者」声音出演的「新」小丑，暗示了这部《新蝙蝠侠》很大概率将会是一个系列电影的开端。在我看来，这三个系列电影当中的蝙蝠侠所处阶段不同，各有特色，在特定的故事背景下，都有着他们独特的角色弧光，而围绕着他们所拓展出来的世界观也有着各自独特的魅力。有意思的地方在于，这三个系列的导演和设计师在创建角色的时候，不约而同地选择从设计蝙蝠车作为整个项目的起点。我要强调的是，这里并不想做对比，我更感兴趣的是，设计师是如何借助一个载具，逐步深入到角色，然后拓展出一整个充满独特气质的世界。当蝙蝠侠是 Gearhead导演 Matt Reeves「Every Batman film, in my opinion, starts with the car.」「蝙蝠侠是从哪里来的？他需要什么？他为什么需要车？为什么需要斗篷？」这可能是每一个「创造」全新蝙蝠侠角色的时候，从导演、编剧到设计师、摄影师都需要思考的问题，而《新蝙蝠侠》的主创在一开始，也在思考这些问题。据制片人 Dylan Clark 透露，身兼导演和编剧两职的 Matt Reeves 「花费了很长时间来研究角色和情感，但是最重要的是，他会以更加电影化流程来梳理这些体验和过程……以至于他写的剧本几乎可以直接当故事板来使用，他加入了大量高亮的标注和辅助的细节，以至于你可以直接从中看到他将如何分镜和剪辑。」蝙蝠侠的前期概念设计图猫女的前期概念设计图这位曾经因拍摄《科洛佛档案》而一举成名的导演和编剧不仅足够宅、足够专业，对于「沉浸感」也有着极为深入的琢磨。丰富的前期工作让与他合作的制片、音乐人和设计师在合作中，都更为轻松。Production Designer James Chinlund「在我看来，每一部蝙蝠侠电影都是从那辆蝙蝠车开始的。」当设计师 James Chinlund 第一次和导演 Matt Reeves 探讨蝙蝠侠的时候，问题的核心是「这辆车到底意味着什么」，而这个问题也将所有关于蝙蝠侠这个角色的设计，全部收束到了一起。这辆车所体现出来的特质，就是之前所有问题的「答案」。「我们非常喜欢蝙蝠侠是一个 Gearhead 的构想……而这辆车则反射出他的形象，他是一个正在和整个世界对抗的人。」James Chinlund 是基于这样的构想，来协助导演 Matt Reeves 来构建蝙蝠侠和这个几乎完全笼罩在夜色中的城市。Gear·head | nounDefinition of gearhead: a person who pursues mechanical or technological interests (as in automobiles or computers)Gearhead 指的是对机械和技术充满兴趣和追求的人（比如汽车和计算机）这种 Geerhead 的特质在这个「新手」义警的身上，在各种细节上都有所体现。拥有防弹功能的蝙蝠衣上有他自己缝线的接口和线头，胸口的蝙蝠 LOGO 则是由两把带有锋利的逆刃的短刀组成，日常可以防弹，也可以在短兵相接时作为武器使用。类似这样的细致设计贯穿整部电影。在这种「精确细致」的构思之下，一个刚刚「入职」正在经历「职业生涯」第二年的蝙蝠侠逐渐成型。多数时候，他会骑着毫不起眼的黑色摩托车，像幽灵一样在哥谭的夜色和雨幕中穿行、调查案件，即使是真正穿上战衣执行任务时，用来代步的摩托车也仅仅增加了一点特征化的装饰，并非是诺兰蝙蝠侠前传中技术力和设计干满点的逃生仓摩托车 BatPod。在 Matt Reeves 的这个版本当中，刚刚归来的布鲁斯·韦恩没有住在远离都市的巨大庄园中，而是如同隐士搬，生活在这个都市的心脏，藏在废弃的地铁站「韦恩站」里，远离上流社会和人群，躲藏在犯罪猖獗腐败滋生的哥谭底下，昼伏夜出，如同一只真正的蝙蝠一样，满腔怒火，特立独行。「大卫芬奇的电影作品对我们而言，是一个巨大的灵感库……」James Chinlund 说。废弃的地铁站「韦恩站」的概念设计图此时的布鲁斯韦恩抵触自己身为富家子弟的身份，甚至彻底放任韦恩工业的业务，唯一的一次正式公开露面也仅仅是为了查案，出现在前市长的葬礼上。这种拧巴和愤怒也体现在他的打斗当中。虽不杀人，但绝不留手。一往无前，少有防御，更偏爱以暴制暴，全力出击。面对子弹不闪不避。他的这种行为模式显得刚猛而又「粗糙」甚至有点鲁莽。这种孤独夜行者的状态迫使他更加「务实」。这种特质也映射在了和他一体两面的蝙蝠车上。毕竟，真正代表他的，让他足以在枪林水火中穿行的，依然是蝙蝠车。「新人」蝙蝠侠的代步车「它不会像坦克或者某种专用载具」， James Chinlund 选择「克制」地对这辆 BatMobile 来进行落地设计：「你在这辆车上看到的每一个设计选取，都是基于他的需求。」「我们从车辆的框架开始搭建……在车辆的前端添加了一整个巨大厚实的保险杠，而车顶则采用了69年款的 道奇 Charger 」，James Chinlund 在面对访谈的时候，是这么说的：「我们会觉得，他（布鲁斯韦恩）在搭建了框架和内部结构之后，会想「我需要一个车顶」，然后会把 Charger 的整个车顶切下来，拍在上面。」这辆车的整个设计，会让人觉得「他（蝙蝠侠）是一个在和全世界对抗的人」。尤其是当视线往后移动，看到车身后半段毫不掩饰地、额外增加的巨大推进引擎的时候。「这辆车应该有着巨大的钢制前保险杆，确保它可以贯穿任何阻碍……」「……而它的后部的巨大引擎则应该暴露在空气中，」James Chinlund 在接受 Insider 的采访时说：「因为没有人会在蝙蝠车后面追逐这个怪物，因为只有蝙蝠车追他们的份。」这辆车的后置引擎并非装饰，这个基于 V8 引擎改装来的大家伙有627匹马力，改装完成后有超过3000 个零件，拍摄期间他们曾在封闭道路上测试过它的速度，但是为了安全至今不知道它最高处理下的时速能到什么程度。代表蝙蝠侠的红色车灯和引擎口蓝色的尾焰，以及能盖住枪声的引擎嘶吼，会在哥谭的阴郁雨夜中给人以极强的压迫感，这种设计不仅在色彩和音响上和角色进行了呼应，而且会在行为模式、气质和节奏上，丝丝入扣地嵌合到一起。而值得一提的是，这种借助载具来传达情感的方式并不止停留在蝙蝠车上。结尾处，蝙蝠侠和猫女驾驶着摩托车在哥谭校外并行游弋的场景，两辆车从交错到并行，再到分别和回望，整个过程搭配着作曲家 Michael Giacchino 的《Sonata in the Darkness》，在这部黑暗的电影当中，生生制造出了黑夜中的一抹浪漫，旋律中两个角色的旋律从互相切换到逐渐融合，这种「克制」的告别在音乐下显现处别样的缠绵悱恻，设计感十足。面对 Insider 的记者，James Chinlund 坦言：「这辆蝙蝠车并没有像前作那样充满科技感或者军事感」，他补充道：「诺兰的蝙蝠车的设计指向的是一个方向，而扎克施耐德则将蝙蝠车的设计引领到了另一个极致，而我和 Matt Reeves 则倾向于让这部作品中的蝙蝠车趋向于代步工具。想象一下罗伯特·帕丁森版的蝙蝠侠会怎样构建出自己的蝙蝠车，这本身会是一件非常有趣的事情。」并没有结束克里斯托弗·诺兰版的蝙蝠侠前传三部曲和扎导的正义联盟三部曲当中，蝙蝠车同样有着相当有意思的起源故事，当这三辆同样诞生于21世纪的蝙蝠车摆在一起的时候，你会注意到不少相当有趣的共性。下篇很快会更新，希望我不要烂尾吧。参考来源：https://www.imdb.com/title/tt1877830/fullcredits/https://www.indiewire.com/2022/03/the-batman-production-design-gotham-david-fincher-1234704018/https://www.insider.com/the-batman-production-designer-batmobile-bruce-wayne-built-it-2022-3https://www.inverse.com/entertainment/batman-interview-james-chinlund-batmobilehttps://discussingfilm.net/2022/03/03/producer-dylan-clark-on-crafting-the-world-of-the-batman/延伸阅读：提前预定奥斯卡金像奖，这部电影当属对称美学巅峰！2020年的奥斯卡金像奖刚刚颁布不久，然后 2021 年最有可能获奖的电影就已经发预告片了。阅读文章 > 12部 Netflix 自制电影剧集，给创意和设计从业者的周末片单有没有想过，除了翻 Pinterest、Behance、Dribbble 之外，Netflix 的各种自制剧也是一个庞大的灵感素材库？阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/create-batmobile-1
张大湿
表哥
飞翔的企鹅
