穿越未来的设计—FUI

2017年06月05日


FUI???WTF????

看到这里萌新们也跟我一样懵了,什么是FUI?

机智的我赶紧上网查了一下。

敲黑板:FUI意思就是 FUCK UI……啊呸,是Fantasy User Interface 幻想使用者界面, Fictional User Interfaces 科幻使用者界面,Fake User Interfaces 虚构使用者介面,或是Futuristic User Interfaces 未來使用者界面,不管那個"F"的意思是什么,它都表示着相同的事情,那就是还不存在的"人机交互界面 user interfaces (UIs)"和"浮空投影 heads up displays (HUDs)"。

怎么样,看不懂吧?

先来一波图你们就知道了~

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

怎么样,是不是觉得很熟悉?仿若哪里见过?

见过就对了。

漫威的一系列电影看过吧,其中钢铁侠的一些设计,就是FUI一个很棒的例子。除此之外美国队长跟“妇联”电影中也有。

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

作为一部脑洞惊奇的科幻电影《阿凡达》当然也有出色的FUI设计。

你所看到的这些,就是FUI了。

惊喜不惊喜?

是不是很厉害的样子?

几乎是所有老板看了都想要的逼格设计。

不过目前这样的界面主流还是在电影跟游戏中,

因为这些用户界面通常不具备太高的功能性,

目前FUI多以突出物件结构和鲜亮的颜色为主,因此往往是超级复杂的界面,根本不考虑用户是否能看懂。

整个设计需要看起来能够凸显电影或者游戏中的使用者看起来很牛x,这个世界很高科技很科幻。

顺便,在长久的好莱坞工业当中,设计这种伪高科技界面一直是科幻片非常重要的设计要素。

大家可以回忆我们所看到的各种早期科幻片 以及刚刚提到的例子,都有相当比重的伪界面设计元素 其中相当部分是远远超越当时科技的。

请点击此处输入图片描述

请点击此处输入图片描述

请点击此处输入图片描述

不过这些设计并不是凭空而来,或使用电脑程序就能直接创造,其实大部分是依赖动画设计师一步步的设计来完成美化,并应对到影片实际需要的时间与互动来产生,简单来说,还是得回归到动画、动态影像的规范里。一般经常使用到的工具是:Adobe Illustrator、Adobe After Effects和Maxon Cinema 4D。

目前在国内还是比较少这样的设计师。不过FUI中的很多交互和界面的设计,未尝不是未来的设计趋势。有兴趣的宝宝们可以练习着玩玩。(手动微笑)