夏季公众号推文创意SVG效果,打造吸睛互动文章

探索夏季公众号推文的创意SVG效果,包含夏日漫步、调色盘、MBTI人格等玩法,附带具体案例和教程,助您轻松制作出独特的夏季主题推文。

夏日
SUMMER
SVG玩法


冰镇西瓜,绚烂晚霞 

夏天是一场远道而来的浪漫

夏季已至

品牌们如何做好夏季推文营销呢

不妨来看看三儿整理

的超多大牌夏日玩法吧






PART 01
夏日漫步玩法



玩法讲解


推荐指数:
  • 暑假正值旺季,是大家出游的高峰期,我们可以借与夏日出游相关的话题进行创作,比如“夏日city walk”、“夏日朋友圈大赏“等主题发散思路。通过推文的画面设计与SVG 效果的结合,巧妙地将品牌产品植入其中,进行潜移默化的宣传。


    三儿根据此推文玩法,推荐一个相关案例供大家进行参考。

21406b24f335d7fd1c20029774fd3657.gif


(来自润百颜公众号)


点击跳转原文阅读



创意分析


该公众号借由夏日city walk为话题展开创作,分别在文中设置了4座城市的city walk之行,以分享行走指南为创意切入点,在其中不仅提供了极具城市特色的行走小贴士,还针对不同城市的天气状况,贴心配备了相应的护肤指南,使得品牌产品自然地融入其中,实现了良好的宣传效果。


本文可以用到底层停顿展开+顶层跟随移动(点击)的SVG效果,ID:286实现。


► 教程在这里:点击查看





PART 02
夏季调色盘玩法



玩法讲解


推荐指数:
  • 夏天是色彩缤纷的季节。我们可以围绕这些丰富的色彩展开创作,比如采用“夏日调色盘”“为盛夏上色”等新颖玩法。在不同的色彩主题下,品牌们可以展示与该色系相匹配的服装、饮品、各类产品等内容。


    三儿根据此推文玩法,推荐两个相关案例供大家进行参考。


7fa702b202185790062425a89e44606b.gif


(来自LINLEE林里手打柠檬茶)


点击跳转原文阅读


627c43377b41a24c4bb03cb375c19e8f.gif


(来自欧拉汽车公众号)


点击跳转原文阅读


案例一(LINLEE柠里手打柠檬茶)


林里手打柠檬茶的这篇推文以接收“夏日彩虹”为创意切入点,在文中列出了红、橙、黄等五种颜色相对应的品牌饮品,绚丽的色彩让人心情愉悦,也加深了读者对产品的印象。


本文可以用到点击直接展开(首图消失)的SVG效果,ID:272实现。


► 教程在这里:点击查看



案例二(欧拉汽车)


这篇推文以解锁夏日出行滤镜的创意展开,引导读者通过点击图片的互动方式,为图片添加色彩,使画面从黑白逐渐转变为彩色状态。在互动性和视觉体验方面给读者带来耳目一新的感受。


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


► 教程在这里:点击查看




PART 03
MBTI玩法



玩法讲解


推荐指数:
  • 与MBTI人格相关的内容向来是热门话题。基于此,我们可以巧妙地将MBTI与夏季话题相结合,列出I人、E人、J人、P人等不同人格类型过夏天的方式。如此一来,品牌便能在这些内容中自然地植入自家产品的宣传。


    三儿根据此推文玩法,推荐一个相关案例供大家进行参考。


196a90708c2dc96085f8b31cffe7f2f4.gif


(来自六神公众号)


点击跳转原文阅读


创意分析


六神的这篇推文以当下热门的I人、E人、N人、S人这四类MBTI人格类型为切入点,分别从他们的视角出发,分享了与之适配的消暑方式。在此基础上,推文巧妙地引出自身不同产品的宣传。这种结合热点话题进行夏季营销的方式,精准地抓住了读者的兴趣点,能够极大地唤起读者的好奇心,进而激发他们深入阅读的兴趣。


本文可以用到点击直接展开(首图消失)的SVG效果,ID:272实现。


► 教程在这里:点击查看






PART 04
游戏任务玩法



玩法讲解


推荐指数:
  • 将线下游戏和任务融入推文之中,也是一种颇具创意的玩法。例如,以“游园会”“闯关”等为主题,在推文里借助SVG效果设计多款小游戏和任务,为读者打造一场沉浸式的阅读体验。


    三儿根据此推文玩法,推荐一个相关案例供大家进行参考。


F4A104D2-D4EB-490B-98D0-FB5CC103D0A6.gif


(来自大白兔快乐分享公众号)


点击跳转原文阅读


创意分析

大白兔这篇文章以云逛游乐园的玩法展开,在其中设置了多个互动关卡,极大调动读者的好奇心,吸引读者跟随文章提示体验一个个任务,而在其中他们又巧妙地设置了产品内容,这既让读者感受到有趣的阅读体验,又很好地完成了产品宣传。


本文可以用到左右滑开(交错滑开)的SVG效果,ID:290;点击换图(gif图),ID:5。


► 教程在这里:点击查看(290)


点击查看(5)



如何在135编辑器中搜索SVG效果?


在编辑器页面左侧选择【SVG编辑】,即可跳转到SVG编辑器页面。


image.png


在SVG编辑器页面的【互动效果】中搜索SVG组件ID即可查找使用。


image.png



如果你还想看更多的

夏日SVG案例以及模板

可添加我们的企业顾问

回复关键词“夏日

即可获得


企业微信截图_17163722237079_副本.png




END






*以上所涉及的素材仅供学习交流使用,侵联删



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