iSVG

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

高三穿越系统加载中,请稍后……▓▓▓▓▓▓▓▓▓▓▓▓░ 90%|横版长卷|共青团中央

作为结合高考热点的优秀互动图文,被「共青团中央」、「青年湖南」等官号转载。本文亦是少见的「互动长漫」,剧情与交互巧妙结合,尤其是「投篮」、「飞纸飞机」等交互动作流畅,一气呵成,是面对高考这类选题的一种新思路与新范式。

上海养眼男女打包.zip|点击渐现+音频美化|GQ实验室

双厨狂喜,GQ 实验室和 FiFi 大神梦幻联动,为 Gucci 的《寰宇古驰》展览打造了一份看展指南,有 GQ 实验室创意十足的策划,辅以 FiFi 高级感满满的设计,配合 E2 编辑器巧妙的交互,此作可谓是诚意满满。

电影的现代第二幕|补间动画|MaisonMargiela马吉拉

JZ 为梅森马吉拉新上线的一篇高定推送,优雅高级地展示新品成衣的三大主题系列,运用遮罩的补间动画实现丝滑流畅的聚焦缩放效果。

iQOO电竞战队新成员,介绍一下|视差滑动|OriginOS

Apple 首创的一种使用视差原理实现滑动切换的效果,iQOO 创意地将其应用在画面右上角的数字角标中,伴随滑动的过程,巧妙实现打字机的缓冲效果和数字切换。

毕业了?没毕业!|填色式 SVG 伸长|百雀羚

填色式 SVG 伸长,将希望着重强调内容经过刷新后呈现,并丰富画面色彩呼应人生不设限的主题。

6.18折扣又来一波,夏日运动玩不停|无限选择器+顶层滑动+淘口令+视差|NIKE

网页级细腻度的SVG开发,以无限选择器为主题架构,不仅融合了丝滑的切换转场滚动,内部更巧妙结合了吸附性的顶层滑动,将淘口令等可复制信息合理分配,还有利用视差实现的溢出信息提示,着实是巧夺天工的交互设计。

他们问了盖茨一些问题|卡氏弹窗+无限开关|盖茨基金会

比尔盖茨中国行中,8位中国伙伴都向他问了什么问题?通过 SVG 卡氏弹窗形式,图文以无限开关的效果呈现了问与答,简洁而高级。

亙古的霜露天降,濡濕未曾與你相逢的遊人。|富文本+line 线段|HAKUCHI

看似是中规中矩的富文本排版,实则为 SVG 一图流无缝拼接,且通过 line 线段的简洁动画,模拟了落雨的概念。值得一提的是,这层落雨图层采用了整体化 SVG 注入思路,极大节约了代码空间,动画又增强了稳定性。

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

沪ICP备2022011523号