连续的缩放动画营造进入地心的感官体验,随后以全局滑动引导读者自由拖拽,触摸关键信息弹出知识科普,是一则基于 SVG 的生动科普图文设计,也是面向儿童的优秀公益数字公益设计。
月度爆款话题,配合行业爆款 SVG 组件「无限选择器」,将海量的产品信息进行有效的分类与梳理,并提升阅读的层次性与节奏感,针对选装、配色等用户自定义消费场景,构建了具有沉浸感的互动体验。
奢侈品品牌一向以干净利落的交互策略表现高格调的产品特性,这则 SVG 图文主要基于 E2.COOL 黑科技 SVG 编辑器的无限往返伸缩器组件能力,以时间为线索刻画了产品的应用逻辑,高级感中兼容了一定的阅读生动性。
多叉树作为 SVG 交互设计中的顶峰技术,一直是承载逻辑测试题的专业选择。结合局部气候调查组出众的视觉设计能力,这则妙趣横生的问答互动充满了阅读带入感,让人忍不住分享最终结果。
舷窗外五彩斑斓或近或远的产品以视差方式通过滑动一次飞跃呈现,充分体现了 perspective 裸眼 3D 排版技术的景深设计思想。滑动到底后点击视频号并可展开图文,独特的交互架构令人啧啧称奇,也让特效动画与产品广告详略得当有机结合。
滑动对齐密码,方能点击逆向推动并展开伸长,这一神奇效果被应用在 E2.COOL 黑科技 SVG 编辑器周年庆推送中,想必你一定能猜出密码是什么吧!
CoolSITE360 提供 UI/UX 支持 Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」