当我们的三位宇航员即将要返回地球家园之际，本期小A整理准备了关于“FUI”方面的设计资料，供大家阅读宇宙未来

FUI，常用在科幻电影、漫威电影中，像《海王》、《逆时营救》、《上海堡垒》等电影都有运用。

FUI是虚拟界面（Fantasy User Interfaces）、科幻界面(Fictional User Interfaces）、假界面(Fake User Interfaces）、未来主义界面(Futuristic User Interfaces）、电影界面 (Film User Interfaces）的简称。

F代表未来和科幻，主要作用就是在电影或游戏中展示发达的科技特效，比如《海王》中的 FUI。FUI需要以电影场景中的用户（不一定是地球用户）为中心设计，呈现一种科幻、现实又充满未来感。

FUI的制作过程是怎样子的？

这里我们再了解几个名词吧！

UI设计概念解释就略过啦，妇孺皆知

Motion Graphic是什么？MG可以理解为动态图形，我们的FUI一定要动起来才更加炫酷。当然在做FUI的动态图形时不仅要酷炫，还要符合该程序的功能。在FUI里的MG可以使用C4D或AE等软件完成。电影会先录下演员的操作，再加入MG到画面上。

HUD是什么？HUD是Head Up Display，就是运用在航空器上的飞行辅助仪器，即把信息用激光或者DLP技术投射在飞行员眼前，这一系统称为Head Up Display系统。

当然这种技术很快也被游戏领域学习，我们玩的很多游戏都有HUD设计，从最早的PONG游戏到现在很多的VR游戏和穿戴设备，甚至很多汽车厂商也开始应用HUD，但HUD仍然大部分以游戏和电影出现，很多设计师有时也以HUD设计指代FUI设计。

DLP投影是什么？Digital Light Processing。指的是投射到屏幕的技术，HUD主流使用的技术就是这个。

制作FUI时需要什么工具？我们熟悉的PS，AI，AE，C4D等软件可以组合起来使用....如果要制作真实可交互的FUI，那就需要像openframework和cinder或processing来做了。有许多UI设计师有时也会完成FUI制作的部分交互内容。

FUI设计师在开始工作之前首先要建立和互联网UI设计师一样的用户画像。先思考用户是什么样的生物，在操作时有什么样的习惯，操作的目标是什么等等。用户决定交互，研究好不同生物的特性有助于我们构建合理的FUI。

然后有了用户画像之后再做用户故事，故事背景等元素，比如外星飞船的工作结构等，这些对FUI的真实性至关重要。

FUI的色彩非常重要。

一般来说FUI大都是黑色背景蓝绿色界面的，这是一个思维定式：蓝绿表示科技感。但随着设计的发展，也出现了多种颜色的运用：

图为《银翼杀手2049》中的FUI

比如褪色，整体色调除了科幻之外有一层怀旧的感觉，还不时用一种过时的黄来营造这种赛博朋克的风格。

图为《攻壳机动队》中的FUI

比如粉紫。紫色和粉色看起来很风骚，这种可爱的颜色和科技蓝绿遥相辉映，能创造出一种扭曲的科技感。开个玩笑：通常这种界面应该加一些中文繁体字，毕竟西方人总担心未来是东方人的嘛

图为《降临》中的外星语言翻译工具

除了颜色之外，高水准的科幻电影，常常还会使用“类型化风格、外星语言”来烘托FUI的真实性。外星文和大家想象的相反，真正严谨的科幻电影不会打什么火星文，相反会请语言学家来生造一种语言。

比如《降临》这部硬科幻，就运用了语言学linguistics中的一些概念创作出了一种全新的圈形文字，在电影《降临》里这个语言软件是真实可交互的，并不是一个简单的特效，成功地用FUI把电影抬到了一个更高水准。

FUI 的设计风格虽然属于一个小众的设计风格，但在这个扁平化当道的时代更容易吸引用户的目光，接受程度高，视觉冲击力强，设计细节丰富。

当下“大屏”作为视觉载体，物理渲染尺寸比例的变更使得扁平化设计在大屏上显得画面不饱满，缺乏细节，而 FUI 则恰好能够补充这些空白， FUI 可以帮助我们突破思维限制，寻求更好的设计解决方案。

本文作者郗鉴，相关素材来源网络。如有版权问题，请于本文刊发30日内联系我们。2021 北京AAA教育 保留所有权利。