宝藏模版
往期推荐(点击阅读):
趣味效果|高大上|可爱风|年终总结|循环特效|情人节(一)|情人节(二)|妇女节|儿童节|儿童节(二)|618|父亲节|丝滑动画|端午节|滑动妙用|图片轮播|又红又专|中秋节(一)|双十一(一)|世界杯|圣诞节|新年|兔年春节|元宵节|愚人节|杂志范儿|520/521|五一旅游|母亲节|多巴胺|微博|夏日氛围|大唐国风|反诈宣传|七夕节|CityWalk|开学季|揭露丑恶真相|运动会|中秋节(二)|万圣节|十一|双十一(二)
各位 E2.COOL 的会员,编辑器内 1000+ 的 SVG 组件你们都用过吗?大雪(12.07)、冬至(12.22)等节气以及圣诞等节日陆续将至,一起来看看适合这个季节的 SVG 黑科技排版组件推荐吧!
全屏下雪
作为初代上线 E2.COOL 黑科技 SVG 编辑器的特色组件,每逢冬季我们的「全屏下雪」模版就备受广大品牌欢迎,它能快速生成覆盖约一屏有余空间范围的雪花纷飞效果,显著提升图文阅读的沉静感:
正如蒂芙尼《让梦想成真》一作中的应用,通过该 SVG 组件既节省了动态画面的图像体积,又确保了落雪动画的丝般顺滑。若联系 E2 平台进行特别定制,甚至可以开发具象的雪花游走、翻腾、旋转效果噢!
多段伸长+浮层
凛冽寒风下,让品牌关怀为用户层层升温,且看飞凡汽车的《冷冷冷冷冷冷冷》案例,实现了伸长组件和浮层组件的精彩结合:
在 E2.COOL 的组件搜索功能内搜索「等距伸长」或「多段伸长」组件,使用后在底部增加「浮层」组件,就可以实现一个附件元素随着图文多次伸长而同步向下运行的效果:
错层滑动
作为 SVG 圈内经久不衰的创意排版形式,错层滑动同样可以胜任在冬季主题中。如祖玛珑《一颗雪球的奇妙旅程》就一枚可爱的雪球为悬停主体,构建了它作为线索在不同产品场景内穿梭的互动情景:
这与 GQ 实验室的世界杯主题《“滚!”》一作可谓有异曲同工之妙,不妨点击 Ceep 老师录制的「错层滑动」专题直播回放进行深度学习。
弹出式海报
传统组件,如何玩出新意?让我们看看「弹出式海报」在 Jeep 公众号《牧马人冬季低调创造》的呈现方式:
将海报画面进行宫格拼接,并且让车体以「破图」方式冲出画面,形成了流畅而丰富的整体阅读体验。而原海报隐藏在画面之下,点击后又能获得完整的对应壁纸,颇有冬季雪地寻踪的奇妙探索感。
多热区无限浮现-关闭
冬季户外,保持潮流。以爱马仕《出发!滑进满载新品的梦幻秋日》为例,通过「多热区无限浮现-关闭」SVG 组件优雅布局了冬季单品地图:
在 E2.COOL 的组件搜索功能内搜索「多热区无限浮现-关闭」组件即可使用!此外还有这些黑科技排版可以实现近似效果:
2)无限选择器
3)多热区限时可见
连续 GIF 控制器
如果你的品牌以 GIF 形式制作了多个精美的冬日风景特效,那么通过「GIF连续控制器」串联这些画面也不失为一种得当的 SVG 互动设计选择:
具体操作可参考教程《黑科技编辑器|连续 GIF 控制器教程》,当然要注意和教程中喜茶的案例一样,每张 GIF 都应当在 PS 导出时设置为「仅一次播放」。
更多海量模板,平均不足 1 元!
E2.COOL 秉持着让行业“人均 SVG”的生态理念,由多位黑科技排版设计的头部资深开发者共同打造,帮助更多品牌以可视化形式完成互动式图文创作。如有任何特效灵感和建议,也欢迎通过客服向我们提出,E2 将竭诚思考代码转化的可行性。
E2 平台官网
会的比别人多一点