iSVG

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

你 + (?) ≥ 2021|动态设计|Plastic SEA

本文由 JZ 的一位课程学员 Fifi 负责视觉设计,小杨操刀开发。该作采用了多重伸长的结构,由探索世界到探索内心层层递进、层层展开。在各阶段中又配合主题融入了夹层滑动、特殊手势、倾斜滑动、翻牌等各种组件,设计初衷、动态展示与交互效果相辅相成,实现了一套令人叹为观止的效果。

进来许愿,抽元宵好礼|互动游戏|VIVO手机

由荒村操刀的此篇将 vivo 拍摄的各地图片隐藏在孔明灯的弹出海报内,更为精妙的点在于本文末尾,通过属性让用户在图文内自定义写入愿望,再模拟孔明灯放飞这一操作,极大的提升了用户的参与度。

年夜饭开饭了!进来选一道你爱吃的菜|无限选择器|科大讯飞

新年签还能有什么花式应用?GL 操刀的此篇模拟旋转的年夜饭桌,将年菜作为新年签的载体,点击后弹出具体签文,本文的细节动画满满,毕竟 GL 出品,必属精品。

春节联欢晚会【直播live】|挤压伸长|局部气候调查组

我们已多次提及弹性伸长再收缩技术,是目前很多品牌方青睐的交互效果。由孙悟喵主持开发的此篇同样利用了弹性布局-无限伸缩器,可控地将各年代的春节联欢晚会展开收回,不仅能够切换场景主题,还能避免画面展示的信息繁多。

你的拜年上电视,仅需一步|无限选择器|华为终端-华为手机

本作非常巧妙的选择了一栋年味满满的楼宇作为场景主题,点击每户的窗花则会弹出十分具有代入感的新年场景海报,很好的烘托了主题氛围。并且在每一个弹窗中设置小程序的氛围营造入口,确保用户无论点击哪幅都能接收到关键信息。

无论在哪里过年,GE始终相伴|无限往返伸缩器|GE中国

本文同样为高定的交互式高级插画,开发由蝌蚪负责,JZ 交付。其中 GE 中国采用的交互方式是将海报信息隐藏在插画中,通过无限伸缩器效果将海报逐步释放,读者也可通过收回的方式将信息隐藏,从而减少阅读压力。

2020 激光雷达的“少数派”报告|数据可视化|Livox 览沃激光雷达

二月新年主题发布中,不少品牌聚焦于定制高级艺术家插画。本篇 JZ 与艺术家合作定制的交互式插画作品,由 Livox 公众号发布,上线新年动画长卷。整篇作品使用蓝色作为唯一主色调,结合微动画的代码设计,文章效果简洁而优雅。

红了红了,这次真的红了|互动游戏|GQ实验室

小杨在本作中,集合了求签、燕子杯、集流星、放孔明灯等 7 款新年互动小游戏,趣味性极高。也是继《烦死了,烦死了,我真的烦死了》作品之后,又一游戏类大杂烩型交互模版合辑,十分建议收藏。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「抽签动画」、「点击渐现」等实现。

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

沪ICP备2022011523号