《百闻牌》游戏UI动效分享

111天前发布

原创文章 / UI / 观点
猫老大_Leo 原创,如需商业用途或转载请与猫老大_Leo联系,谢谢配合。

网易游戏《百闻牌》界面动效

一个学习最快的方法就是分享,为了和大家一起进步,我也是不停的寻找好的游戏,一点点去体验和剪辑,希望我的分享能给大家带来有用的知识,也希望大家能尊重我的分享

《阴阳师:百闻牌》是一款精致和风卡牌对战游戏,玩家以式神为核心组建卡组,并进行回合制的策略对战,式神在战斗中可以进行升级,升级后可解锁并使用高等级的技能卡牌,想要获得胜利,除了拥有一定的运气之外,你还需要有足够的策略和战术

游戏延续了阴阳师的中日风格画风,在界面动效上也表现出了自己独特的风格,而且将主界面做成了楼层式的界面,从楼下,到广场,再到天空,形成了一个完美的层次感。

在切换时的整体带入感也很强烈,界面在切换时候运用了日本木门打开的方式,将界面风格发挥的恰到好处。

下面可以欣赏一下这个游戏的整体UI动效


这是一个通用的物品获得,一个小猫的标题也做了很细致的小动画

卡升级的小动效,这里能看到它有一个明显的重力感

界面运用了3D场景的层次切换,很有代入感

弹出窗口,简单明了

关闭的退出效果也做了很多细节

界面入场加入了一个日本和风的大门和符,做了一个开门的效果,卡牌最后也运用了3D的入场效果,可以说和界面风格融合的相当贴切

画面里也是运用了3D动效效果,看来这个是以后的动效趋势了,卡牌在出现结束后,还做了一些微微的晃动,瞬间让卡牌有了活力,都有点控制不住的想去点一下

这个石墓的门框一样的界面,重物和轻物表现的也相当合理,也许是技术性能的压力吧,如果能把布料做的更软一些,效果会更好

这个好像是副本一样的关卡界面,没个物体的小细节都做的很到位,尤其是最后的”进入试炼“做了一个小特效,在交互上起到了很好的引导作用,而且合情合理

这个就是一些小动画上的体现,什么叫细致,估计这就是了

一个卡牌的获得,因为内容比较长裁切了一下,估计如果是SSR,会冒光吧

我只看到了匹配,这个界面的交互核心做到位了


这是一个制作食物的界面,八爪鱼的小动画很有趣,还有眼睛的小动画,让八爪鱼活灵活现,右下角的领取奖励也是非常显眼,这个界面的层次把控的很好

剁剁剁,磨磨磨,周围的小人的活动,让我们明确了界面的用途

界面运用了很大胆的透视设计




界面切换的云里雾里,色彩上和第二个界面有了很好的衔接

这个是战斗开始的一个画面,卡牌的入场,战字的力度和特效表现,增强了战斗的体验感和代入感

开场的卡牌桌面,运用了透视螺旋的动画效果设计,让画面的3D空间感更加强烈

如果放慢动作,可以看到卡牌入场的透视和变形,这个也是一个运动过程的细节,有了真实的细节,动效才能做到感受合理,舒适

这是一个特效,走错了片场

点击的反馈,对方回合的动效小细节,风格的统一

这个胜利和我们往常看到的不同,不像那种强烈表现的画面,但是胜利的喜悦依然存在,原来也可以这样表现

这个入场战斗,是我嘴喜欢的一个表现效果,和风的扇子打开的动画相信也是有很多同学想学习的方法,那么你就要看一下他的慢帧,以及动画速率的细节,为什么你的没有感觉,原因就在这里了



45
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息