/复古的未来科技风格会由哪些关键元素支撑?《精英危机》的教科书式示范里有答案【半周谈】082

复古的未来科技风格会由哪些关键元素支撑?《精英危机》的教科书式示范里有答案【半周谈】082




本文将继续按照演变规律这一线索,去看看科技风格到底有哪些具体的表现形式。








本文将以《精英危机》为例,分析未来科幻题材游戏中科技风格的主要表现手法。








本作的界面动效属于典型的未来科幻题材。








但是与一般的未来科幻题材不同,它是一种偏复古古典风格的细分方向。这主要来自其界面设计中的典型特点,如黄色的主题色,以及模仿复古显像管坏信号效果,所结合产生的效果。








其中,复古显像管坏信号效果在本作的动效风格上起到了决定性作用,界面中绝大部分框体切换都应用到此一效果。








现实中真正的此类设备所显示的效果如下两图所示:



可以明显的看出,真实的这种显像管设备展示其所显示的内容时,动态特点就已经有了我们现在所总结的科技感所需的两个特点:闪切、生长。








都是类似的动作特点,为啥这种风格就显得很有时代特点?这主要由两点引起,或曰构成:单色,以及特定的闪动频率。







前者很容易理解,《精英危机》的界面显而易见的是一种单色界面,大片的橙黄色,构成了界面中几乎所有图形、文字、图标等等视觉元素的色彩。除此之外,很少有其他的配色。


后者,则需要通过一些微小的细节来觉察。如下图所示的飞船“雷达”显示区中所显示的探测物体移动状态,在每次移动之前都会有类似残像的晃动动作:








而在下图所示的这种对按钮进行点击操作后的界面反馈上,则多利用“反白”的闪切效果:











类似的效果营造了在“老式”的精密显像管设备上才会有的效果。结合着这些细小的特点,本作的动效才显得比较复古科技。


类似的做法,我们在《赛博朋克2077》(关于这款游戏动效的评论可点击本行文字回顾)这一非常经典的复古科技风格游戏中也可见到很多,比如下图这样直接复刻年代感十足的车载显示:


做过卡车司机的导演雷德利·斯科特,在他执导的首部《异形》电影中也类似的风格表现。只不过这种场景主要是用来还原类长途卡车司机那种脏脏的,随意的工作环境的,试图将电影中运货飞船的操作台表现成太空卡车一样,只不过受限于时代(1979),当时的科技感就正是这类显像管风格

结合着这一核心元素,本作动效的“外围元素”还包括与3D物件的结合,以及规律图形应用。这三者一起,才最终构成整体看起来顺滑无比的体验。


3D物体在科技风格界面中属于非常常见的元素,它们有一种非常一致的表现特征,即常以线框轮廓的形态展示:

通常还需要在交互过程中,有一定的3D特征。动态上表现这一特征,通常就是旋转,如果配合界面的操作动作设计3D动画,效果会更好:

规律图形几乎可以在任意科技风格的动态设计中见到。常见单元图形的有三角形、六边形亦或是矩形、正方形等等。通常都是比较“硬边”的图形。当这些单元图形以整排整列乃至于矩阵式排列时,就会表现出特定的形式感。而这种整齐规律的图形在动态层面上非常适合科技风格所需的调性。


由此,通常由硬边造型的单元图形所组成的规律图形,就成为科技风格动态设计的常客。而在动态层面上,它们往往遵循任意形状构成形态的波次动画。即微观上看是一种此起彼伏的动画,但整体上体现出一种波次形态。


本作中就将这种形态图形应用在某些框体的入场效果中,结合复古闪切动画,效果非常流畅,在遥远的2014年使用这种手法,在2022年看来仍不过时,反而可能还仍然超前:






综上,这就是未来科技感的一种,复古科技风格的一种表现形式:以显像管坏信号为核心元素,结合3D元素动画和规律图形动画,再带有特有的单色调界面设计,构成《精英危机》独有的复古科技风格。


关于科技风格,我们本系列下一篇继续。


这里是COTA五号,分享专业的游戏界面和动效知识,欢迎关注获取更多资讯。









本文完。










 欢迎点击下方名片关注本号 







本文来自微信公众号“COTA五号”作者:欧型兔(ID:cotadesign)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。