《刺客信条》UI动效分享

我们先看一下界面的一些静态设计图

注意这个界面右侧的描述区设计，后面会讲到

重点的动效来了，请继续欣赏

场景切换的融合很舒适，包括后面动画的曲线控制，这些微妙的细节都是做好一个动效的基础

人物展示的底座也用了和背景同样的元素，这样在切换的时候虽然是人物由小变大的展现过程，但是在结束的时候也不会先的那么突兀，虽然可能有更好的设计方式

很多游戏已经开始注意人物，背景的镜头自然衔接，会让整体更具合理性

下面的单独拿出了一小节效果做下细节分析

重点就是这2个区域，在同一个页签之间进行切换的时候，背景可以有微妙的变化，或者不做变化

左侧的页签选中，用了一个三角棱的模型设计，打破了常规的2维设计，虽然切换的时候速度过快，导致了旋转跳帧的感觉，但是这个设计方式，从模型的光感，宝石的质感，都让选中区的设计显得格外精致

右侧信息区，简单的切换里有着丰富的内容，如果仔细看，GIF里可能有点快，但还是能注意到里面的细节变化，更像是水晶再光照耀下的质感，让我感觉到这个区域也格外的立体，使整体的风格也很统一

关注我的，教你更多动效知识