拳头游戏Valorant界面动效分享分析_Leo游戏UI动效

首先我们先看一下游戏中的战斗部分动效

这是一个击杀的动效表现，击杀瞬间图标的抖动给人一种击杀的快感，同时UI设计中的细节也非常的丰富，使用了圆形和箭头的图形表现方式

同样是击杀的动效表现，相比上面更丰富了一些，这个是高级击杀爆头的设计，注意绿色图形的小细节，不抢主体，又丰富内容

战败的小提示，由线成面的图形演变过程

上面效果放大版

离场效果，转场效果，由面转成线，在到点，演绎了一个图形的退化过程，入场后界面并不是很死板的图片，而是增加了镜头推进，更有代入感

这个无人机的机械线条设计，每一个细节都代表一种状态的交互，从打开，到准备好，还有图形的变化的过程也非常注重UI设计的平衡感，是非常讲究的

拳头游戏《Valorant》动效表现我们看完了，下面我找了一些图形的动效，来给大家一些新的思路

圆形，在科技感设计中运用的相对比较多的图形，它更像准星的定位，是否感觉似曾相识，其实在《Valorant》上的圆形设计中，就运用了其中一部分的形状变化，而这种变化方式打破了我们朴素的放大，位移设计，能让我们的动效更加丰富

这个表现可以运用到很多设计中，弹窗，《Valorant》中的战败，等等，在这些图形移动，或者放大的同事，我们还要考虑一些其他因素的变化，从而让我们的动效更有设计感

箭头的表现

这是一个不起眼的小动画，可是你有没有注意到英文部分的变化，随着整体做了裁切，让文字消失的非常和谐

这是一个点，线，面的变化过程，有些时候我们的界面需要这样的表现手法（风格偏向二次元和科技）

做了更多丰富的细节表现，在动画变化的过程中，让画面的饱满度又增加了几分，不会显得中间那么空，这种也是动效表现中，通过增加额外设计内容，来丰富动效画面感的手法，你学会了吗

这个节奏上存在一些问题，不适用于游戏的UI，但是表现还是非常不错的，一个图形演变了多个组合图形的展现，而图形之间又有着必然联系，让画面非常和谐，让我想到了一个设计，下图

在图形变化的过程中，加入了一些适当的光感，来丰富整个动效

这个效果中表现的细节还是很多的，圆形的多层动画，文字的展现（也可以是图片），要灵活运用

今天的分享就到这里，更多的知识学习请关注我，关注我的课程