适合儿童节的SVG模版（第Ⅱ期）

宝藏模版

往期推荐（点击阅读）：

趣味效果｜高大上｜可爱风｜年终总结（一）｜年终总结（二）｜循环特效｜情人节（一）｜情人节（二）｜妇女节｜儿童节（一）｜儿童节（二）｜618｜父亲节｜丝滑动画｜端午节｜滑动妙用｜图片轮播｜又红又专｜中秋节（一）｜双十一｜世界杯｜圣诞节｜新年｜兔年春节｜元宵节｜愚人节｜杂志范儿｜520/521（一）｜五一旅游（一）｜五一旅游（二）｜母亲节｜多巴胺｜微博｜夏日氛围｜大唐国风｜反诈宣传｜七夕节｜CityWalk｜开学季｜揭露丑恶真相｜运动会｜中秋节（二）｜十一｜万圣节｜冬季氛围｜新闻宣传｜春节红包｜龙年春节｜开工新品｜地球日

各位黑科技编辑器的会员，编辑器内的 SVG 组件你们都用过吗？六一就要到啦，各位大朋友小朋友们一起来玩转 SVG 吧！此外还可以点击往年儿童节和可爱风主题的推荐：
1） 推荐适合儿童节的SVG模版
2） 推荐几个童趣满满的SVG模版
3） 推荐几个敲级可爱的SVG模版

多热区弹出式海报

大男孩的大礼物，往往少不了大大的玩具车！路特斯公众号通过黑科技 SVG 编辑器的「多热区弹出式海报」组件在《今天，做回小朋友》中巧妙呈现了这台大玩具的个中魅力所在，点击下方画面体验：

如果进一步结合「全局滑动」组件，还可以打造出寻宝一般的操作体验，也同样适合儿童节选题的黑科技排版设计。你可以参考宝马中国发布的《究竟是谁？》，并通过视频号学习「全局滑动」结合「多热区弹出式海报」的创意应用。

长按出现-松开消失

儿童节里，让孩子和父母敞开心扉畅所欲言！通过「长按出现（松开消失）-企业会员热区版教程」组件，节日主题的访谈稿因彩蛋而妙趣横生：

在黑科技编辑器的组件搜索功能内查找「长按出现（松开消失）」组件即可使用！企业会员则可以通过筛选器调整为热区版组件，设定更具体的长按响应位置。

无限选择器

据说表情包越多的人，心态越年轻！以 Emoji 表情为线索在《六一纯真启迪，交友直抒胸臆》中通过编辑器 UCG 专区「无限选择器」，开启了六一朋友圈表情包对线：

而基于朋友圈场景，还有更多童趣玩法可以作为你的 SVG 创意策划，如《微信新玩法是越来越“野”了……》的朋友圈滑动拼图游戏：

汉堡包切换

可爱的 IP 形象在儿童节出镜，可以选择「汉堡切换」让场景转化更生动有趣。如小黄鸭公众号的《[点击解锁] 鸭式跨年指南.pdf》，点击下方画面体验：

在黑科技编辑器的组件搜索功能内查找「汉堡包切换」组件即可使用！可以筛选横向以及纵向，根据你的实际设计内容开展 SVG 结构布局。

连续 GIF 控制器

在公众号图文里，开启一场童年回忆杀电子游戏，或看几集儿时最爱卡通片吧！通过「连续 GIF 控制器」对多个 GIF 依次触发，播放设计师预先设计好的动态效果，点击下方画面体验：

在黑科技编辑器的组件搜索功能内查找「连续 GIF 控制器」组件即可使用！关于 GIF 图片的高品质压缩技法，推荐阅读计育韬老师的《新媒体（公众号）端GIF动态图压缩对抗与优化的核心方法》和《公众号图文内GIF色差衔接问题解决方案》进行学习。

综合 SVG 游戏开发

上一个案例中，我们看到了单个组件模拟某款游戏体验的 SVG 排版方法。而此前我们曾发布《来玩玩玩玩玩玩玩玩玩玩玩玩啊！》，其中不乏在全文基于多种不同 SVG 组件开发出游乐园般体验的效果。以《点击进入 -> 香奈儿 腕表游乐园》为例：

这是一期非常精彩的纯 SVG 黑科技编辑器组件应用实例，它涉及了如下 SVG 模版的组合：

1）黑科技编辑器｜幸运抽签-长按式
2）黑科技编辑器 | 点击擦除
3）黑科技编辑器｜密码解锁
4）黑科技编辑器｜娃娃机游戏
5）黑科技编辑器｜f.o.路径运动

其中比较巧妙的交互设计在于，案例作者首先通过「零高容器」将「点击擦除」和「幸运抽签-长按式」叠加，并且故意缺传最后一签使得停留在此时候可以触及下方的「点击擦除」；其次基于「密码解锁」通过巧妙的文案营造出挑战者并未点中目标的错觉……这些独到的编辑器应用策略都非常值得大家学习：

黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，帮助更多品牌以可视化形式完成互动式图文创作。如有任何特效灵感和建议，也欢迎通过客服向我们提出，编辑器将竭诚思考代码转化的可行性。