iSVG

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

这本手册,不看后悔四年|滑动+旋转切换+长按浮现|快手

SVG目录页打开同时音乐响起,探照灯滑动结构引导用户搜索按钮,随后画面亮起,衔接多个浮窗结构支持自选点击,内部还有滑动拉近人物、旋转切换专栏、长按浮现内容等创意小动画,构思缜密结构复杂,是亚运会主题的上乘之作。

好利来《瑞克和莫蒂》和甜品传送门和周边和快闪店都来了|3D 视差滑动|Holiland好利来

好利来X瑞克和莫蒂的联名作品,采用了与宇宙感官高度匹配的视差 3D 设计进行排版,且承袭了计育韬老师的「地平线」理念立体设计,巧妙将动画中的时空穿梭门作为水平面抬升,形式与内容高度匹配。

有心事的人,请进。|无限选择器|JZCreative

通过无限选择器接伸长结构,模拟出类似答案之书的应用效果。这是由星巴克发起的阅读助学公益项目,读者可以像翻开一本魔法书一样,获取预言家的答案。实际上则是小朋友们从书本摘抄的经典语录,以此来展示他们的阅读与思考。

全新Flex「丝柏绿」隆重登场|推出式封面+错层滑动|Bose

本作品以 E2.COOL 黑科技 SVG 编辑器的推出式封面和错层滑动结构为基础,在此之上巧妙地将结构重新组合手工搭建,实现主元素固定图层错层进场的效果,妙哉妙哉。

这个夏天怎么了?|特殊手势|虎嗅APP

这是一篇以酷暑为题材的创意开发,长按即可降温,与夏天有关的各种元素差速上移,并伴随背景颜色温度变化,同时待元素覆盖至画面中央后,人物状态发生瞬时的切换,开发和动效细节丰富至极。

打开张震|层层滑动接伸长|GQ实验室

通过三个长滑动的叠加,以结尾击穿的方式实现交互的接续,是「层层滑动接伸长」模型的一种巧妙升级。

圆月遇险,向你紧急求助!|视差滑动|华帝

以月为主体,将遮挡光芒的云雾与厨房的油烟类比,巧妙融合了品牌产品油烟机,通过分段巧妙而有趣的动画交互呈现了产品的多个卖点。

明月花灯,臻享中秋|多叉树选择|劳斯莱斯汽车

劳斯莱斯公众号以多叉树选择逻辑,设计了一款中秋贺卡 DIY 互动形式的祝福图文,将品牌的「定制体验」辐射到线上新媒体,结合精美的画面设计与贺卡设计,赢得了去年中秋用户的广泛好评。

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

沪ICP备2022011523号