iSVG

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

《北!京!下!雪!了!图鉴儿》| 视差滑动|长图汽车站

本作不仅娴熟应用了 E2.COOL 黑科技 SVG 编辑器的视差滑动套件,更利用「零高图片」结构和遮挡关系,创造性地实现了由溜冰到骑车的过渡效果,效果十分惊艳。

2023,我想开始冒险| CSS 滑动+弹出式海报|小红书

SVG 动画开场,衔接全景范围的 CSS 滑动结合弹出式海报,形成了探索感极强的图文交互创意,并充分展示「探索什么是好的生活」的小红书新年愿景。

「他」可以看见未来| 滑动+反差色混合模式| T 中文版

滑动的前后景关系以反差色混合模式叠加,使得滑动画面在特定区域内外有不同的显示效果,看似怪异却恰如其分地体现了「宇宙多面观」概念。

虎年倒计时!和 Snapchat 一起共贺新岁!|整体画幅交互 | Snapchat 全球营销

枯燥而冗长的图文内容转化为神奇的 SVG 整体画幅交互,启动后飞机飞向不同的内容场景将营销知识娓娓道来,与大疆曾经的情人节之作异曲同工。

欧舒丹 x 超级植物公司 | 青松「樱」好运!| 视差+可弹出-收回浮窗|普罗旺斯欧舒丹

卡通感的视差空间设计,搭配可弹出-收回的信息浮窗,将视觉设计与商品信息有机平衡,并极大增强了漫画涂鸦的阅读纵深感。

绝了。| 收回后伸长|GQ实验室

传统的「收回后伸长」的交互形式相对常见,但本文以出其不意地将满屏信息向上收回变成足球的效果,放弃「伸长」而采用「收回」作为信息展示的交互手段,实现的「以退为进」。

开幕啦!| 自由滑动+无限选择器|大地艺术节ARTFIELD

一张图片太大,屏幕空间不够怎么办?通过「自由滑动」使页面中的每个元素都可以查看,极大丰富了页面承载内容。小游戏太多,都想要呈现怎么办?通过「无限选择器」结合八个重点艺术装置的风格和特性,共置入了八款小游戏,创意和交互都非常值得参考。

333333333333333333333333| 游戏互动|GQ实验室

游戏化的SVG推文不少见,怎么让简单的点击交互也可以做到和游戏相似的趣味体验才是更值得琢磨。在阅读这篇推文的时候能发现,点击相同人物的图片就会被归纳在一起,进而可以消除,从而吸引读者继续阅读下去。

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

沪ICP备2022011523号