iSVG

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

点亮爱意星河|纵向吸附滑动|积家

纵向吸附滑动结构由科蚪首创开发,JZ 的小雪制作交付。本作结合了逆向滑动和吸附滑动双重结构特性,打造出电梯上升的体验感,从而将五层场景串联,给读者以身临其境之感。

【内含福利】一键直击TA的生日会现场|层层滑动+滑动换装|安慕希

品牌特别打造了一场生日宴会,读者通过「一键直击」即可了解所有信息,巧妙地使用点击触发配合位移动画,应用出多种滑动操作,实现了层层滑动、滑动换装等特效,该作由荒村开发。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「换装式点击切换」实现。

小米MIX 4 正式发布:未来CUP全面屏,艺术品般的陶瓷机身|视差滑动|小米手机

手机新品发布推送无疑是各大品牌的兵家必争之地,小米手机在其中脱颖而出。以小杨主导的《小米MIX 4 正式发布:未来CUP全面屏,艺术品般的陶瓷机身》为代表,驾轻就熟地使用视差滑动技术,合理分配各层元素及间距。细节上更是奇思妙想,利用向上滑动的蒙版手机壳配合底层背景下落,叠加形成双倍流畅的视觉效果。

@所有人,请查收这条熟悉的语音推送!|密码解锁+音频互动|华夏航空

密码解锁,一种经久不衰的开发模型,任何热点发布都可以搭配合适的口令呈现出品牌的创意,其严密的逻辑结构和丰富的细节动效无一不展现着开发者深厚的基础功底。本作由 yutu 主持开发,通过查看线索输入华夏航空的客服热线,强化用户对于新上线的客服号码的认知,再设计多条语音内容传达品牌温度,为读者带来较强的互动体验。

这道题你怎么选?|挤压伸长|Marshall

此篇特别选取了挤压伸长结构分别介绍三款单品,由品牌方使用 E2.COOL 编辑器制作而成。并在此基础上,计老师又全新开发了双系统视频号布局,分别克服安卓和 ios 系统嵌入视频号漂移的问题。

快!学会这几招就成高手了。|无限选择器|ColorOS(一加、OPPO手机)

本图文中 ColorOS 设计出一个武功宝典秘籍的创意,以展示系统的多种隐藏功能,通过生动的设计和交互传达给读者。小杨也专门为此定制开发了一个全新的技术模型,实现无限次弹窗配合连续切换结构,且优化了不同机型的加载问题。

碳 ▉ ▇ ▆ ▅ ▄ ▃ ▂ ▁|快闪动画|腾讯微信派

微信派在本月发布碳中和大作,由 GL 操刀推送了一篇让人叹为观止的交互作品,赢得广泛关注。开屏自动动画细腻至极、两次收缩伸长划分文章结构、伪答题卡设计增加丰富的互动特效,制作十分精美,一定要打开原文体验一下!

乐乐茶×抖音 | 一整杯云南味道!无花果酪酪升级回归,赠饮券免费赢|收缩伸长|乐乐茶

本作计老师应用的是对 SVG 画板的双重控制,在图文中实现非定宽式收缩伸长的效果,切换首屏抖音话题界面,从而展开介绍升级产品。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击-收缩切换-伸长」实现。

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

沪ICP备2022011523号