基于开源共享精神的SVG交互图文搜索引擎·无偿使用·公益助力疫情下数字经济复苏
热门
伸长
模版
横屏
游戏
编辑器
以套娃的层层缩放结构,呈现多个图片的并列递进放大效果,并以同位替换衔接后续的信编组的缩放,实现了独特的多图展示策略。
点击后采用独特的带有阻尼感的伸长,在不同阶段呈现出不同运行速度,以便用户聚焦停留特定信息,充满了浪漫色彩。
利用 SVG 轨迹动画,结合人物自身微动效形成了可爱灵动的滑雪效果。
星光移动伴随图文伸长,优雅而适当的动态交互适合这类富有调性又追求创新的品牌应用,是 SVG 双层触发的一种典型应用模式。
技术大佬 GL 为大众汽车开发的本作,在限定时间内,我们点击消除全部碳气,图文才能进一步展开,露出内层的活动信息。
首屏以冰天雪地里一片花瓣飘落的动效引出冬去春来的主题,点击花瓣后图文拉长,进入正向擦出的交互,花瓣引领着代表春天的图层一点点覆盖冬天的图层,带来春暖花开的动态效果,细腻的画风让用户沉浸式感受四月天的“爱、温暖、希望”;擦出式伸长的交互也起到了引导阅读的作用,交互与文案的有机结合,更加深了用户对文案的印象。
连续的缩放动画营造进入地心的感官体验,随后以全局滑动引导读者自由拖拽,触摸关键信息弹出知识科普,是一则基于 SVG 的生动科普图文设计,也是面向儿童的优秀公益数字公益设计。
以多选的 SVG 能力,融合微信图文视频的嵌套,既给用户提供了足够的选择空间又合理分配了视频元素的入口,是视频广告布局的精妙作品范例。
CoolSITE360 提供 UI/UX 支持 Copyright © 2013-2023 iSVG投稿/定制/培训:微信公众号、小红书「iSVG」