宝藏模版
往期推荐(点击阅读):
各位黑科技编辑器的会员,编辑器内 550+ 的 SVG 组件你们都用过吗?近期《开端》大火,无限流循环题材确实让人欲罢不能。而在图文交互设计中,具备无限循环能力的 SVG 特效也往往受到品牌方的追捧。本期,就让我们汇总在黑科技编辑器 E2.COOL 中,那些令人叹为观止的无限循环特效吧!
无限往返伸缩器
Apple 公众号也爱使用的无限循环 SVG 特效,模型最早由业内大神@科蚪创立:
应用建议:该组件在我们的编辑器中分为标准版和简单版(Apple 版),标准版中可嵌套入更多 SVG 互动组件,使用教程请参考《黑科技编辑器 | 无限往返伸缩器教程》,注意嵌套区的最后一张图应使用自然优先级的结构。
E2.COOL 的企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(伸长)」大类中找到「无限往返伸缩器」畅快体验!
挤压伸长
同样由科蚪最早基于 flex 布局发明的交互结构,画面在放大后展开更多详情,支持返回收起且无限执行。
应用建议:用于多个产品展示或同一产品的多个特性展示,可并排亦可纵列,对于内容较多的图文能形成很好的信息折叠效果。
多热区无限浮现-关闭
E2.COOL 提供的原创 SVG 组件,它可以让页面内多个位置被触发,并浮现出一个对应的弹窗结构,用户手动关闭后即可继续选择下一个位置触发新弹窗……每一个弹窗系统均能被无限使用。
应用建议:非常适合大信息量的并列逻辑行文,或可用于寻宝、侦探、解密等互动游戏场景中。
E2.COOL 的企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(多热区)」大类中找到「多热区无限浮现-关闭」畅快体验!
标签抽拉
再次向你推荐「UGC付费原创」专区中最热门的单独付费组件「标签抽拉」!由 GL 原创设计的该 SVG 特效应用面极广,其无限循环特性让海量信息能以极佳的层次感呈现。
应用建议:通过该组件的筛选器可以另外调整方向和数量,结合你的具体品牌内容自主选择喔!
卡氏弹窗
由黑科技编辑器用户 KEUNG 脑洞大开,在无限往返伸缩器的基础上自主研发而成。如果你把这个 SVG 模板玩得够出彩,甚至可以实现如下错觉设计:
无限往返刷新器
四张图片上传后即可自动实现往返刷新效果,无限循环的同时高级感满满!这里还向你推荐如「宫格弹跳」、「款款而来」等特效,点击蓝色字可跳转查看教程。
应用建议:除此以外,更基础的自动循环特效还包括「原地轮播」、「滚动广告」、「扑克滑动」等,它们都可以用于实现多张图的循环顺序展示喔!
E2.COOL 的企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(美化)」大类中找到「无限往返刷新器」畅快体验!