iSVG

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

DIGIX数字生活节·北京站,明天见|密码解锁|华为终端云服务

本月同样值得一提的伸长图文还有 GL 为华为终端云交付的此篇,其多模块伸长组件使用了有趣的填词答题互动形式,构思巧妙,切合主题。

官宣一位新朋友|密码解锁|vivo

vivo 保持其一如既往高水平的交互图文创作,本月再入十佳案例。品牌已然不满足于最初的伸长装置,如何让更多创意玩法融入伸长?荒村开发的本作将密码锁与伸长装置相结合,拉满互动的悬疑性,趣味十足。

美团出BUG了?????|弹窗互动|美团

GL,一个以脑洞清奇著称的男子,据说每脱一根发就能多一个脑洞。在 1024 程序员节的前夕诞生此作,本篇利用高度动画的全新用法模拟电脑弹窗,组建起程序员修复 bug 的故事线。在本月的佳作中十分亮眼,不妨点开上方链接体验一下。

阿华田新品|《 茶 底 两 万 里 》!有大事发生!!!|错层滑动|古茗茶饮

三千喵主持开发的古茗一作,再次展示了上下滑动,夹层不动的互动能力,但得益于巧妙的图层排列实现了前后景穿插,情景感营造十足,生动展示了新品奶茶的特色,互动和设计相互配合完美诠释主题。

如何在假期打败99%的朋友|汉堡包滑动|荣耀智能家居

滑动的花样玩法层出不穷,而本作是第一篇上下滑动,夹层不动的商业作品应用,出自于新锐开发者 ZH 之手。利用 height:0 降低层级,transform:scale(1) 提高层级,实现了顶层与底层双层滑动,夹层不动的效果。

一场特殊摄影展:从疤痕到新生|遮罩视频|腾讯医学ME大会

本作由 JZ 开发并交付至腾讯,本篇推文将读者带入展览馆的情景设置中,身临其境体验疤痕海报及主题视频。技术上融合了视频的各类变法,背景图、视频组件、遮罩和封面分别在 z 轴上呈四层分布,技术小而精,亦是创意和开发的上乘之作。

你是主角脸,还是配角脸?|计分答题|GQ情感研究所

同样由「归零心态」工作室 Wanna Sleep 创意开发的计分型答题卡本次交付至 GQ 实验室,利用双层触发和图层顺序实现计分效果。

华为Mate40系列多种色彩,样样出彩|掉落换色|华为终端

颠覆性的创意交互 SVG 装置,开创硬件产品「换色」特征的新演示模式代码结构,来自行业黑马「归零心态」工作室。得益于客户的优秀创意与设计,让这一装置产品展示效果大放异彩。 开发者 Wanna Sleep 另辟蹊径通过高度动画实现前后图片切换,再加以位移动画的巧妙结合完美实现设备掉落换色的效果。

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

沪ICP备2022011523号