适合中秋节的SVG模版

最新推荐文章于 2024-10-13 00:46:30 发布

黑科技编辑器

最新推荐文章于 2024-10-13 00:46:30 发布

阅读量93

点赞数

文章标签：节日编辑器新媒体运营微信公众平台

本文链接：https://blog.csdn.net/e2_cool/article/details/134138318

版权

宝藏模版

各位黑科技编辑器的会员，编辑器内 1000+ 的 SVG 组件你们都用过吗？月华如练洒银霜，秋韵悠悠舞桂香。中秋团圆日就要到来，无论是主题营销还是温暖祝福，我们都可以通过黑科技排版极大提升图文设计品质，在此也提前祝福广大用户中秋快乐！

另外你也可以点击阅读去年的对应专题《🥮推荐适合中秋的SVG模版🥮》查看更多组件推荐！

@局部气候调查组公众号的《月亮看见了》，可以说是 2022 年中秋主题下的最佳科普长图文交互设计：随着屏幕的滑动，月亮在一镜到底的前景和背景中穿梭，且时而是瀑布中的倒影，时而是露珠上的光斑，时而又是马路边的明灯……诗词与画面错落展示，精美绝伦！

关于原作的排版流程，可以点击阅读第三方解析《中秋公众号排版天花板｜月亮看见了》。

以科沃斯公众号为例《一台地宝的月球奇幻漂流》，如果你提前准备了精美的中秋主题动画设计，不妨通过 SVG 黑科技排版对他们进行连续依次可控展示：

在黑科技编辑器的组件搜索功能内搜索「连续」即可找到并使用它们！如果在 GIF 压缩层面设计师遇到困难，还可以点击阅读一则业内著名的技术详解《新媒体（公众号）端GIF动态图压缩对抗与优化的核心方法》。

滑动，作为一种最古典但又最千变万化的公众号互动排版，总能在行业的发展中不断演化，以顶层滑动（背景不动-表面滑动）为例，特斯拉公众号的《中秋？和谁？怎么过？》以动静结合，前后穿插的效果实现了中秋主题的精彩呈现：

这篇图文的顶层滑动内嵌套了「等分容器吸附滑动」，第二、三个滑动容器内都为半透明的动态图与静态图。关于等份容器形式滑动的更多创意应用。

E2 平台的热门 UGC 原创组件「无限选择器」在各个选题下都可以呈现出静态的黑科技排版应用，不愧是@科蚪大神的绝妙发明。以大白兔公众号的《大白兔月饼礼盒 | 内藏猛“料”，一次吃个够！》为例，其中的 6 大口味集结画面支持任意点选，选择并查看口味细节：

无论你是什么类型的 E2 平台会员，都可以单独购买任何 UGC 组件并在购买后拥有其一年期的固定使用权。购买后建议与平台客服技术官联络，获取组件练习用教程和独立素材包避免盲目操作

同样是来自@科蚪大神的另一套 UGC 爆款 SVG 模版，非常适合长度适中内容的并列展开效果。以华为终端云服务的《华为阅读 | 中秋“阅”饼幸运派送》为例，它用另一种方式呈现了月饼口味选择的交互体验：

同样具备点选并展示对应选项的 SVG 组件还包括：

3）多热区无限浮现-关闭
4）多热区无限切换-关闭（超链接）
5）多热区弹出式海报

不妨结合你的月饼口味和实际产品信息，选择最恰当的 SVG 交互模板进行展示。

悠长思念像无尽的列车，满载中秋的归乡之情携我回到家人身旁。以安慕希《安慕希团圆号首次运营，载满了送你的中秋祝福》为例，以「伸长」之中嵌套「伸长」的 SVG 排版模式，打造了一个个车站与车厢空间：

需要注意，SVG 伸长类的动画往往需要应用特定组件，并请务必准确参照教程进行操作，同时可以点击阅读《SVG「多段伸长」和「伸长嵌套」到底有什么区别？》掌握它们之间的本质区别。而就「伸长套伸长」而言，请点击查看《黑科技编辑器 | 伸长套伸长-带切换-框架版教程》并留意相关 TIPS。

最纯粹的一张祝福海报，用这样的巧思或许也可以更趣味地呈现到用户面前。以可口可乐的《中秋节，请你来喝可口可乐鸭~》为例，试试长按下方画面：

在黑科技编辑器的组件搜索功能内查找「长按出现-松开消失」即可使用！而对于海报的揭晓还可以参考宝马公众号《塞勒涅之眼》的 SVG 交互，通过「连续切换」组件实现同样有递进感的画面揭晓。

关注