最好的动效往往能够通过变化让人明白两种状态之间的内在关联。
在制作不同状态之间变化的动效的时候,注意两个界面中共享的元素,并且将它作为桥梁,将两个界面状态连接到一起。
在使用 InVision Studio 创建原型的时候,这种同时存在前后两屏中的控件会自动连接起来,构成动效。这一功能使得动效的构建更加便捷。
在列表中使用瀑布式展开动效
左边的列表使用了较为迅速的淡入淡出动效,而右边的列表当中,淡入淡出以延时的方式呈现,效果类似瀑布的展开方式。
淡入淡出的动效让元素递次出现加上轻微的位移,比较自然,看起来不错。
联系我时,请说是在马鞍山便民网看到的,谢谢!