iSVG

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

别急,还有反转|画面缩放+多段伸长| 抖音集团

随着网信办近期对网暴行为管理的深入执行,各大机构平台近期也纷纷响应创作图文内容。抖音的这期设计以经典的画面缩放为创意立足点,结合多段伸长展开列举了一个个典型的网暴场景,既让人身临其境更给人深刻警醒。

为《小时代》来上海的人,过得怎么样了?|伪音频视频|GQ实验室

对同一画面形成两种不同速度的展开选择控制,是本作开发中最大的亮点,同时开场还兼容了伪音频视频的播放,将一个整体设计较为常规的展开型图文,注入了别具一格的创意感官。

前方「兔」袭,闹元宵!|弹出式海报|保时捷中国服务号

开场元宵节主题的保时捷动效设计相当细腻而精彩,播放完毕后自然过渡到浮动的灯笼阵列,通过弹出式海报支持点击获取主题海报。

一叶同舟知端阳,造福寰宇祈安康|音频+GIF 动画|药明生物

篇幅不长但动画精细入微,点击屏幕后播放音频,同时带动实现切分多段的 GIF 动画按序列连续播放,形成了如此连贯的丝滑效果,是今年端午节主题的惊艳之作。

今年端午,360智脑“复活”了屈原|双层触发+点击伸长|360安全卫士

AIGC 火爆的 2023 年,360 安全卫士在端午节通过模拟 AI 会话的 SVG 交互形式,展示 360 智脑数字人的问答能力。图文采用双层触发结构,点击伸长后带动另一层顺序排列的对话依次浮现。

微博 SVG 实例-电门逻辑|与或非门|逸轩

经典的电门逻辑,基于 id 可以在微博 SVG 实现更简洁的代码表达。

微博 SVG 实例-折叠菜单|跨菜单栏控制|意符

基于微博SVG生态完美的菜单栏特效实现,尤其跨菜单的点击后原菜单折叠体验更接近真正的 H5 开发效果。

微博 SVG 实例-爆炸图|大爆炸|黑科技编辑器

通过 use 参数的引用设计,和 touchstart & touchend 的指令组合,形成专属于微博的 SVG 爆炸图交互效果。

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

沪ICP备2022011523号