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

阿姆斯特丹/UX设计师/5年前/5431浏览
《百闻牌》游戏UI动效分享

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

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

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

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

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

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


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

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

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

弹出窗口,简单明了

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

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

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

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

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

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

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

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


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

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

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




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

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

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

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

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

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

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

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



110
Report
|
136
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
游戏UI动效
游戏UI动效
游戏UI动效
游戏UI动效
作品收藏夹
游戏ui
游戏ui
游戏ui
游戏ui
作品收藏夹
游戏动效
游戏动效
游戏动效
游戏动效
作品收藏夹
UI动效
UI动效
UI动效
UI动效
作品收藏夹
游戏动效
游戏动效
游戏动效
游戏动效
作品收藏夹
大家都在看
Log in