UI 当学《鬼泣 5》

小篱

日前应该有不少同学都去尝试了一下《鬼泣5》，虽然有情怀加持，但是风评已经逐渐透露出一丝冷静的意思。关于游戏质量我不多谈论，毕竟我们更多是冲着学习的心态去观摩这部回归之作的。总体来说我认为这是一部比较时尚，比较现代的作品；无论是游戏流程上的取巧，还是战斗与视角上的调整，相比《鬼泣4》来说都算是千差万别了。

这一代操作上改为键鼠并用，同时视角控制也完全自由了

但是身为游戏制作者，比较可惜的一点是《鬼泣》的很多ACT元素对我们没太大借鉴价值。至于我们很多人都追求的打击感，《鬼泣》中更多也是“高模中透露着富有”。叙事上或许算有些创意，但就中国玩家来看，对于花哨的插叙手法接受程度有限。至于UI...倒是挺值得好好学习一番。

其实界面的逻辑和历代《鬼泣》是完全一致的，但是相信你不会否认5代看起来时尚了许多

开始之前先说些功利主义言论，对于一部3A级制作来说，UI是我们唯一能学，学了能用，用了效果显著的要素，所以下功夫专研很值。总体来说，《鬼泣5》的界面确实时尚中透露着用心，这个美术团队我真想认识一下，说是吊炸天真的不过分。

那么我们要学的是什么呢？我认为最重要的是UI的设计趋势和思想，毕竟美术上的事情各个游戏风格不同，想学也不见得适合。近期的大部分游戏，包括《战神》，《荒野大镖客》，都无一例外的使用了开放式UI，同时尽量结合游戏实际场景展示，目的就是让UI自然消融在游戏中，而不是让UI打断玩家的游戏体验。下面是具体的案例分析：

首页的一级页面：

1.透视，整个UI不仅是开放式的，更重要的是它带有一定的透视，更加可以体现出其与场景融合的特点

2.选择框的形状，使用半矩形半平行四边形的元素，使其尖锐的部分更容易表现出透视。

首页的二级页面：

1.配色，为了避免总色单调，在右上角标注了当前的资源数量

2.任务展示，使用小画幅场景保持UI的开放式

3.功能合并，一个界面中同时包括了难度选择和任务选择，缩短引导流程

载入界面（故事）：

1.展示时间线，一个很有创意的功能

2.分割线，通过时间的逻辑关系，使得一根分割线同时具备了人物指示和说明文字提示的作用

3.底部载入条，注意泛光效果，衍射做的很夸张，而没有使用一贯常用的荧光

服装选择：

1.一个时尚的趋势，动态背景，以及对小画幅的突破（注意但丁的脚和剑都超出了小画幅）

2.颜色，人物尽量使用与UI不同的颜色

准备界面：

1.玩家指示，人物没有采用头像，而使用了抽象的ICON，不失为一个好记忆点。

2.风格一致，凡是涉及到了开放式的场景，UI必须有透视。同时面板说明（Mission menu）和资源的位置也和其他IU也是统一的。

战斗界面：

和旧版类似，值得一说的是左上角对玻璃元素的利用。在《鬼泣5》中，玻璃和UI存在逻辑上的关联。寻找一种和UI相关的意象是很聪明的做法，因为能够化解UI的不自然感。

结算界面：

同样是使用玻璃作为UI的象征。每一代DMC都有玻璃碎裂作为标志，但只有5代把结算界面也做成了一个场景。

总结起来，我认为一个日前时尚的UI应该具有的特征就是：

•开放式

•结合场景

•特殊字体

•动态背景

•小画幅

•更多icon

•功能合并1

作者：Zorrot Chen
来源：indienova
原地址：https://indienova.com/indie-game-review/what-we-can-learn-from-dmc-5-about-ui/