iSVG

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

春天,和小饼干一起游园才是正经事|互动游戏|奥利奥

本作将场景主题选定为游园会,展示了多款奥利奥周边产品。由荒村老师开发制作,选取如发布会、老虎机、兑奖等具有代表性的游乐项目,将游览顺序串联起来。结合代码的互动体验,让游玩项目的趣味性充分发挥,给读者以身临其境之感。

春困难熬?冰咖新品帮你赶走困意|轨迹运动动画|古茗茶饮

本作由荒村老师开发,赋予一粒咖啡豆重要使命,使其沿着千回百转的管道曲线运动,在容器中穿梭,引领读者阅读全文,直至一杯咖啡的诞生。用若隐若现的透明度动画点缀咖啡豆的路径运动,使其更加赋有穿梭的动感。

小米游戏机,↑手慢无|互动游戏|小米手机

4 月连续高产的 GL 大神为小米公司技术开发的本作,凭借缜密的逻辑判断和复杂的技术操作在本月十佳中脱颖而出。四款测试小游戏,在限定的条件下,判断用户通关与否,相应产生不同的游戏结果,建议点开体验一下!

3,2,1!数据发送完成。|动态设计|荣耀手机

该品牌的微信推送经过一波更新换代之后,保持了统一的视觉风格,且擅于用轻交互展示产品特点,也是各数码品牌非常青睐的推文效果。选取的此篇案例作为一图流+轻交互的典型,包含了丰富的局部动效和部分交互能力,优美而细腻。

一键换新墙,坚果智慧墙O1发布|视差滑动|JMGO坚果投影

坚果新品发布图文由小杨开发制作,应用了最新的视差滑动结构,也是行业首篇白色视差滑动案例,与深色视差的体验感不尽相同,建议点开文章感受一下

4月15日 18:00 | “近”入想象|JMGO坚果投影

4 月,我们为坚果投影仪交付了 O1 新品的系列发布。预热图文由计老师亲自操刀创意,本文结构短小精悍,将核心内容浓缩在一画幅内体现,采用由微观到宏观的 Zoom out 过程,也体现该产品「超近距投影」的概念。

选一张照片留给 100 年后的人|长按滚动|OPPO手机

由 GL 操刀的此作品巧妙地选取两张褪色前后对比的照片,通过长按感受时间流动的操作,恰当地表达了呼吁年轻人环境保护的主题。技术上利用位移动画实现长按图片滚动,同时配合高度动画,实现图片切换前后的滤色效果。

偷翻男明星手机,刺激!|音频互动+视差滑动|GQ实验室

本月图文复杂结构作品之最,由小杨负责开发制作,JZ 交付至 GQ 实验室。开篇由李易峰的音频引入主题,音频播放精准配合图片切换。继而采用弹窗式互动结构引导用户层层递进,进入发布会现场。最后伸长展开,利用视差滑动展现全文内容。全文一气呵成,实现了一套令人叹为观止的交互效果。

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

沪ICP备2022011523号