第Ⅱ期｜适合618的SVG模版

最新推荐文章于 2024-09-15 18:58:05 发布

黑科技编辑器

最新推荐文章于 2024-09-15 18:58:05 发布

阅读量675

点赞数 5

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

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

版权

各位黑科技编辑器的会员，编辑器的 SVG 组件你们都用过吗？618 将至，商详设计必不可少，除了参考《 618排版必备SVG模版》和《⏰适合新品/新店介绍的SVG模版⏰》外，本期再为大家推荐新一波适合商品展示的 SVG 黑科技排版特效。

众所周知，黑科技 SVG 编辑器中有海量原创的精彩轮播特效，那么如何将它们与图片切换组合？这里以 HELLY HANSEN 公众号的《循无垠之迹》为例，点击下方画面体验封面图转换为「收缩滚动广告」的 SVG 交互效果：

在黑科技编辑器的组件搜索功能内查找「点击切换任意轮播」组件即可使用！当然你也可以基于「零高容器」，将轮播组件与「单图渐隐」等效果组合，开发出更多创造性的轮播模式！

轮播组件也可以互相组合。基于 SVG 编辑器的高自由度特性，我们在《黑科技编辑器｜创意交叉轮播（DIY）》示范了两组轮播叠加后的奇妙感官，亦适合 618 专题展示：

商品信息较多时，除了采用轮播进行展示外，大量品牌方通过连续多次使用伸长类组件，形成菜单方便用户根据个人需要点阅读。如蕉内公众号的《你需要的 618》、 Lee 公众号《618狂欢进行时，没有攻略怎么型？》和 MLB 公众号的《618答案之书》等：

你还可以通过更复杂的伸长嵌套，组合出巧妙的可折叠 SVG 图文广告设计，可以查看两期 Ceep 老师录制的案例复盘视频教学。

黑科技 SVG 编辑器作为率先推广视差（perspective 3D）布局的专业平台，一直坚持为广大用户在裸眼 3D 黑科技特效领域推陈出新。如今，不少会员品牌都掌握了这一交互设计，如 NERDY OFFICIAL 公众号通过「视差卡片」设计了《这个618 已经在用AI选衣服了》：

关于「视差卡片」的应用，可以点击教程专题《黑科技编辑器｜SVG视差卡片》学习。同时你也可以采用相对常规的横向视差滑动，罗列具体的广告信息，参考《黑科技编辑器｜横向视差滑动（吸附框架）SVG教程》中的应用演示，横向滑动下方画面体验：

而另一款「3D画廊」组件，则能帮助你傻瓜式操作完成立体的横向滑动橱窗效果，横向滑动下方画面体验：

具体可点击阅读《黑科技编辑器｜3D画廊（6图-正面放置）教程》了解操作流程。更多 SVG 编辑器视差滑动的操作教学，欢迎回看 Ceep 老师的专题课程直播回放。

618 TVC 物料如何在图文内巧妙嵌入？在黑科技 SVG 编辑器中你有多种选择。前不久，平台上架了奇妙的「视频号抽签」特效，该模型亦由行业元老开发者@计育韬老师发明，点击下方画面体验：

滑动切换视频号

主要通过「等分容器滑动」和「视频号跳转美化」组件实现，如积家公众号《时间成就卓越》案例效果，滑动下方画面体验并可点击后续视频号掌握操作流程：

方形视频滑动
品牌制作了方形视频？别担心，正如香奈儿公众号的《精湛工艺的故事》所示，方形视频与图片穿插的滑动被嵌套在SVG「无限往返伸缩器」中，点击下方画面体验：

假封面视频
如果在图文中植入原生视频，在编辑器还有一种名为「假封面视频」的组件可以为视频覆盖一层前置自定义封面，如喜茶公众号《新「蜜」方，点击抽万元喜礼》中有一个视频如下呈现，点击下方画面体验：

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

关注