iSVG

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

12 Days of Margiela|伪选择伸长|MaisonMargiela马吉拉

如何讲述品牌故事?Maison Margiela 将其设计为选择答题形式,选中正确答案后方可伸长解锁。该效果目前可直接利用 E2 编辑器的「伪选择伸长」组件完成搭建。

流感来袭:比生病更累的,是那句“我不敢病”|上色滑动|罗氏制药

上色式滑动经久不衰,通过顶层画面的局部镂空设计与底层预设不规则色块的精准配合,跟随用户滑动,隐藏的画面逐渐呈现,目前该效果可通过 E2 编辑器的「顶层滑动」组件搭建完成。

签收假日好礼,2026一整个被甜满|挤压伸长|欧莱雅中国

同样作为礼盒设计,不同于 Tiffany 的无限选择器和巴黎世家的双面翻转,欧莱雅另辟蹊径采用「挤压伸长」打造拆礼体验,弹性收回-展开效果让惊喜的节日氛围呼之欲出。

绮礼时节|双面翻转|Balenciaga

本作利用分栏布局灵活打造礼盒堆叠效果,基于「双面翻转」组件,打造了一场极具仪式感的拆礼体验,完美契合节日赠礼的惊喜主题。

哈利·波特联名新品🪄开启魔法庆典|自动动画|星巴克中国

本作堪称 E2 编辑器自动动画效果的教科书级应用,全文灵活运用了「层层自动退场」、「滚动广告」与「原地轮播」等多种技术,构建出节奏多变的轮播效果。配合底层滑动和细腻的位移动画让金色飞贼始终浮于上层灵动跳跃,画面元素悬浮律动的自动动画营造魔法感,极大地丰富了视觉层次。

七个愿望|无限选择器|Tiffany蒂芙尼

Tiffany 借助 E2 编辑器的「无限选择器」组件,模拟出经典的“倒数日历礼盒”玩法,如同拆解精致礼物般充满仪式感,十分契合品牌的高级调性。

“爱你老己,明年见!”|拍一拍抽签|E2平台

本作巧妙结合 E2 编辑器的「拍一拍转换器」和「幸运抽签-弹出式」组件,通过「零高容器」与「点击坍塌」技术实现封面消失的效果。这种抽签玩法营造了满满的跨年仪式感,极大地提升了用户的互动参与度。

看见中国法治的模样|无限选择器|最高人民法院

通过 z-index 排序法让无限选择器的热区布局更高度可控,实现浮窗-滑动-关闭的完全同屏叠加设计。

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

沪ICP备2022011523号