iSVG

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

【优秀作品】爱马仕公众号SVG案例合集

iSVG 专题研究系列:爱马仕公众号借 SVG 交互打造内容新亮点,丰富效果提升品牌数字化表达质感。

【优秀作品】Tiffany公众号SVG案例合集

iSVG 专题研究系列:蒂芙尼公众号玩转 SVG 交互黑科技,让奢侈品表达兼具精致质感与趣味体验,重塑高端品牌数字化内容新形态。

【热点新闻】问卷调查:SVG 交互设计行业用户习惯调研

各位 SVG 交互设计领域的伙伴们看过来!不管你是深耕设计一线、需要优质案例参考的 UI/UX 设计师,还是专注代码实现、寻求高效解决方案的前端 / 全栈开发者,你的每一次操作习惯、每一个功能诉求,都藏着行业优化的关键方向!

【热点新闻】E2编辑器持续创新,无惧抄袭的源动力是什么?

在当今数字化内容创作尤其 SVG 交互设计领域,E2 编辑器无疑是一颗耀眼的明星。它以其卓越的功能和独特的设计,赢得了众多用户的青睐。然而,在竞争激烈的市场环境中,抄袭现象屡见不鲜,E2 编辑器却能持续创新,无惧跟随,其背后的源动力值得深入探究。

腾讯长鹅祝你中秋节快乐!|音频互动|腾讯

本作由 GL 操刀制作,通过音频播放器隐藏和 GIF 控制器,将音乐节奏和 GIF 动画完美融合,实现出的效果堪称完美,完整而精妙的体现出大厂的脑洞和智商。建议点开原文,调大音量,跟着节奏一起摇摆~

HYPER OG | 翘楚•大放异彩 IN WUXI|多段伸长|Hyper OG Official

多段伸长装置加以细节动效点缀,辅以搭配相同风格的 bgm,由三千喵所开发的此篇文章行云流水、谐协有致,为一图流结合轻交互的典型之作。

中产阶级的剧本杀,你能撑到第几关?|互动测试|GQ实验室

本作由新锐开发者小杨操刀、JZ 交付至 GQ 实验室,这是一套将三代伸长装置与测试题逻辑巧妙结合的作品,而最为精彩的代码结构思维在于利用盒子特性,将层层画幅先并行排列,后通过 viewbox 宽度动画层层挤开。

拍一拍我的头像!!有大事发生!!!|拍一拍|EF英孚教育

拟态图文拍一拍已常见于各大品牌图文中,此篇不同于往常之处在于技术上更新迭代后,完美地结合了多段伸长装置,思路清晰,结构精简。除此之外,本篇融合了自动 banner 切换技术,可应用于轮播图展示。

流心奶黄波波冰,满载礼物回归|选择伸长|HEYTEA喜茶

由计老师开发的伪选择性伸长装置, 适用于品牌同时发布两种新品且制作于同一图文中。

你看你看,月亮的脸|遮罩视频|轩尼诗Hennessy

异形遮罩视频的关键在于<-webkit-mask-image>参数,其类似于图片蒙版,遮罩中 alpha 通道为 1 的可显示,为 0 的则被隐藏。且遮罩层可直接穿透,不影响内容层正常触发。

10 月 15 日,OnePlus 8T 新品和你来电!|序列帧长按|一加科技

应用了长按加载效果的品牌还有一加科技。不同于荒村所开发,GL 此篇采用了横向和竖向位移模拟电量充满的效果,和序列帧切换有着异曲同工之秒。两种方式分别给大家提供了不同的开发思路。

vivo第一款智能手表,到底长什么样?|序列帧长按|vivo

本作由荒村大神主持开发,图文中融合了渐进式序列、伸长动画、GIF 控制器等技术,长按切换的心率动画为此篇的点睛之笔,互动感极佳。技术上通过提高序列帧动画的优先级,实现了先长按后点击伸长的效果。

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

沪ICP备2022011523号