推荐适合中秋的SVG模版

宝藏模版

往期推荐（点击阅读）：

🤡推荐几个莫名好玩的SVG模版🤡http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247499869&idx=1&sn=04e2bf8de065795489bf9c391a249b5d&chksm=c3257867f452f1711458c70fd9640217df4264615d41e5d845b20d25c734794fbf52e8588bc5&scene=21#wechat_redirect

🤩推荐几个瞬间高大上的SVG模版🤩http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247500418&idx=1&sn=15aefb204ebce2c37e06923cc6878ce8&chksm=c3257ab8f452f3ae9e81c903ae5b72d27db81bf7f5083b7dd91ce5f1de11e8ebd73efc57b1ba&scene=21#wechat_redirect

🤗推荐几个敲级可爱的SVG模版🤗http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247500568&idx=1&sn=c5dddff9eedcebd7cd89062553d5cfd3&chksm=c3257b22f452f234901e12f3dad336bc6e0e9709a6194041ae511e382200c841f264e8b6ac94&scene=21#wechat_redirect

🧐推荐适合年终总结的SVG模版🧐http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247500978&idx=1&sn=b5dac2bbb42ea96ce009e7ae666a485d&chksm=c3257c88f452f59e243468883ef78920a924368523a498c591d826fe8c8447aa2746e70c88f3&scene=21#wechat_redirect

⏰推荐可无限循环的SVG模版⏰http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247501346&idx=1&sn=d710d2c78ca1b78f6e9df8084601637f&chksm=c3257e18f452f70e3f415f7e51392f5e136e9a889000f87bb70f863d3c4959bee6a5cb8f1ac6&scene=21#wechat_redirect

🧡推荐适合情人节的SVG模版🧡http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247501425&idx=1&sn=1a36c0cbeadf6159d0c0a5daa7752404&chksm=c3257e4bf452f75df59cd996d316a57ef5c71c48ccebe3a1b7910bd480d46244ff3e0337daeb&scene=21#wechat_redirect

🦋推荐适合女神节的SVG模版🦋http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247501771&idx=1&sn=b78ef0f6b1cf26c5d699b1ad2a9375f3&chksm=c3257ff1f452f6e7de80576d91f1f4789a95d008988ecc2b360e3ef732155e47fdd0df1d569a&scene=21#wechat_redirect

🦄推荐几个童趣满满的SVG模版🦄http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247504675&idx=1&sn=fa4846e82233fbf4365886dcb8e090a7&chksm=c3256b19f452e20f215192f15962ffc61afd34faeab09b332ab6792fbbb67544ad76f0ee3e31&scene=21#wechat_redirect

🤑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

🧈推荐几个无比丝滑的SVG模版🧈http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247501941&idx=1&sn=c2712155d98982ff987bf54b96dfe73b&chksm=c325704ff452f959bfdfba0f965d10b5a68e0291b0831adbd762da0780749a71f64086315480&scene=21#wechat_redirect

🥳推荐适合端午节的SVG模版🥳http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247504753&idx=1&sn=4d54ac852f8b24d7c84d5599c3a0aef3&chksm=c3256b4bf452e25d4a93a64d4c4970e701507d3d036449de00668640b344b8a303fe89951e7d&scene=21#wechat_redirect

👍6种「等分容器滑动」的妙用👍http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247502267&idx=1&sn=01b480999c5c23ae7b335aba8d33af0f&chksm=c3257181f452f897d569e4ef567a3cdaa63decd0593f670fafb4454f1be2e55a2bbf163ad514&scene=21#wechat_redirect

13种精妙的「图片轮播」特效http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247502512&idx=2&sn=48cc177719e085ea75a7c89af2a46781&chksm=c325728af452fb9cde6ad3af81903a6df5db1e2e2298462fc417b642911c8aafab5021a11788&scene=21#wechat_redirect

🤝推荐又红又专的SVG模版🤝http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247505253&idx=1&sn=15c7530f0fdb93384d0c902e42031c43&chksm=c3256d5ff452e44937b3adc112fec2d29248ef19423d1a35f6488883670a62c6ae5aa800e193&scene=21#wechat_redirect

各位黑科技编辑器会员，编辑器内 800+ 的 SVG 组件你们都用过吗？佳节将至，品牌公众号如何以创意打动人心？这一期推荐希望能激活你的灵感，在中秋出街最靓的交互图文。

渐进效果/连续切换

「普通」的 SVG 组件，通过巧妙的创意策划一样可以实现不俗的交互效果。以宝马中国的《塞勒涅之眼》为例，将「序列帧」通过这种渐进效果/ 连续切换，最后点击弹出海报，着实让人拍案叫绝。

 

在编辑器组件搜索功能内查找「渐进效果」或「连续切换」即可体验！筛选器中包含最后一张图可弹出/超链接/小程序等能力。

GIF 控制器+播放音频

腾讯官方的谐音梗专业户「长鹅」总会在每年中秋作妖，这两篇《腾讯长鹅祝你中秋节快乐！》和《腾讯长鹅祝你中秋节快乐！》分别在去年和前年以鬼畜的音画设计赢得了读者的一致吐槽式好评。

 

在编辑器组件搜索功能内查找「GIF控制器+播放音频」即可体验！注意音频应引用本号素材库的音频代码，具体获取方式可参看《真香｜一键获取图文音频/视频/卡片组件代码》

滑屏（拖拽）播放 GIF

有实体的月饼产品的话，可以通过 SVG 交互技术来呈现更多关于月饼本身的信息。比如星巴克的月饼介绍中，通过特殊手势滑动屏幕，能模拟切开月饼的动作。不妨滑动下方画面体验：

 

在编辑器组件搜索功能内查找「滑屏（拖拽）播放GIF」即可体验！这里建议设计层面以横向滑动为主，由此能避免图文被同时拖动的问题。另外可以通过定位器组件限制触摸响应的范围，比如以上交互相当于选择了画面的 4-5-6 区作为热区。

旋转式切换接伸长

如果产品信息比较丰富，也可以通过连续的同屏展示后展开整体商详，那么这里推荐喜茶《中秋礼盒预售｜偷颗月亮送给你》中的旋转式切换接伸长模式。

 

在 E2.COOL 的组件搜索功能内查找「旋转式切换接伸长」即可体验！

顶层滑动

运营人习以为常的 CSS 滑动能结合中秋主题做出怎样的创意？这篇爱达乐的《寻月启事｜中秋将至，据说有大事发生？》以「如果月亮不见了」为思路，漫画结合交互呈现了趣味感十足的反向思考。而就排版技术而言，是采用了顶层滑动的模式，让两个 PNG 图层在往返滑动中变换画面。

 

在编辑器组件搜索功能内查找「顶层滑动」即可体验！嵌套区内可以加入任何上层的滑动类型噢！

视频号跳转美化

我们在《这样美化视频号排版，高端大气上档次。》已经介绍了不少美化视频号入口的设计思路。如果你的品牌也为中秋主题准备了短片，不妨继续使用这一模式来改变视频号的外观。像爱马仕的《欢聚的心，跃向月光》简约大气，非常值得奢侈品会员们参考。

 

在编辑器组件搜索功能内查找「视频号跳转美化」即可体验！