iSVG

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

致一颗永远甜美「不老」的心|卡片抽取|HEYTEA喜茶

冬季联名款在全屏隐约可见的雪花中,以玲珑的通话界面开启,内部呈现的卡片抽取与叠放动画轻巧而丝滑,正呼应着主题甜美不老的心。

2024年度饮品出炉,买一送一|滑动动画|HEYTEA喜茶

喜茶的年度设计充满仪式感,颁奖过程随着用户手指滑动屏幕而刷新揭晓,神秘感与互动性兼具,是年终盘点类 SVG 作品的典范之作。

ᵂᴼᵂꜝꜝ 祝您(用餐)愉快|全局滑动|PLASTIC SEA

2024岁末 Plastic SEA 带来一期技惊四座的互动设计,融合了大量前所未见的 SVG 交互形态,将近期的生活琐事盘点精致呈现。从歌单到菜谱,从笔记到心得,灵动的又恰到好处的各色交互效果与 Plastic SEA 经典的设计风格相辉,着实为读者们带来了一期视觉盛宴。

听!中国人最“硬核”的浪漫|视差滑动|广东共青团

精美的手绘插图结合视差与音效形成了献礼祖国 74 华诞的互动长卷,用最硬核的实力,做最浪漫的梦。

(迟到的)2021人均SVG时代报告|视差滑动|E2平台

视差效果的年终总结并不常见,本作还巧妙融合了纪念碑谷 2.5D 透视风,开屏构建了虚拟你授权交互,结尾设计了选择与海报生成以及文案输入等细节 SVG 彩蛋,时至今日看仍然是年终总结题材下的上乘之作。

E(SG)2(024)年终报告|转盘+弹窗|E2平台

来自 E2 平台官方的年终总结,不仅聚焦于用户数据,更以 ESG 视角展示了一年来编辑器在企业社会责任方方面面的努力与贡献,鼓励用户共同参与为行业更好的明天而持续创新。作品别出心裁地将 COOL 中的一个 O 作为转盘,6 个 O 的的连续旋转入场和退场代表了平台 6 个方面的 ESG 工作成就,点击后竟可以弹窗查看并关闭,且支持反复浏览,是 mouseover/out 的革新应用设计。

2024抖音年度热梗,出炉!|弹窗无限开启-关闭|抖音集团

抖音的年度图文报告,将各类热梗卖在无限延展的插画世界中,通过点击亮点获取弹窗,亦可关闭后继续浏览或反复开启查阅,由此巧妙平衡了报告内容自身的信息量与插画视觉美观度。

爱,有光可循|视差卡片|Buccellati布契拉提

优雅的差速滑动效果,得益于 E2.COOL 黑科技 SVG 编辑器的「视差卡片」组件,通过准确的布局方式将整个横向长画面无缝衔接,并使得产品依次立体进入呈现。

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

沪ICP备2022011523号