文章内容来源于公众号:i排版 点此可查看原文。若涉及版权问题或存在侵权情况,请及时与我们联系,我们将第一时间进行删除处理。
无论520还是521,想要当天在公众号进行营销推广,是时候准备起来了。
在这样浪漫的节日,仪式感显得特别重要,而SVG交互图文可以交互互动的特点,把图文里的「仪式感」拿捏得死死的。
老沙在这里整理了往年的10个和520相关的创意图文,交互并不复杂但每个都有它的闪光之处,或许能为你带来一些灵感,一起看下吧。
点此查看原文
● 将视频转换为GIF,然后控制其点击播放,比观看视频更方便,原文中多个点击播放GIF连在一起看很有故事感。
该效果使用编辑器(x.iPaiban.com)即可制作:
组件:点击-切换GIF动图
编号:10086(组件)
点此查看原文
● 长按切换GIF,用户想要看切换后的画面,就要一直长按图片,互动性强,会让用户更加好奇画面内容。
该效果使用编辑器(x.iPaiban.com)即可制作:
组件:长按-切换GIF动图
编号:10090(组件)
点此查看原文
点此查看原文
点此查看原文
● 平常我们想创意通常局限在一篇图文中,而奔驰将一次推送分为3条,每一条各使用一个开门滑动,3条连起来构成一个完整的案例,很有意思。
该效果使用编辑器(x.iPaiban.com)即可制作:
点此查看原文
● 左右滑动见过很多,全文左右滑动很少见吧。
Burberry让全文作为一个整体处于左右滑动的布局之中,老样式顿时有了新体验。“520 I LOVE YOU × 3000”的大字设计也很具有视觉冲击力。
该效果需定制,联系微信:玉兔(ID:playhudong15)
● 情书是情侣间互诉情谊的一种浪漫方式,美的将情书与「打印机」的交互结合起来,并加入了密令(回复关键词)玩法,营销加粉两不误。
该效果使用编辑器(x.iPaiban.com)即可制作:
组件:点击-打印图片(设置触发区域)
编号:10212(组件)
_-_-_-[{"title":"无标题","abstract":"","article_id":"afcc563755a646ec020eeceda283864b","widgets":"[{\"type\":\"ImgHrefWithIcon\",\"options\":{\"baseImg\":{\"media_id\":\"bfe5809dec9042efb5d7c53a43559b13.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/bfe5809dec9042efb5d7c53a43559b13.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1620397045000_4783--0.png\",\"size\":68348,\"total\":461,\"img_width\":940,\"img_height\":400,\"is_deleted\":false},\"appID\":\"https://mp.weixin.qq.com/s?__biz=MzI2NzQ4MzIxNQ==&mid=2247496479&idx=1&sn=27d28450ffe2262cc28d6db4d7dc22dc&scene=21&token=761552484&lang=zh_CN#wechat_redirect\",\"path\":\"\",\"widthMode\":\"autofix\",\"width\":\"343\"},\"styles\":\"\"}]"}]-_-_-_
● 戳上图可直接查看原文。原文中,点击“START”,汽车和牛郎一齐向前,一路甜言蜜语后,终点是牛郎见到织女,汽车接到一对小情侣,整个排版创意紧扣图文主题“守护你,WEY爱向前”。
这种轨迹移动的形式也很适合520创意。
该效果使用编辑器(x.iPaiban.com)即可制作:
组件:点击-切换GIF直线移动(可拼接背景)
编号:10229(组件)
下面4个案例,都使用了图文展开的交互形式,即便交互形式都差不多,但给人的体验却各有特色,大家可以点击相应图片进入原文体验下。
_-_-_-[{"title":"无标题","abstract":"","article_id":"afcc563755a646ec020eeceda283864b","widgets":"[{\"type\":\"ImgHrefWithIcon\",\"options\":{\"baseImg\":{\"media_id\":\"b8cd6e4c4cab3e4241b5861f32e91cdc.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/b8cd6e4c4cab3e4241b5861f32e91cdc.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1620397175000_628--1.png\",\"size\":31975,\"total\":462,\"img_width\":897,\"img_height\":383,\"is_deleted\":false},\"appID\":\"https://mp.weixin.qq.com/s/KXGba0AYHXCpXbMJQkAcww\",\"path\":\"\",\"widthMode\":\"autofix\",\"width\":\"343\"},\"styles\":\"\"}]"}]-_-_-_
● 启初与图文展开结合的创意:拆信。
该效果需定制。
_-_-_-[{"title":"无标题","abstract":"","article_id":"afcc563755a646ec020eeceda283864b","widgets":"[{\"type\":\"ImgHrefWithIcon\",\"options\":{\"baseImg\":{\"media_id\":\"cdc72bec7625f0b63aa51dcd956bd0c9.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/cdc72bec7625f0b63aa51dcd956bd0c9.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1620397269000_9427--2.png\",\"size\":85235,\"total\":463,\"img_width\":1280,\"img_height\":547,\"is_deleted\":false},\"appID\":\"https://mp.weixin.qq.com/s/WyLfX0MyNQbQ34M4ckqfEw\",\"path\":\"\",\"widthMode\":\"autofix\",\"width\":\"343\"},\"styles\":\"\"}]"}]-_-_-_
● 卡地亚将图文展开与的GIF动图完美结合,冲击感很强,只要读者点进去,就会被牢牢抓住眼球。
该效果需定制。
_-_-_-[{"title":"无标题","abstract":"","article_id":"afcc563755a646ec020eeceda283864b","widgets":"[{\"type\":\"ImgHrefWithIcon\",\"options\":{\"baseImg\":{\"media_id\":\"e8106c3df3320340f6143f9164a43b96.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/e8106c3df3320340f6143f9164a43b96.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1620397305000_5726--3.png\",\"size\":16575,\"total\":464,\"img_width\":881,\"img_height\":374,\"is_deleted\":false},\"appID\":\"https://mp.weixin.qq.com/s/Cbb3FZzeqmu_HwzVPq5uew\",\"path\":\"\",\"widthMode\":\"autofix\",\"width\":\"343\"},\"styles\":\"\"}]"}]-_-_-_
● 英菲尼迪与图文展开结合的创意:打开礼盒,展开后的长图中还使用了「点击弹出图片」的交互样式,仍然与礼盒的创意紧密结合。
该效果需定制。
点此查看原文
● 相比与英菲尼迪的打开礼盒,瑞士天梭表这种打开礼盒的方式更加形象,不断拉长的背景,将礼盒里藏好的礼物徐徐展现在眼前。
除了礼盒,还可以用作打开信封、幕布、卷轴等创意。
该效果使用编辑器(x.iPaiban.com)即可制作:
组合:点击展开(设置触发区域,宽屏)
编号:10051(组合)
现在新用户登录 iPaiban Pro 编辑器,在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)。
认准编辑器网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。
如果有感兴趣的企业或品牌需要定制黑科技排版,请添加玉兔微信沟通。