创意排版|微信SVG|如何利用SVG小技术让邀请函比H5更炫酷?

 今天分享的也是一篇很有意思的交互图文,是我司在今年11月4号交付「GE中国」官方微信公众号的一篇题为《就等你了!请查收来自GE的进博会邀请函》的交互推文。

传送链接:https://mp.weixin.qq.com/s/RZsq4V2Bzn0_0K1TkWF0og

顾名思义,邀请函这样的文本需要输出的主要信息是时间、地点、主题等,这些基本的信息需要用户准确快速接收到。基于以上考虑以及结合品牌方的诉求,我司提出了拟态iphone闹钟设置的交互效果,通过滑动来切换文字,将6句文字滑动到指定位置后,组成GE本届全新的slogan「开创工业之未来」。

接下来想要和大家具体聊一聊这篇推送是如何用巧妙的文字交互输出品牌方的基本信息的。推文的一开头以「左右滑动」提示用户如何解锁本届主题。接着加入左右滑动的交互效果,用不一样的字体颜色标注,引导用户滑动到指定位置,在此过程中与用户进行第一次互动。而在左右滑动中,植入品牌方的次要信息。

「GE中国」植入的次要信息有「进博会为开放贸易打开大门」、「GE携创新的技术和解决方案参展」、「结合百年工业积淀」、「促进航空、能源、医疗、数字化行业发展」、「以社会之福为己任」、「我们破疑难杂症解未形之患」、「让未来可期」,在这7句话中巧妙加入拟态iPhone闹钟的交互效果,可以在用户集中注意力去寻找关键字的过程中,留意到其他信息。

本篇推送在「主题」部分加入了简单的左右滑动效果,与用户产生七个小互动,揭开GE此次参展的全新主题,极大增强了用户对主题的记忆,接着在用户保持强烈的注意力下引出展会的时间、地点、展台,最后自然植入直播二维码,留住线上用户,给予用户网络生态的归属感,增强用户对品牌方的好感度。

你可能感兴趣的:(创意排版|微信SVG|如何利用SVG小技术让邀请函比H5更炫酷?)