MEDA - ROLLBACK｜MV动画剧情UI美术・动效・音效设计

为RK Music旗下歌手艺人MEDA的新曲动画MV『ROLLBACK』制作了剧情中的UI美术！

同时还负责了相关镜头的视觉设定和监修工作。

然后做完后耳朵一痒没忍住，又结合世界观和使用情境，甚至还擅自设计了自己心中的音效！

我把UI单体视频和实际的MV片段剪辑合并在了一起，前半段请一定要

观看。

在阅读剧本后针对

MEDA的设备 和

研究所，我提案了以下UI故事和逻辑设定并着手设计。

利用模拟器计算Code:AZ协议的默认时刻和变动率

将运算结果输入观测系统的地图用于调查研究所

查询无效并呈错误显示

捕捉到信号后设定目的地并切换为指南针模式

在待机状态下监控周围及研究所设施内的各处状况

探测到时间机器的安全锁被意外突破后进入警戒阶段

首先是MEDA手上的指环所投射出的全息UI。

我将显示内容根据功能和用途分类，并把它们看作一个个 “零件”，以 “微型机械” 为关键词设计了整体的视觉效果。

包括动效在内，我个人特别喜欢将真实的物理特性融入数字UI的世界，因此右侧的模拟器原型是时钟，左侧的地图则源于附带驱动装置的仪表盘。

此外我用HTTP代码表示系统状态，其中一些会以痕迹的形式残留在界面中，直到需要显示其他信息或影响可读性时为止，也算是一次新鲜尝试。

顺带一提，地图上的地理信息是通过改造OpenMapTiles的样式制成的。

而用户认证中显示的橙色字形，其实参考了MEDA耳饰上印有的装饰文字。毕竟这是可穿戴的个人设备，那界面就算已被她自定义过也并不意外！

由于此处的全息UI一直在监测研究所设施内部系统的运作状态以及外部环境的状况，我在这边也加入了一些拟物化思维，比如咕溜咕溜转动的眼球、对焦中的相机镜头和长年累月的古树，作为主要的设计原型。

为了实现有机的视觉动效，这段内容并没有设置许多关键帧，而是着重在建立彼此联动的机械构造上花了不少心思。

虽然我数学不太好甚至看到字符串就头疼，所以一直觉得自己肯定不适合编程，但搜一搜想一想After Effects中并不太复杂的表达式倒是还挺喜欢的…

另外这一部分可以说是UI的概念几乎完全先行于其它部分的制作，为了增强其说服力，场景才在后续阶段有了明确的方向性，应该是比较鲜有的流程。

在音效的设计上，我也沿用了美术视觉制作的思路，没有局限于数字的框架。

比如给指令文本的明灭配上荧光灯的声音，又比如给地图的闪光配上火柴或打火机的声音等等。

基于视觉信息，我将日常生活中耳熟能详的具象声音与抽象画面联系起来，尝试融合了原声效果音和合成电子音。

我购买了许多单独音源，并通过各种加工处理使它们接近自己心中的理想印象并加以拼合，这种制作过程也是受到了拟音手法的启发。

MEDA

 Sasa Ando

Yamato

 Kenichiro Shimada (Redefine)

Anna Aragaki (Redefine)

Ichiro Osaki

Uzura

Konbu, Kei Kurihara

Suzuki

Suzuki, Wakiyama, Mesopotamia, Midori, Lee Seungchan, Saneyuki

Xeksenk

Arakawa

Asami Chiba, Kota Miyokawa, Anna Sasaki, Mai Izumitani, Naoki Toyama, GKV Studio, Con

Kanekokaihatu, Kenji Omata, Soki Hirata

G-angle