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

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

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

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

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

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

你可能感兴趣的:(SVG微信交互图文|创意图文|交互推文新形式——长按过渡切换图片)