iSVG

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

@所有米粉,您有一封信件请查收。|激活式弹出海报|小米手机

交互实验室的小杨充分运用 click 与 touchstart 双层触发机制,打造了一个如「漂流瓶」般体验的随机信件查看系统,整体以 perspective 视差框架形成三维漂浮定位,支持「换一批」连续切换操作,温情之中又满含着惊喜。

多种永久+高级功能首次解锁!「我的珠科」小程序重磅升级!|吸附滑动| 珠海科技学院

本作一经发布便广受好评,交互由小古同学操刀,创新性的开发了「视差吸附横滑」结构,使页面在横滑时既可以不同组件之间形成差速的过渡效果,又可以让每次横滑后各元素在画面中居中,构思巧妙。

今天开考,落坐开答。|答题卡测试|ColorOS

高考之际,由开发者小杨操刀的本作创意复现了答题卡场景,引入计分答题结构,将最终的答题结果和得分展示在文末。

古驰宇宙向你发来邀请|视差滑动+伸长+弹出式海报等|Vogue

一套复合了多种交互组件的 SVG 图文,竟在 Vogue 的创意指引下和谐共处,丝毫没有堆砌感,反将古驰的高品质格调感淋漓尽致地展现。本作经过 E2.COOL 黑科技编辑器搭建而成,是编辑器型作品的顶尖案例。

家人们,你们的健康我承包了。|无限选择器|Apple苹果手机

SVG 无限选择器之前在大疆、VIVO、OPPO 等品牌都出现过,而苹果本期设计引发了广泛的业界关注。不过略微可惜的是由于对 touchstart 和 click 时间差设定的优化不足,导致切换时有明显闪屏情况发生。E2.COOL 黑科技编辑器中 UGC 组件「无限选择器」有大神科蚪开发,效果优于本作。

“如果巴黎有香气,那一定是香奈儿”|动效设计|时尚芭莎

本作由业内知名的设计+交互双核大神 Fifi 主持,以其标志性的弥散风视觉结合分层开发的 SVG 伸长、漂浮等动画,呈现了一场轻盈的香奈儿巴黎芬芳之旅。

全新 Taycan Cross Turismo 4 款车型开启预售|视差滑动|保时捷中国

新品发布,视差滑动成为了现在的主流排版选择。本作以横向视差为主,穿插了独特的「变色」滑动(通过顶层滑动实现视觉错觉),效果大气而凌厉,与汽车新品的调性相得益彰。

《腾 讯 儿 童 节 特 别 节 目》(仅此一天)|音频互动|腾讯

本作基于音频控制器技术实现音频画面同步切换,电视机换台动效串联起三档六一节目,噪波动画、复古电视机、经典动画片配音等元素的配合,瞬间将六一怀旧主题氛围拉满。

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

沪ICP备2022011523号