在前几日的任天堂直面会上,官方透露「塞尔达传说:王国之泪」将于5月12日在NS平台上发售,塞迷们终于盼来了塞尔达系列的最新力作。从「天空之剑」到「旷野之息」,游戏的界面设计也从大号写实风逐渐过渡到了扁平化。秉持着「非必要不保留」的UI理念,让我们从图形、布局、文字、动画及其他五个维度看看他们在迭代上是如何思考的吧~
↑↑↑《塞尔达传说:天空之剑》↑↑↑
在「旷野之息」中,则整体缩小了图标尺寸,用面性扁平图标代替了拟物,弱化其在整体界面中的存在感。
↑↑↑《塞尔达传说:旷野之息》↑↑↑
在早期开发中,「旷野之息」的元素图标仍然以线性或2.5D线性风格图标为主,且图标种类很多。而在最终定稿时,已删繁就简为朴实的面性扁平图标,且分类大大减少。
↑↑↑早期开发和最终定稿的图标差异↑↑↑
相对线性图标而言,面性图标在复杂的游戏界面中更为突出,使信息更易传递,不易破坏用户体验。
↑↑↑动作表示图标由线性改为面性↑↑↑
在启动画面的菜单上,没有采用传统的居中式菜单栏,而是选用左右布局,充分利用空间留白,让界面干净整洁,带给玩家‘旷野’的沉浸感。
↑↑↑充分利用留白↑↑↑
在武器和防具这类操作密度较高的部分,「天空之剑」菜单栏为多模块布局
↑↑↑「天空之剑」菜单栏多模块布局↑↑↑
「旷野之息」则采用玩家习惯的构图规则,使其看一眼就能上手,降低玩家理解成本。
↑↑↑「旷野之息」菜单栏左右布局 ↑↑↑
为了不干扰游戏感受,地图画面也从构图上整合了繁琐的操作。
↑↑↑「塞尔达传说:天空之剑」↑↑↑
↑↑↑「塞尔达传说:旷野之息」↑↑↑
为了减少过渡设计,「旷野之息」对字体也做了风格及样式上的统一,使用白色、无边框及单色制图来代替原有的装饰元素。
↑↑↑「塞尔达传说:天空之剑」↑↑↑
↑↑↑「塞尔达传说:旷野之息」↑↑↑
在文本信息展示的交互上,将原有的‘一直展示信息’改为‘需要时显示’。大幅减少画面的干扰元素,让沉浸感得到提升。
↑↑↑「塞尔达传说:天空之剑」↑↑↑
↑「塞尔达传说:旷野之息」虚线区域的信息为必要时展示 ↑
在人物展示等方面使用了动画,让它给人留下深刻印象。在界面被弱化的图标上同样使用了各种动画。因为较小的尺寸的图标无法传达足够的信息。因此使用动画特效来突出和传达这部分信息。例如受到伤害时心槽耗尽,会追加一个发光的动态特效,试图让简单的 UI 看起来也同样很有质感。
↑↑↑ 传递信息的作用被强化的同时,也增加了趣味 ↑↑↑
不仅如此,还增加了捕捉效果,与文字结合。
↑↑↑ 捕捉文字使其纹理化,也增加了趣味 ↑↑↑
另外,在「旷野之息」起重要作用的「希卡石」,为表现特殊的「古代科技」感,采用了区别于整体UI的表达。在希卡之石上,运用了更多装饰性的表现方式。
篇幅有限,还有许多性能及优化细节在此不一一赘述。正是通过创造设计师与工程师双方的共同合作,追求极致,才有了「旷野之息」这部伟大作品的诞生,而即将到来的「王国之泪」又会给我们多少惊喜,让我们拭目以待吧~