iSVG

基于开源共享精神的SVG交互图文搜索引擎·无偿使用·公益助力疫情下数字经济复苏

2022,一场顶流淘汰赛|等分容器滑动 | GQ实验室

简单的滑动可以做出什么奇思妙想吗?GQ 再次给到了我们答案……将多个超长的「等分容器滑动」堆叠在一起,高度逐步递减并在底部对齐,就实现了有趣的自定义海报设计逻辑。

81岁的哈苏,如何造就传奇。|视差滑动 | 差评

精致的视觉设计搭配简单却贴切的交互,打造了这篇高级感满满的产品广告。整体展开的时间轴以 perspective 视差为排版核心要素,漂浮特性进一步加强了历史内容的深邃感。

现在加入视频会议|多热区无限浮现-关闭 | HERMES

爱马仕通过「视频会议」模拟的界面,让用户自由点击不同与会者头像浮出详情并关闭,设计出了这套内容趣味又些许离奇的 SVG 交互创意。作品开发通过 E2.COOL 黑科技编辑器(https://www.e2.cool/)实现,是「无限浮现-关闭」组件的一个精彩应用案例。

蒂芙尼奖杯的传奇史诗|视差滑动+点击切换 | Tiffany蒂芙尼

本作由 JZ Creative Studio 承载开发,是一篇非常优秀的时间轴故事图文设计。数字点击后向两侧缓缓展开,由黑白过渡到彩色的蒂芙尼奖杯制作故事映入眼帘,并可连续点击往返切换刷新,动效相当细腻。

淘宝一千零一店,盛大开张!|层层滑动 | 淘宝

本作是公众号中为数不多的三维场景图文,由意符互动执行开发。三维建模和层层滑动结构共同打造 3D 空间场景,将读者置身其中。后文接续抽签海报,且可自定义用户名称。目前本文的部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「层层滑动」、「幸运抽签」等组件实现。

跟随 Fender 聚焦音乐世界的 Little Wings|三选一无限选择器 | Fender

本作由 yutu studio 工作室开发制作,采用三选一无限往返伸缩器结构折叠三位艺人的采访内容,展现了无限往返伸缩器的再一进阶版本。

磕!到!了!老铁!|伪音频视频|磁力引擎商业洞察

连续 GIF 控制器、伪音频视频、视频切换……此作糅合了多种高难度开发技术,生动地搭建出放映室场景,打字音效、雪花屏、噪音等细节亦都十分到位,该作由 yiwebsite 的荒村老师操刀制作。

🪐点击开始星际穿越|音频+GIF控制器 | 微信派

以宇宙探索为主题背景,结合「星际穿越」主题曲的音频控制和连续的缩放 SVG 以及 GIF 的控制,营造了神秘又精美的图文开场特效,使得普通的一图流感官大为提升。

CoolSITE360 提供 UI/UX 支持  Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」

沪ICP备2022011523号