解锁夏日清凉!SVG创意推文玩法让你的公众号“自带空调”

炎炎夏日,如何让你的公众号推文成为用户的避暑圣地?本文精选多款SVG创意推文玩法,从敲冰块到建筑变冰激凌,视觉与互动效果兼备,助你打造清凉吸睛的夏日爆款推文。

自带凉感的

创意推文玩法

夏季SVG案例分享




҉҉҈ 热 ҉҉҈ 热 ҉҉҈ 热 ҉҉҈,最近各地气温不断攀升,很多城市都进入了“烧烤模式”,气温突破38度,大家都急需清凉一下,这不,最近三儿看到了一些凉感十足的创意推文,就赶紧来分享给大家了,一起来感受一丝清凉吧!





1.敲冰块玩法














A81A9AC3-7F61-4C19-A749-DA21997674C6_compressed.gif


(来自美团外卖公众号)


点击跳转原文阅读

天气太热,就来敲敲冰块解暑吧!这篇来自美团外卖的文章,整体以冰雪作为设计元素,仅从视觉就能让人瞬间清爽。同时,文章设计了敲冰块的玩法,当用户敲击屏幕上的冰块时,不仅能触发逼真的破碎特效,还能听到清脆的碎裂声,从视觉和听觉两个维度,为用户打造沉浸式的清凉体验。


这篇文章的主要效果可以用多次点击换图的SVG效果,ID:8;若需完整实现本篇推文的效果,则需定制。





D5ABEC0F-3131-4E15-A1E5-0581C9C67B59_compressed.gif


(来自CityOn熙地港郑州购物中心)


点击跳转原文阅读


除了这种展示形式外,这里还有另一种视觉呈现效果推荐给大家,比如这篇购物中心的文章,同样采用了敲冰块的玩法,但在呈现上却略有不同,创作者在同一区域内整齐放置了多个相同的冰块元素,按照多宫格的形态进行排列,当用户敲击不同的冰块时,某些冰块内藏的“惊喜”便会展示出来,这种自带神秘感的设计,能充分激发用户探索的积极性。


本文可以用点击换图的SVG效果,ID:6;搭配一行四列的SVG效果,ID:350实现。






2.建筑秒变冰激凌玩法
















f1d14ee8-c0e7-42db-ab3a-6cd2498e61a9.gif


(来自湖南师范大学公众号)


点击跳转原文阅读


冰淇淋随处可见,但冰淇淋版的建筑却难得一见。湖师大这篇推文用AI技术,将校园里的标志性建筑变成了冰淇淋样式,还通过点击换图的互动玩法,带用户逐一揭开这些建筑变身冰淇淋后的独特视觉效果。


通过利用AI将建筑物或产品变成冰淇淋后,以建筑物、产品图前后对比的方式进行呈现,也能从视觉上给用户带来一丝清凉的感受。


本篇推文可以用点击换图的SVG效果,ID:6实现。





3.如何搜索SVG效果














在编辑器页面左侧选择【SVG编辑】,即可进入SVG编辑器界面。


image.png


进入SVG编辑器界面后,点击【SVG效果】,在搜索框中输入SVG组件ID或者关键词即可进行搜索。


image.png




以上就是三儿分享的全部内容了

如果觉得还不错

记得点赞+在看

如果还有什么想看想学的

欢迎在评论区留言哦




END





文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到