iSVG

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

通知:今天走红毯|底层滑动| GQ实验室

利用底层滑动,让光透过表面遮罩形成探照效果,同时基于热区让滑动结构不断坍缩,持续操作下一个底层滑动。巧妙的排版构思配合精细的素材设计,形成了这篇前所未有的互动图文。

万 兔 万 兔 12 12|3D横向视差+纵向视差| Bananain蕉内

蕉内的双十二促销+兔年 IP 亮相采用了横向视差+纵向视差的逆天复合结构,开场是虎年的形象在山峦间奔走,末端跳入图年的新场景,自上而下展示了 IP 视频和多个 IP 的祝福场景,基于 Perspective 3D 的景深式排版使得画面空间感极强,讨喜又魔性。

传球入门门门门门|裸眼3D互动| 局部气候调查组

由 JZCreative 主持开发的又一长篇裸眼 3D 互动排版,在局部气候调查组逆天的素材设计支持下将足球的发展史以极其生动且富有冲击力的形式讲述。部分足球球体穿过其他图层飞出,球门翻转而上……都形成了让读者叹为观止的特效,不愧是当下最新且最震撼感官的一图流排版形式。

回应一下昨天的热搜|错层滑动+点击进场| GQ实验室

将错层滑动置于结尾,并以点击进场进行拉入,成为了整篇 CSS 滑动布局设计的点睛之笔。

年末大促淘金季,诚邀出海人一起云上逛峰会!|序列帧形式| TikTok for Business出海营销

典型的人物横版步态情景长卷,人物采用序列帧形式从一个场景前往下一个场景,期间穿插幻灯式的页面展示,将信息罗列和插画设计巧妙结合。

99公益日,你捐的小红花用哪了?|伪音频视频+多热区触控|腾讯公益

开场以伪音频视频关联 GIF 播放,让用户视线走进花田,随后以多热区触控实现浮窗效果,缩放过程自然而可爱,且能各自超链接到不同页面。

Hey,来耐克足球全宇宙看看|无限选择+视差滑动| NIKE

无限选择搭配视差滑动,结合酷炫的分层透明动画元素让人应接不暇。

NIKE FIT|你好像在玩一种很新的冬天|3D视差| NIKE

在 3D 视差排版既有的纵深感前提下,通过增加雪花层和高速的前景冰雪设计进一步强化了空间感,让普通的图片+文案布局产生了感染力极强的交互体验。

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

沪ICP备2022011523号