《Valorant》是由拳头公司开发的射击游戏，这款游戏的GUI在设计中动效交互运用了图形的表现设计，在下面我会给大家讲解分析

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

更多精彩图片 请登录

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

更多精彩图片 请登录

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

更多精彩图片 请登录

上面效果放大版

更多精彩图片 请登录

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

更多精彩图片 请登录

这个无人机的机械线条设计，每一个细节都代表一种状态的交互，从打开，到准备好，还有图形的变化的过程也非常注重UI设计的平衡感，是非常讲究的
拳头游戏《Valorant》动效表现我们看完了，下面我找了一些图形的动效，来给大家一些新的思路

更多精彩图片 请登录

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

更多精彩图片 请登录

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

更多精彩图片 请登录

箭头的表现

更多精彩图片 请登录

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

更多精彩图片 请登录

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

更多精彩图片 请登录

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

更多精彩图片 请登录

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

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