新年超好玩的6款新年SVG互动排版(新花样SVG互动效果)

每到星期四,就想整两句《星期四之歌》。来唱唱的胖友有没有,不过最近的《星期四之歌》已经渐渐变成了《盼过年之歌》。


“今天星期四,明天星期五”

“再坚持10天,然后就过年”


过年那可是全国人民

都在期盼的节日

重要程度不言而喻


如何做好排版?

如何做好互动?

今天给胖友们带来 6 个新年的svg玩法!


*以下效果均为svg编辑器效果,非135编辑器样式,需打开svg编辑器搜索使用:

https://www.135editor.com/svgeditor/


01


盘点那些年味儿十足的歌曲

点击换图播放音频


《恭喜发财》《难忘今宵》《三百六十五个祝福》《好运来》……这些可都是刻在我们DNA里的歌曲,那有没有想过利用这些歌曲做一期推文呢?主题可以是“盘点那些年味儿十足的歌曲”,也可以是“听歌识曲,这些代表年味儿的歌你都猜出来了吗?”再配合点击图片播放音频的svg效果,完成和用户的互动。既让推文增加了声音上的层次感,又唤起了读者对这些歌曲的回忆,还实现了互动,一举三得!


·


Svg效果:点击换图式QQ音乐音频海报-防误触

ID:49

使用教程:点此查看使用教程


此类效果为点击换图式,且只能插入QQ音乐,不能上传本地音乐,如需上传本地音乐,或不需要换图就播放音频,可在svg编辑器互动效果栏目下选择【音频】查看更多效果。





02


谁过年还不相点亲了?

前景滑动背景固定的双层左右滑动


过年意味着又要被亲戚们各种问候了,你的人生大事那可是被关注的重点,一不留神,相亲就安排上了,那么你过年几天的安排很可能就是:相亲相亲相亲。相亲太苦了,估计大部分成年人都有过类似经历,那可必须得写出来!要不用一个滑动样式调侃一下今年过年到底认识了多少相亲对象,然后开启一番吐槽?


·



Svg效果:前景滑动背景固定双层左右滑动-适配深色模式

ID:196

使用教程:点此查看使用教程





03


固定项目的集福活动

多次点击换图展开


某宝上的集五福活动可以说是一年一度的保留项目了,虽然每年开出来的红包都只有几块钱,但全民参与的氛围和快乐还是有的。我们可以将这个活动沿用到推文中来,比如多次点击换图展开的效果,点击一下显示收集到一个福,多次点击后,显示“集福成功、立即合成”的字样,然后再展开一个带有福字的图片海报,祝福用户新年快乐。


·
·


Svg效果:多次点击换图展开-自定义触发

ID:112

使用教程:点此查看使用教程





04


活动当然不能落下

跳转超链接(动态效果)


春节可是全年最受关注的营销节点,这个时候,几乎每个品牌的重点都放在了春节促销活动上。不论是设计活动海报还是制作活动推文,都少不了一个至关重要的元素——引导点击跳转的按钮。对于这类按钮而言,动态的效果一定好过静态的,因为动态带给人的刺激更强。如果你不会制作动态效果,那也没有关系,用svg效果就可以实现,比如下方案例用到的【跳动效果按钮-点击跳转超链接】效果。此类效果只需要准备两张图:一张海报+一个按钮图(无需自己制作为动态,效果会自动使按钮呈放大缩小的弹动效果)。


·


Svg效果:跳动效果按钮-点击跳转超链接

ID:193

使用教程:点此查看使用教程


如需跳转小程序,可使用如下svg:


Svg效果:跳动效果按钮-点击跳转小程序

ID:192

使用教程:点此查看使用教程





05


过年还得准备福利

一行两列单层左右滑动


全民狂欢,福利自然要有,这个福利可以是免费给到用户的好处,也可以是一些优惠活动。为了使福利更加诱人或者给福利设置梯度,品牌通常会设置多个福利形式,排版就比较难了,那么多福利,如何展示比较好呢?我们可以考虑看看一行多列的单层左右滑动,比如你有2个福利活动,那我们就可以把这2个福利分别放到一行里的多个布局盒子里,盒子里是滑动的效果,滑动即可查看福利。用一行的位置展示出来,既节约了排版空间,还可以让用户好奇是怎么实现这种效果的。


·


Svg效果:一行两列单层左右滑动

ID:181

使用教程:点此查看使用教程


此外,还有一行三列的:


Svg效果:一行三列单层左右滑动

ID:182

使用教程:点此查看使用教程


如有4个或6个福利需要展示,则叠加效果使用即可。





06


春节习俗知多少

九宫格图片弹窗


从腊月二十三到正月十五,每一天都有不同的年俗活动。春节期间的大部分推文也都围绕这些习俗介绍展开,最常规的方式是每天发送一张习俗海报。在此之前或之后,我们其实可以准备一篇概括性总结习俗的文章,比如除夕到初八的习俗,用一个九宫格弹窗的形式展现出来,实现总结性科普的目的。


·


Svg效果:九宫格图片弹窗

ID:56

使用教程:点此查看使用教程






除了以上玩法以外

春节前夕的各大品牌还会出红包封面

关于红包封面的玩法

可以戳以下链接查看👇

【恭喜发财 大吉大利】 微信红包封面来了!

(红包木有了 胖友们重点关注玩法


好了以上就是今天的教程码好了!



-END-

本文排版由135编辑器提供技术支持;

图片制作:比格设计


需要获取更多帮助

可登录135编辑器官网

点击右下角【帮助】联系客服


135会员服务


135编辑器(网站:www.135editor.com)是一款在线图文排版美化工具。平台已有超过15万+样式素材、3000+款模板素材、200+款svg互动效果素材,更有秒刷、一键排版、多公众号管理、云端草稿等46项在线功能。


为了更好地服务企业用户,135编辑器目前面向企业会员同时开放135编辑器会员、比格图片设计企业会员、svg编辑器会员三大权益。更专业的功能和服务,让企业会员享受最佳的会员体验。



文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
小伍资深编辑
共638篇文章
最近文章
更多
  • 双十二电商活动宣传排版素材(电商商品促销推广模版样式)
  • 乞巧节微信公众号推文排版素材(爱情浪漫活动推广文案)
  • 二十四节气立秋图文排版素材(金黄色系立秋推文文案模版)
  • 八一建军节纪念日推文排版样式(光辉历程文案宣传模版)
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
高价值社群的5大核心关键
抖音账号内容自检清单!
决定离职后,3天拿到offer的总结与反思!
【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
热门素材样式
运营导航
运营工具
分享到