iSVG

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

˙ᵕ˙--℃ 温度贩卖商店 _↗ 进入体验|动态设计|Plastic SEA

Fifi 设计的本篇温度商店秉承了其一贯的酸性美学设计风格,交互上使用伸长动画作为商品展示结构,上下浮动、音频播放器美化等作为细节点缀,同时选取色彩的变化作为交互时的反馈,很好地烘托出主题氛围。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「滑动(拖拽)浮现」实现。

芙清都城,点击传送>>|互动游戏|FulQun芙清

由小杨开发的趣味集卡游戏图文,本文采用了具有较强互动性的集卡形式,集齐五张签文即可合成最终奖励。该文的开发结构十分讨巧,每组卡片独立分层互不干扰,防误触制作精细十足。

来了,今夏最酷的「逆鳞」新配色!|伪音频控制伸长|红米手机

酷炫的动效,搭配伪音频视频播放科幻 BGM,交互将二者无缝衔接,打造出高燃场景,本文的技术开发由小杨执行。点击原文,打开音量,身临其境的体验一下吧!

你离P50系列真像,只有一步之遥|动效设计|华为手机

由开发者 Wanna Sleep 开发的此篇,采用了 GIF、视频同步控制器的创新结构,点击播放 GIF 完毕后,自动播放视频。若 GIF 播放时间把控到位,还可十分巧妙地隐藏视频进度条,保证全文的整体观感。

32颗厚厚厚厚肉「霸气龙眼」,拿来吧你|GIF 跨屏控制伸长|奈雪的茶

本文由科蚪和计老师联袂开发,交付至奈雪的茶。其利用高度伸长,同步实现播放 GIF 和展开效果,克服了定宽式伸长两侧留有冗余的问题。开发结构精妙,微积分式伸长动画提供加速度效果,实现四代全屏高度伸长。

返校福利驾到,内赠使用指南。|无限往返伸缩器|Apple苹果手机

由科蚪研发的无限往返伸缩器近期登陆 Apple 公众号,点击触发热区可无限次伸长并收缩,合理分配了信息的展示方式。Apple 发布的此版本更为简化,只需上传两张图片,也同时增加了切换图片的效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「无限往返伸缩器(简单版)」实现。

抬头看看你的伞,缺了什么?|动态设计|蕉内

本篇的出彩之处并非在于背后的技术,而是设计与交互恰到好处的融合。精美的画面设计,配合选用了最为基础的交互模型,既不被喧宾夺主,又能够将效果发挥至极致。本篇开发由 E2.COOL 编辑器制作而成,建议点开原文欣赏一下。

迪丽热巴的选择,能有多酷?|无限选择器|GQ实验室

这篇使用无限弹窗的作品由小杨制作,转动的轮盘上载有多张可被点击的卡片,与 GL 开发的此篇《年夜饭开饭了!进来选一道你爱吃的菜》有异曲同工之妙,本作在技术上则更为保险。关于此技术的更多用法还在被不断发掘,欢迎你有好的作品向我们投稿。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「多热区无限浮现-消失」等实现。

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

沪ICP备2022011523号