iSVG

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

鸿蒙操作系统正式揭晓前,想象一下它的模样|音频互动|华为鸿蒙系统-华为手机

《鸿蒙操作系统正式揭晓前,想象一下它的模样》由开发者 Wannasleep 操刀,结合伸长动画、GIF 控制器和音频播放器美化等技术发布了三则视频预告。此篇在制作音频遮罩上别出心裁,既保证了音频区域的防误触,又能够在伸长后触发视频播放按钮。

鸿蒙操作系统,6月2日见!|GIF 串联播放|华为鸿蒙系统-华为手机

5月,鸿蒙操作系统发布前夕 JZ 为其定制了系列预热发布。其中第一篇《鸿蒙操作系统,6月2日见!》发布会预告视频,为追求完美的用户操作体验,采用 6 组 GIF 串联器代替视频播放,保证其画质清晰、衔接流畅。

史上第一届朋友圈奥运会,你能拿到首金吗?|互动游戏|网易王三三

结合奥运会热点,网易王三三推出了六款互动小游戏,利用渐进式切换、长按切换等基础组件模拟出跑步、跳水、举重等比赛场景,简单的交互形式将创意表达的淋漓尽致。

致敬人民后盾!|视差滑动|伊利牛奶

本文由荒村大佬开发,采用时下尖端的视差滑动技术,将其动态范围共设置为六层,给读者以强烈的画面纵深感,实现了一套令人叹为观止的滑动特效。

中国最盛产奥运冠军的地方,在哪|数据可视化|网易数读

数据可视化在奥运期间又有什么新的作品呢?由逸轩开发的此篇再次展现了数据动态图表的魅力,利用 Python 作为辅助工具实现丝滑流畅的 SVG 动效,演示出各类图表的变化过程,极大提升了文章的可读性。

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

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

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

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

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

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

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

沪ICP备2022011523号