/二维卡通画风卡牌肉鸽游戏《雪居之地Wildfrost》里的三维界面动效 【画风别致】009-

二维卡通画风卡牌肉鸽游戏《雪居之地Wildfrost》里的三维界面动效 【画风别致】009-




在今年国庆节附近,Steam上举办了一个叫新品节的活动,展示了很多有趣的游戏试玩。兔哥体验了几十个,其中有些在视频号进行了直播,大家可以访问视频号“欧型兔”,在“直播回放”中看到。








这里边有不少美术品质极高的作品,也有美术一般但玩法特别好的游戏。













有款偏美卡风格的卡牌游戏比较有意思,其主要亮点就是融入三维层面去进行界面动效设计,本文做简单介绍








卡牌类的游戏通常都会将设计重点放在卡牌本身的视觉表现上。这类游戏的核心玩法就是在一个基本固定的场景中“玩牌”,卡牌的表现细节就显得尤为重要。








其中,将卡牌做得更加立体,以及将其在参与各种玩法时的动作设计得更具冲击力等,都是这种设计的焦点。








本作的视觉设计自然也会聚焦在这一点上。综合了诸多细节上的设计,它卡牌上的各种动作设计,都堪称柔滑:













外围系统中出现的各类卡牌样式,也都将三维的旋转、弹动等糅合在一起,匹配各自动作需求(



即相应的动画动作表达相应功能



)的同时,充满各种动作设计细节:







不过,本作进一步将卡牌的立体翻转特征,扩展到界面元素上,其中最为显眼的就是胜利结算的样式:

这个控件(图标)的各个构成元素显而易见的被设计成在Z轴上有先后关系的几个层次,以至于它在入场动画中,通过旋转而体现出一种有厚度和纵深的效果。这说明设计师将三维界面的思路,从“卡片式”扩展到了“层次感”的方向。


当胜利结算中附属了其他界面控件时,也利用了同种设计思路,如下图所示的“负伤”字样控件与底部横幅控件就显然不处于Z轴的同一个坐标上:

在失败结算中,一些控件的更多旋转方向,将这种设计方式所能体现出的可能性进行了进一步展示:

另外,作为卡通风格,本作的动态设计中自然难以免俗得包括大量的弹动动作。上述诸多图片中其实已经可以看到,这一动作特质在卡牌动作设计上已有极其细腻的表现。界面动效上自然也会有所延续,尤其是和三维动作特质结合起来的设计,如简单的tip,就由三维旋转与变形弹动两个动作维度进行组合:

在一些比较“坚硬”或者抽象的材质上,弹动设计被转移到其他维度,如下图所示,这个巨大的控件也同样具备三维空间动作设计和弹动动作设计,但仔细观察后会发现,它的弹动实际上是Z轴上的来回晃动,而不同于上图的变形弹动:

具备这两种设计特征的动态设计特点,被普遍融入在本作的动效设计里,如下述多图展示的“商店”流程里,就可以看到鼠标经过时物件的柔滑弹动动作、NPC对话气泡变形弹动、菱形弹窗的三维弹动动作,以及整个场景伴随一些操作而进行的纵深变化等细节:

除了这两个比较亮眼的特征外,本作的普遍通用的设计也比较有趣,如以下多图展示的“获得挂饰和给卡片挂上挂饰”的流程里,可以看到获得氛围的烘托动效、卡片对操作的响应动效、以及增加挂饰后获得增益的动效:

这些效果结合本作自己的特点,但又普遍通用。下图所示,在另外一个界面表示“解锁进度”时的设计特点,也是典型的偏激励性质的动效:

像每一个体验完善的游戏一样,本作的动效还有非常多细节,比如在战斗关卡选择时,关卡图标的响应动作:

结合了游戏世界观的,用飘雪效果充当的通用转场效果:

以及局内除了卡牌本身,战斗过程中的“溅血”效果,根据伤害的不同,血滴有多有少;根据攻击方向的不同,血滴可能会溅在地上,也可能会溅在其他卡牌身上,可能会溅很远,也可能比较近:



本文无法罗列它的所有细节,但已足够说明这不仅是个画面风格扎实、有特点的游戏,还是个经过专业打磨的游戏,至少从美术品质上来说是个小品佳作。








本作目前未公布确切上线日期,2022年冬季或可玩到。








这里是COTA五号,关注我们,共寻设计本质



本文完。










 关注我们 共寻设计本质 


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