在前几日的任天堂直面会上,官方透露「塞尔达传说:王国之泪」将于5月12日在NS平台上发售,塞迷们终于盼来了塞尔达系列的最新力作。从「天空之剑」「旷野之息」,游戏的界面设计也从大号写实风逐渐过渡到了扁平化。秉持着「非必要不保留」的UI理念,让我们从图形、布局、文字、动画及其他五个维度看看他们在迭代上是如何思考的吧~

01
图形
「天空之剑」中,代表体力的心形符号、拥有的卢比数量、以及操作方法的图标都表现得相当大

↑↑↑《塞尔达传说:天空之剑》↑↑↑

 

 

「旷野之息」中,则整体缩小了图标尺寸,用面性扁平图标代替了拟物,弱化其在整体界面中的存在感。

↑↑↑《塞尔达传说:旷野之息》↑↑↑

 

 

在早期开发中,「旷野之息」的元素图标仍然以线性或2.5D线性风格图标为主,且图标种类很多。而在最终定稿时,已删繁就简为朴实的面性扁平图标且分类大大减少。

 

↑↑↑早期开发和最终定稿的图标差异↑↑↑

 

 

相对线性图标而言,面性图标在复杂的游戏界面中更为突出,使信息更易传递,不易破坏用户体验。

↑↑↑动作表示图标由线性改为面性↑↑↑

02
布局

在启动画面的菜单上,没有采用传统的居中式菜单栏,而是选用左右布局,充分利用空间留白,让界面干净整洁,带给玩家‘旷野’的沉浸感

↑↑↑充分利用留白↑↑↑

在武器和防具这类操作密度较高的部分,「天空之剑」菜单栏为多模块布局

 

↑↑↑「天空之剑」菜单栏多模块布局↑↑↑

「旷野之息」则采用玩家习惯的构图规则,使其看一眼就能上手,降低玩家理解成本。

 

↑↑↑「旷野之息」菜单栏左右布局 ↑↑↑

 

 

为了不干扰游戏感受,地图画面也从构图上整合了繁琐的操作。

↑↑↑「塞尔达传说:天空之剑」↑↑↑

 

↑↑↑「塞尔达传说:旷野之息」↑↑↑

 

03
文字

为了减少过渡设计,「旷野之息」对字体也做了风格及样式上的统一,使用白色、无边框及单色制图来代替原有的装饰元素。

↑↑↑「塞尔达传说:天空之剑」↑↑↑

 

↑↑↑「塞尔达传说:旷野之息」↑↑↑

在文本信息展示的交互上,将原有的‘一直展示信息’改为‘需要时显示’。大幅减少画面的干扰元素,让沉浸感得到提升。

↑↑↑「塞尔达传说:天空之剑」↑↑↑

 

「塞尔达传说:旷野之息」虚线区域的信息为必要时展示 

 

 

04
动画

在人物展示等方面使用了动画,让它给人留下深刻印象。在界面被弱化的图标上同样使用了各种动画。因为较小的尺寸的图标无法传达足够的信息。因此使用动画特效来突出和传达这部分信息。例如受到伤害时心槽耗尽,会追加一个发光的动态特效,试图让简单的 UI 看起来也同样很有质感。

 

↑↑↑  传递信息的作用被强化的同时,也增加了趣味 ↑↑↑

 

 

不仅如此,还增加了捕捉效果,与文字结合。

↑↑↑  捕捉文字使其纹理化,也增加了趣味 ↑↑↑

 

05
其他

另外,在「旷野之息」起重要作用的「希卡石」,为表现特殊的「古代科技」感,采用了区别于整体UI的表达。在希卡之石上,运用了更多装饰性的表现方式

 

篇幅有限,还有许多性能及优化细节在此不一一赘述。正是通过创造设计师与工程师双方的共同合作,追求极致,才有了「旷野之息」这部伟大作品的诞生,而即将到来的「王国之泪」又会给我们多少惊喜,让我们拭目以待吧~

 

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)