拳头游戏Valorant界面动效分享分析_Leo游戏UI动效
《Valorant》是由拳头公司开发的射击游戏,这款游戏的GUI在设计中动效交互运用了图形的表现设计,在下面我会给大家讲解分析
这是一个击杀的动效表现,击杀瞬间图标的抖动给人一种击杀的快感,同时UI设计中的细节也非常的丰富,使用了圆形和箭头的图形表现方式
同样是击杀的动效表现,相比上面更丰富了一些,这个是高级击杀爆头的设计,注意绿色图形的小细节,不抢主体,又丰富内容
战败的小提示,由线成面的图形演变过程
上面效果放大版
离场效果,转场效果,由面转成线,再到点,演绎了一个图形的退化过程,入场后界面并不是很死板的图片,而是增加了镜头推进,更有代入感
这个无人机的机械线条设计,每一个细节都代表一种状态的交互,从打开,到准备好,还有图形的变化的过程也非常注重UI设计的平衡感,是非常讲究的
拳头游戏《Valorant》动效表现我们看完了,下面我找了一些图形的动效,来给大家一些新的思路
圆形,在科技感设计中运用的相对比较多的图形,它更像准星的定位,是否感觉似曾相识,其实在《Valorant》上的圆形设计中,就运用了其中一部分的形状变化,而这种变化方式打破了我们朴素的放大,位移设计,能让我们的动效更加丰富
这个表现可以运用到很多设计中,弹窗,《Valorant》中的战败,等等,在这些图形移动,或者放大的同事,我们还要考虑一些其他因素的变化,从而让我们的动效更有设计感
箭头的表现
这是一个不起眼的小动画,可是你有没有注意到英文部分的变化,随着整体做了裁切,让文字消失的非常和谐
这是一个点,线,面的变化过程,有些时候我们的界面需要这样的表现手法(风格偏向二次元和科技)
这个节奏上存在一些问题,不适用于游戏的UI,但是表现还是非常不错的,一个图形演变了多个组合图形的展现,而图形之间又有着必然联系,让画面非常和谐,让我想到了一个设计,下图
在图形变化的过程中,加入了一些适当的光感,来丰富整个动效
今天的分享就到这里,更多的知识学习请关注我,关注我的课程联系QQ:148098019
{:1_235:}
页:
[1]