iSVG

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

寻 找 身 份 证 上 有 龙 的 人|追光灯|Bananain蕉内

在龙年寻找有龙字姓名的人,通过 SVG 追光灯结构实现画面滑动搜索的交互流程,与项目主题高度贴合。

小卡片太「耐撕」,怎么办?|GIF 动画|腾讯

GIF 动画与 SVG 的巧妙衔接组合,再次展现了腾讯在信息公益事业上的「科技狠活」,也不由得让人想起此前诈骗广告选题交互异曲同工之妙的弹窗式动画设计。

有我,罩你。|GIF 控制|华为终端

新款华为汽车如何保证用户的隐私安全?通过这篇自上而下多模块的 SVG 互动,基于最常见的点击指令搭配恰如其分微动态交互,如闪烁、位移、GIF 控制等准确清晰地呈现了产品的多方面特征。

目的地:全世界!|错层滑动|局部气候调查组

随着飞机起飞和降落,舱内和窗外的景色通过错层滑动十分生动地展现了出来,配合水平线的升降更为精准得感知高度,仿若身临其境。

“可以不用再战斗了……”|错层滑动|局部气候调查组

局气再次发挥了错层滑动的创意用法,采用正向错层接逆向错层的结构,模拟出太阳日落日升的效果。缓缓下滑的过程中太阳逐渐下落,象征着行业或人生的落幕。点击后可以从底部向上逆向滑动,太阳再次升起出现希望。利用交互结构完美演绎出了本文主题。

除夕夜前的24小时|二选一拉长+点击切换|科大讯飞

你一般会选择什么方式过年呢?本文给出了两个选项,不同选项对应不同的条漫内容,其中都加入了多个点击切换交互,令读者在互动之下沉浸其中,结尾还加入了抽签交互,为读者送上新年祝福。

速来!2023限时转运!|打印+伸长|科沃斯ECOVACS

集合抽奖和打印交互于一体的跨年主题 SVG 交互设计,体验流畅自然,结合伸长动画不断延伸画面,让品牌温情与科技潮流兼具。

上新!二手玫瑰!接客!|3D 视差滑动|塔斯汀

经典的「地平线模式」裸眼 3D 交互设计,通过人物的前后排列和地毯的水平线抬升,更充分突出空间的层次感,打造了浓浓的过年喜庆氛围。

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

沪ICP备2022011523号