iSVG

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

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

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

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

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

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

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

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

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

I BELIEVE IN WONDER|CSS 滤色混合模式| BVLGARI宝格丽

图文本身的视觉设计与结构布局已然十分精巧,画面动静结合错落穿插,而纯 SVG 代码形成的群星游弋效果,基于 CSS 滤色混合模式叠加在全文之上更是锦上添花,让内容充满了优雅和浪漫的气息。作品主体由 E2.COOL 黑科技编辑器实现,并由平台方高定设计星体的自动游走 SVG 代码。

点击查收,真果粒版万圣节“鬼混”指南|自动展开-逆向擦出展开| 真果粒

集自动展开-逆向擦出展开为一体的复合结构,一如既往表现出了「上色」特效的强大视觉张力。

@2022年陪你看世界杯的那个人|选项选择-海报| 三三星球

基于整体化布局实现的选项选择-海报生成 SVG 互动,其中穿插了抽签结构让其更有新意。

那些说完晚安之后的事:|自动连续多段伸长| GQ实验室

交互实验室与 GQ 实验室合作,再度刷新了 SVG 自动连续多段伸长的应用思路。这一期以语音转译为交互,层层推进文案线索,强调短短语音背后的深深思绪,打动用户的同时也让广告信息巧妙转场出现。

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

沪ICP备2022011523号