iSVG

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

你知道你最吸引我的是什么吗?| 错层滑动|追觅科技

旋转的苹果下落,经过错层滑动的场景在进入产品的互动环节……由此一个最简单的物体通过 SVG 开发制造了精妙的情人节交互设计。

今天最浪漫的事,都在你手机里了| 无限往返折叠|ColorOS

看似无限往返 SVG 结构,实际上通过推出和内部滑动,实现了长图文的更巧妙折叠,由此在收起是不会大幅拉动画面,而是控制屏幕留在原处。

这块健康神器,帮你各种比心。| 无限往返切换|Apple

基于 SVG 无限往返逻辑,对占位图层 width 宽度的拉扯实现页面的往返切换特性,也是 Apple 为业界带来的新互动形式设计。

全新 Nike Leggings|今天你想放空?还是尽情怒放?| 3D视差滑动|NIKE

视差滑动场景下的快消品牌主题设计,运动的人像和 GIF 因 perspective 3D 而更加富有动感。

为表歉意,我手写了放假通知给你:| 书法写字|E2平台

本作基于 E2 黑科技编辑器「书法写字」SVG 组件制作而成,利用路径动画模拟出手写毛笔字的过程,十分生动地发布了一篇放假通知。

今日宜抽上上签| 打印机+抽签+多轮抽取|雷克萨斯中国

JZCreative 为雷克萨斯交付的新年开工抽签一作,利用打印机样式丰富抽签交互效果,并结合长按可保存的展示签文上的产品细节,多轮抽取后可再次延伸推文内容,具有浓厚的节日氛围。

《北!京!下!雪!了!图鉴儿》| 视差滑动|长图汽车站

本作不仅娴熟应用了 E2.COOL 黑科技 SVG 编辑器的视差滑动套件,更利用「零高图片」结构和遮挡关系,创造性地实现了由溜冰到骑车的过渡效果,效果十分惊艳。

2023,我想开始冒险| CSS 滑动+弹出式海报|小红书

SVG 动画开场,衔接全景范围的 CSS 滑动结合弹出式海报,形成了探索感极强的图文交互创意,并充分展示「探索什么是好的生活」的小红书新年愿景。

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

沪ICP备2022011523号