iSVG

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

书接上回,咱继续聊聊个人隐私。|无限浮现-关闭+高速序列帧|Apple

此作以重复式触发的高速序列帧开场,兼具科技表达与细节。采用无限次浮现可关闭效果呈现具体功能点与路径,清晰展示功能操作,简洁高效的交互契合品牌科技调性。

呼叫香奈儿护肤中心|无限往返伸缩|香奈儿尊享香水与美容品

无限次展开-收回交互呈现内容,以色块区分信息类别,精准适配奢侈品 小而美调性。既保持界面雅致,又让用户按需获取内容,尽显高端品牌的精致表达。

藏地日出后的「酥油茶」,买一送一|错层滑动|HEYTEA喜茶

本作通过错层滑动原理,将前置滑动图片、滑动提示和最后一张滑动图片分置三个层级,最后一张滑动图片滑动后提示消失,细节设计凸显品牌巧思。

不被阳光定义的假期|音频伸长+滚动广告|波司登

本作以 E2.COOL 黑科技 SVG 编辑器的「点击播放音频-伸长」组件为主框架,搭配 BGM 营造出身临其境的多种夏日主题。同时发挥作者的奇思妙想,搭配「三分栏」和「滚动广告」SVG 模版组合实现出相册滚动轮播效果。

夏日官宣|来迪士尼做一夏快乐小孩!|全屏飘落|上海迪士尼度假区

迪士尼此作巧妙运用全屏飘落效果嵌套纵向滑动,将全文置于满屏气泡中,充满夏日活力,以四两拨千斤的效果渲染出轻松欢乐氛围。

重生之你是李善德:这 KPI 你能扛得住?|多段伸长|腾讯地图

此作借《长安的荔枝》热点,从荔枝转运困境中过渡现代导航解决方案,古今风格区分巧妙突出广告重点,让历史与产品结合,以多段伸长推动剧情发展,画风精良细腻。

今天,豆包“一句话P图”升级了|互斥翻牌|豆包

本作通过“点击 - 翻转 - 复位 - 再点击” 的循环机制,实现豆包升级的功能点与效果图的反复呈现,形成绑定记忆,是功能介绍轻量化交互的典型设计。目前该效果可以通过 E2.COOL 黑科技编辑器(https://www.e2.cool/)的互斥翻牌组件实现。

(荔 枝)转 运 木 鱼 . e x e|木鱼循环|JZCreative

SVG 木鱼模型是由著名交互设计工作室 JZ Creative Studio 开发的一种双层触发互动架构。本作基于该模型引导用户快速点击,当手速足够快时可以获取「大展鸿图」书法动画,还在同时能产生直接的点赞触发,显著提升了点赞/阅读比。

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

沪ICP备2022011523号