浅谈《Nintendo Switch Sports》的界面设计细节

它是一种柔软、时尚并且略显劲道的一种图形。这种动态特点基本上是由线条的伸展变化动画构成的。这也与后文将要讲到的该图形在界面动效中的生长式动画特点一致。

这种断点线型元素在界面中以各种形式存在。除了常见的细线条形式外，还以下图这样比较硕大的造型形式存在：

如上文所述，本作界面动效精准地利用了界面中的关键视觉元素--断点线条。它以线条生长和流动为基本动态语言。在静态设计的基础上，进一步完善地表现了这种表现速度和力道的图形语言。

另外还有一种简单版本的loading动画：

类似的线条生长动画，也出现在一些比较关键的界面视觉表现点位上，如多人模式时，匹配成功的效果里，就有玩法图标的类似构成动画：

如上文所述，这种线条的形态不仅限于细线条样式，它还会变粗，比如在结算类界面中，它们就是粗细不一的速度线形态：

类似的，局内的一些关键提示，也用了这种动态形式：

这种元素的变种也同样出现在另外一些焦点交互点位上，比如VS界面中，VS字样的出场动态中：

如果增加颜色表现，它还能进一步表现出操作后的评级反馈：

进一步的，它们充当了画面转场时的抽象覆盖元素：

和加载画面的动态循环背景图形：

至此，我们可以大致梳理出这种关键图形元素在本作界面中的应用手段，从基本的图形出发，继而扩展出多种形态的设计手法上，有一个脉络清晰的演变关系：

作为一款轻松愉悦的卡通风格游戏的重要部分，本作的界面动效自然无法超脱出卡通类动效基本风格设计特点：“弹动”。

与一般的游戏界面中的弹动设计略有不同，这种主机类+体感游戏的动效弹动，很多时候要考虑到联动外设反馈一同设计，这样才能塑造出深入人心的反馈感受。

比如我们可以经常看到这样的动效：

它承担了一个操作流尾端的提示作用。这个操作流是玩家正式进入游戏之前的必要准备工作。只有在正确操作的情况下，这一弹动效果以及联动的手柄震动才会发生。

更多的弹动设计，则被深入渗透在界面的角落中，有比较明显的，如每次操作按钮时的点击态：

还有局内的一些关键提示：

以及玩法引导里的成功反馈：

还有一些不太明显，比如下图中镜头运动表现出的劲道动作：

以及多个界面之间衔接时，各个控件出入场的动画动作配合起来的弹力效果：

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

---

往期推荐：