宝藏模版
往期推荐(点击阅读):
🤑618排版必备SVG模版🤑http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247505052&idx=1&sn=40d88344ea787fbfcdfe7d4597a02faa&chksm=c3256ca6f452e5b041deaba9838b1159bdec451d455d2ba9cd60e8db194a95cae7af58b08b2b&scene=21#wechat_redirect
🤠属于爸爸们的SVG模版🤠http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247505196&idx=1&sn=b3e267edfa44b86de7331e476f538d20&chksm=c3256d16f452e4008624efa170c4b6d2949be8dde287af4375eeaece0642305428230183e926&scene=21#wechat_redirect
各位黑科技编辑器会员,编辑器内 900+ 的 SVG 组件你们都用过吗?情人节将至,即刻用 SVG 为浪漫加分!(第 Ⅰ 期情人节主题合集请👉︎点击这里阅读)
情诗生成器(长按式抽签)
去年情人节,E2 编辑器王者级玩家「局部气候调查组」基于「幸运抽签-长按式」开发了《情 诗 生 成 器》,长按下方的各个词条创作你的情诗吧:
在编辑器组件搜索功能内查找「幸运抽签」即可体验!这种将常规组件通过创新场景应用设计打造全新 SVG 交互体验的思路,非常值得广大会员学习。
无限选择器
选哪件节日心动好礼,才能让你的挚爱惊喜万分?参考 Tiffany 的《故事,从开启蓝盒开始……》,它通过编辑器的 UGC 组件「无限选择器」实现了二选一的交互设计,且内部支持滑动和商品跳转:
也可以欣赏蕉内基于无限选择器的情人节主题创作《不 过 情 人 节》:
该 SVG 互动形式由业内知名的技术大神 @科蚪 先生创立,丰富的应用效果可以参考《热门SVG|无限选择器,开启无限创意》。它还具备更多延展性设计,如实现 GQ 实验室的《茶男茶女搞暧昧,不得了》(点击👉︎查看教程)以及更复杂的卡地亚《一切美好,未完待续》等:
横向视差滑动
利用视差 perspective 3D 技术的景深差速效果,广告设计能瞬间提升浪漫色彩。如完美日记的《情 人 节 | 🧡 爱 出 新「花」样》就通过「横向视差滑动」充分烘托节日氛围。
专属海报生成器(等分容器滑动)
由 GQ 实验室最早基于「等分容器滑动」实现的一种自定义海报设计互动,同样适合情人节选品主题 SVG——在图文前半部分,用户通用过滑动做出多次选择,最后揭晓一张对应的专属海报。一起来欣赏珠宝品牌格拉夫的借鉴作品《一键生成专属海报!》:
其编辑器核心操作思路在于通过「零高容器」将多个滑动模块叠加,这里我们提供 GQ 实验室原作《2022,一场顶流淘汰赛》的开发解析:
点击-播放GIF-伸长
不少品牌准备了情人节主题的动态 Animation,那么在开场通过点击触发直接呈现并展开后续内容,不失为一种直截了当的 SVG 图文设计思路。正如 SK-Ⅱ 与大白兔的联名款推广《SK-II情人节 | 两情相「跃」恒爱晶透》,如此可爱的手绘动画当然要在第一时刻呈现啦!
在编辑器组件搜索功能内查找「点击-播放GIF-伸长」即可体验!如果你觉得纵向展开过于冗长,希望将内容横向滑动展示,也可以选择「图片消失-滑动出现」组件并筛选到「图片消失-滑动出现(GIF版)」进行开发:
也可以进一步简化,当 GIF 播放完毕后直接提供产品的小程序/超链接访问,请点击下方画面体验:
在编辑器组件搜索功能内查找「GIF控制器」即可体验!如果 GIF 播放后只呈现一个小程序/超链接,那么直接在该组件的筛选器中调用。
随机抓娃娃机游戏
如果品牌的品类繁多,担心用户难以抉择,那我们可以采用随机娃娃机的特效为用户进行推荐,例如 VIVO 的《神秘魔法,测试你的情人节将怎么过》就借鉴了实体娃娃机的操作思路:
在编辑器中,我们提供另外一种包含大画幅随机浮现结果的「娃娃机游戏」组件,其效果可点击阅读👉︎《灵 感 娃 娃 机》体验。