欢迎光临散文网 会员登陆 & 注册

推荐适合520/521的SVG模版

2023-06-08 11:56 作者:黑科技编辑器  | 我要投稿

宝藏模版

往期推荐(点击阅读):

🤡推荐几个莫名好玩的SVG模版🤡

🤩推荐几个瞬间高大上的SVG模版🤩

🤗推荐几个敲级可爱的SVG模版🤗

🧐推荐适合年终总结的SVG模版🧐

⏰推荐可无限循环的SVG模版⏰

🧡推荐适合情人节的SVG模版🧡

🦋推荐适合女神节的SVG模版🦋

🧈推荐几个无比丝滑的SVG模版🧈

👍6种「等分容器滑动」的妙用👍

🛹13种精妙的「图片轮播」特效🛹

🦄推荐几个童趣满满的SVG模版🦄

🤑618排版必备SVG模版🤑

🤠属于爸爸们的SVG模版🤠

🤝推荐又红又专的SVG模版🤝

🥮推荐适合中秋的SVG模版🥮

⌛推荐适合双11的SVG模版⌛

🥇推荐适合世界杯的SVG模版🥇

🤶推荐适合圣诞节的SVG模版🤶

🥳推荐适合新年的SVG模版🥳

🧧推荐兔年春节的SVG模版🧧

🤩推荐适合元宵的SVG模版🤩

🧡推荐适合情人节的SVG模版🧡(第Ⅱ期)

🤡推荐适合愚人节的SVG模版🤡

各位 E2.COOL 的会员,编辑器内 900+ 的 SVG 组件你们都用过吗?爱的节日又要到来了,我们不仅可以借鉴情人节、七夕节的交互设计,还能结合「520」的数字梗进行创作。

密码解锁-伸长

520 作为数字,可以转化为一个基本的密码。这里我们参考卡地亚《这份爱已加密》的密码设计,它以 N、O、W 为密码,点击下方对应字母展开画面:

点击-伸长

永远不要小瞧最简单的 SVG 经典模型——通过巧妙的素材设计,它们也能生成与众不同的交互感官。以 GQ 实验室《今年情人节,朋友圈静悄悄》为例,多个「点击-伸长」的连续应用令人眼前一亮:

此外,在教程《SVG「多段伸长」和「伸长嵌套」到底有什么区别?》中我们总共介绍了三种复合型的伸长结构,不妨点击蓝色标题进一步学习。

多段伸长/等距伸长

逐步展开的多段伸长与「点击-伸长」的连续使用有所不同,如积家 JaegerLeCoultre 的《520 | 展信佳》是多段伸长的典型形式,情感层层递进,适合 520 场景:

在 E2.COOL 的组件搜索功能内查找「多段伸长」即可体验!点击阅读《黑科技编辑器 | 多段伸长教程》学习具体操作流程。

文字组合变化(纵向吸附容器滑动)

爱有千万种诠释,GRAFF格拉夫的《解码520密语》通过 E2.COOL 组件「纵向吸附容器滑动」实现了别具一格的文案游戏:

静态背景(固定文案)搭配吸附对齐型的滑块前景(变化文案+产品图),形成了如上的巧妙排版设计,在 E2.COOL 的组件搜索功能内查找「纵向吸附容器滑动」即可体验!点击阅读《黑科技编辑器|纵向吸附容器滑动教程》学习具体操作流程。

全屏樱花雨/全屏爱心雨

520 时值樱花开放的季节,「全屏樱花雨」组件能让任何画面(包括互动结构)增加一个全屏范围的浪漫樱花飘零特效;而「全屏爱心雨」则表达了满满爱意,烘托节日氛围。

视差滑动

视差 perspective 3D 是营造浪漫感的一种常用技术,在 Vogue 的 520 专题《古驰宇宙向你发来邀请》交互图文设计中,视差滑动打造了开场时曼妙的滑动效果:

无限选择器

节日选品难以抉择?不如像 Tiffany 《故事,从开启蓝盒开始……》的情人节预热一样,通过 E2.COOL 热门 UGC 组件「无限选择器」实现无限切换+滑动浏览的效果:


这里是黑科技编辑器(e2.cool),会的比别人多一点

官网链接:www.e2.cool






推荐适合520/521的SVG模版的评论 (共 条)

分享到微博请遵守国家法律