又快到一年一度的520节日
你准备好表白对象了吗 ?
准备了发自肺腑的言语还是精心设计的活动 ?
今天收集了一波历年各大品牌大胆示爱的创意套路
不如来看看他们如何带给人 "怦然心动" 的吧 !
一、腾讯产业互联网
高度展开+控制GIF播放
前部分模拟微信拍一拍效果,引导用户阅读。下文通过图文缓慢展开控制 GIF 播放,使动画线性呈现。高度展开和控制gif播放的精确配合,把控交互和用户阅读的细节处理,让用户阅读速度吻合得恰到好处,契合精细设计的 "告白" 引人入胜。
二、宝马中国
连续点击触发GIF
主要使用连续点击切换 GIF 的技术框架,其中也作了特别的处理。设置图层从画面外移入,得到 GIF 从第一帧开始播放的效果。其次设计视觉范围从大到小的层层递进展示情人间空间距离的缩短,呼应疫情背景的社交状态,直至最后出现 "0M" 融合品牌 logo 的浮现,巧妙传达了宝马为情人送去爱无界限的真挚祝福。
三、中国铁建地产集团
拟态关闭弹窗效果+图文高度展开
情书同样是表达爱意的一种浪漫表白。这里运用了情书元素,引导用户一封封点击阅读将氛围铺垫,结合图文的高度展开,带出最终惊喜。这一系列的交互组合,延长了获取信息的路径,调动用户好奇心,同时为最后的惊喜铺垫拉满期待值,真是不折不扣的 "表白" 套路。
四、五芳斋
创意互动,拟态自动贩卖机
告白除了感人肺腑的言语,也会准备精心设计的礼物。本文中五芳斋运用自动贩卖机的创意设计,通过选择售货机上的 icon,机器自动吐出海报获取惊喜。从内容上,其实也满足品牌展示若干产品的需求,以创意互动的形式达到信息的有效转化,升级了品牌利用节日热点的营销空间。
五、BMW感情状态已更新
拟微信状态,下拉出视频,展示折叠信息
5.20 除了紧张表白,还可以大胆官宣。
在本篇同样为宝马中国设计开发的图文中,拟态微信状态新功能,通过下拉操作查看状态主页图的效果。利用上下动态弹跳的 GIF 引导用户产生互动,配合视觉变化给予用户 "下拉" 效果的同步反馈,便觉得耳目一新,实现具有创意的互动效果。结合 "520" 的热点不妨学学宝马,将感情状态大胆更新。
六、WEYSUV
浮层位移
在这篇早期交付 WEYSUV 的推送里,显而易见是运用了浮层位移动画。随着元素的移动方向引导用户阅读,并确保元素移动在用户视觉范围,最后停留指定位置。同时与为爱大胆奔赴的主题相互呼应,画面设计和主题的配合助推用户快速获取图文信息。