SVG微信交互图文|520情人节创意图文分享

又快到一年一度的520节日

你准备好表白对象了吗 ?

准备了发自肺腑的言语还是精心设计的活动 ?

今天收集了一波历年各大品牌大胆示爱的创意套路

不如来看看他们如何带给人 "怦然心动" 的吧 !


一、腾讯产业互联网

高度展开+控制GIF播放

前部分模拟微信拍一拍效果,引导用户阅读。下文通过图文缓慢展开控制 GIF 播放,使动画线性呈现。高度展开和控制gif播放的精确配合,把控交互和用户阅读的细节处理,让用户阅读速度吻合得恰到好处,契合精细设计的  "告白" 引人入胜。


二、宝马中国

连续点击触发GIF

主要使用连续点击切换 GIF 的技术框架,其中也作了特别的处理。设置图层从画面外移入,得到 GIF 从第一帧开始播放的效果。其次设计视觉范围从大到小的层层递进展示情人间空间距离的缩短,呼应疫情背景的社交状态,直至最后出现 "0M" 融合品牌 logo 的浮现,巧妙传达了宝马为情人送去爱无界限的真挚祝福。


三、中国铁建地产集团

拟态关闭弹窗效果+图文高度展开

情书同样是表达爱意的一种浪漫表白。这里运用了情书元素,引导用户一封封点击阅读将氛围铺垫,结合图文的高度展开,带出最终惊喜。这一系列的交互组合,延长了获取信息的路径,调动用户好奇心,同时为最后的惊喜铺垫拉满期待值,真是不折不扣的 "表白" 套路。


四、五芳斋

创意互动,拟态自动贩卖机

告白除了感人肺腑的言语,也会准备精心设计的礼物。本文中五芳斋运用自动贩卖机的创意设计,通过选择售货机上的 icon,机器自动吐出海报获取惊喜。从内容上,其实也满足品牌展示若干产品的需求,以创意互动的形式达到信息的有效转化,升级了品牌利用节日热点的营销空间。


五、BMW感情状态已更新

拟微信状态,下拉出视频,展示折叠信息

5.20 除了紧张表白,还可以大胆官宣。

在本篇同样为宝马中国设计开发的图文中,拟态微信状态新功能,通过下拉操作查看状态主页图的效果。利用上下动态弹跳的 GIF 引导用户产生互动,配合视觉变化给予用户 "下拉" 效果的同步反馈,便觉得耳目一新,实现具有创意的互动效果。结合 "520" 的热点不妨学学宝马,将感情状态大胆更新。


六、WEYSUV

浮层位移

在这篇早期交付 WEYSUV 的推送里,显而易见是运用了浮层位移动画。随着元素的移动方向引导用户阅读,并确保元素移动在用户视觉范围,最后停留指定位置。同时与为爱大胆奔赴的主题相互呼应,画面设计和主题的配合助推用户快速获取图文信息。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容