iSVG

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

画春天?来试试|无限选择器|雷克萨斯中国

在春天的画板里,尽情拾色挥洒创意!这一期雷克萨斯与 JZ 合作,设计了一套画板取色填充的创意,让业内眼前一亮。该 SVG 特效采用无限选择器魔改并堆叠,可以说是该交互范式的全新创造性应用。

跟着这份 macOS Ventura 词汇表,开始新操作。|横向连续伸长|Apple

Apple 又为业内带来了有新鲜感的 SVG 交互设计,卡片的快速飞入是一大亮点,而更别具一格的是将传统纵向伸长结构横置,转变为横向的连续伸长效果。相关效果可以通过 E2.COOL 黑科技编辑器(https://www.e2.cool/)实现。

展开画卷,一览国网江苏电力2022年社会责任成果|点击展开+弹出海报| 苏电牛思

点击展开的手绘风漫画长卷,搭配点击后分段游走的光粒,并支持在每个节点出弹出海报,是在传统长图文设计基础上通过 SVG 带来了显著互动感提升的佳作。

春日上新,这间球鞋储藏室归你了|无限开关+长按存图|Jordan中国

欢迎来到 Jordan 专柜!琳琅满目的球鞋置于鞋架上,均可点击并出现大图卡片,卡片包好了三合一功能——无限开关,长按存图和跳转购买,并在页面如此复杂的情况下保证了优雅而丝滑的阅读体验。

说好了,晚点见|多热区+可往返卡片|HarmonyOS

以多热区形式,布局可往返的卡片结构,让优雅的风景画面与预热的产品信息有效结合,是 Teaser 类图文设计的优秀范例。

一键开启春日模式|上色式伸长|海信视像

花瓣飘零,引发图文的整体上色式伸长效果,让文章的春意迎面而来,也是近期业内比较少应用的交互模式,从而引发了不少的创意共鸣。

今天,春分变成了一个形容词|多段连续伸长|新世相

GQ《红了》模式的多段连续伸长,由阔野文化执行开发,在逐行文案中设计了更为细腻的自动动画,将「春分」的一半与另一半娓娓道来。

文心一言,期待与你相见|伸长+自动动画|百度

对于伸长SVG运营人往往定势思维于通过点击触发,实际上将所有内容自动执行,既节省了交互操作的时间又避免了用户因误触或错过触发提示而不能完整阅读的问题。本作从开场动画到图文展开以及内部的时间轴动画,均以自动动画序列安排,由此发布会的信息得以一字不落地传递给读者。

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

沪ICP备2022011523号