iSVG

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

全能小球手,上场就要玩新招|轨迹动画|NIKE耐克

四款伸长,伴随着篮球的不同运动模式:浮动、缩放、轨迹移动、旋转……其中轨迹运动终止于篮筐处,最为精彩。它们都是标准伸长结构的变体,却以巧思取胜,在 YUTU 开发的精妙实现下,确实一篇非常值得推荐的佳作。

技能便利店 Volume 2:面容 ID 可以戴着口罩解锁了。|变色进度点亮滑动|Apple苹果手机

基于颜色变化来显示滑动进度,Apple 公众号的图文设计真是创意无限!目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「等分容器滑动」、「浮层」、「占位」等实现。

荣耀手机影像计划大赛全球开启!一起分享你的定格瞬间|快闪+伸长|荣耀手机

以纯代码并分层控制的快闪+伸长综合体结构,并在内层空间融合了包括视差相册等精妙设计,不愧是小杨操刀的 SVG 作品。

如何打造一款Tiffany Knot?|错层滑动|Tiffany蒂芙尼

在本作的开发中 JZ 对错层滑动进行了新探索,利用层层嵌套的滑动实现图片和文字的任意穿梭,逻辑结构清晰明确。

领取2022年NBA微信红包封面 查收新年专属惊喜|轨迹动画|NBA

乙木互动(赵阳)是 NBA 公众号的长期 SVG 技术支持团队,这一篇轨迹动画为主体的伸长式图文融合了大量的微动效设计,可以说是 SVG 动画集大成者,交互体验堪称完满。

蒂芙尼钻石,匠心为爱|挤压伸长|Tiffany蒂芙尼

由 JZ 为 Tiffany 开发的本作中运用了挤压伸长切换模型,分别展示了 8 款产品内容。该模型能够有效地折叠信息,减少读者的阅读压力,且动画效果丝滑流畅。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「挤压伸长切换」等实现。

变形金刚·擎天柱完全体 强势回归!|无限选择器|乐森机器人

JZ 在本期大作中,通过特殊手势 引发 GIF+伸长的奇妙特效,内含标签抽拉特性的 SVG 组件,结合由 JZ 同步提供的视效炸裂平面设计,让变形金刚产品的亮相仪式感满满!

您有几条来自和睦家的重要通知待查看|特殊手势+拟态设计|和睦家

由池灵文化带来了这一期少见的双击手势控制设计。通过模拟手机通知的交互界面,充分贴合了本期主题内容,并以弹出式海报等二层交互结构方便用户高效查阅。

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

沪ICP备2022011523号