SVG创意图文｜交互推文新形式—长按过渡切换图片

2020年总是遗憾颇多，有些意外和告别突如其来的发生。年末之际向我们以新的形式重现2020注定不能在相见的人，向所有的不辞而别好好道别。本篇推送由SVG业知名开发者GL操刀开发设计，以重启时光、重逢故人为主题的交互推文《2020年12月32日》

在案例中展示的是长按图片切换过渡效果，利用两张图片的叠加，通过长按执行两张图片垂直方向的切换，完成图片相向而行的过渡变化。其次画面里，向上延展效果也拟态时间倒流的视觉，巧妙契合时间倒流的主题。这种信息传递形式和交互模型，不单单是简单的图片交换，而是考虑到用户不是直线稳步进行的阅读方式，在阅读过程中更似是一种远近不定的跳跃用户阅读习惯。所以利用逐行变化效果，提高信息传达的准确性，

另外，在长按过渡切换图片模型里，图文并茂的方式增强人们对产品的识别和认知的特性，以简短文案衔接内容，才能获得最佳信息传递效果。交互层面上，简化任务执行步骤，降低用户的执行负荷，减少用户在观看推文的同时付出的劳动力，信息才得以有限的时间内展示在用户面前。

长按过渡切换图片模型，可以运用在内容发生变化的关键点揭示信息的变化，改变左右滑动或者向下延展式的信息传送方式，利用过度变化直观呈现过渡变化。除此之外，在推文中形式还可以更加丰富，比如拟态物品在传送机上下滚动中发生变化也很有意思。

最后，敬请期待「小编备用」上线更多SVG微信交互商业案例～