iSVG

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

男酒友勿看!|弹出式海报|泸州老窖

当我们以为点 A 见 B 的套路已经穷尽之时,泸州老窖又结合智能手机硬件特点为我们带来新的惊喜。整篇文章短小精悍,建议点开原文收获一下快乐。

渣女的秘密:穿什么才有吸引力?|互动游戏|网易王三三

本文减少了用户点击的交互层级,在微信图文中利用基础的滑动组件打造出了高级 H5 换装效果。同时巧具匠心的在左下角加入二维码,在读者截图发朋友圈时,让此篇文章的传播更为高效。而且透明图片的滑动部分做的更是严丝合缝,细微之处更见功底,足见优秀设计师的扎实基本功。

在哪里,在哪里见到你|弹出式海报|宝马中国

宝马中国很擅于用简单的技术来达到巧妙的创意效果,本篇利用点 A 见 B 的效果,在沉浸式的一图流中灵活实现了「局部遮挡-完整呈现」的互动逻辑。

“今天场子,我包了!”|弹出式海报|宝马中国

基于穿透触发的点 A 见 B 效果我们之前也是多次提及,是品牌方非常青睐的一种简洁而优雅的交互效果。由 GL 操刀的此篇通过点击影院座位进入专场的互动,更是给读者以身临其境的参与感。

新一届 iPad Pro,有深度。|GIF控制器伸长|Apple

苹果对设计与技术的把控同样做到了极致,再次用旧瓶装新酒的方式,利用 GIF 控制器和图文扩展动画的技术,掀起一波新的风潮,成为其他品牌效仿的对象。

一道从初中做到大学的数学题|公式插件|Isle of Chaos

针对需要撰写严谨理工科研内容进行图文内公式编辑的用户需求,JZ 的一位课程学员倪豪独立开发了一套微信公众号编辑器插件。其中大量数据公式均通过插件在编辑器内直接生成 SVG 格式,可以说是业内对公式展示效果最佳的一篇图文排版,所采用的背景技术和黑科技互动技术一致。

“假期”延长,如何转守为攻,实现自我救赎?|拟态游戏|微软科技

同样是防疫主题,微软科技在二月模仿了 GQ 一作《硬汉的家里都藏着哪些宝贝?》,形成密室解谜式互动游戏。而这类互动的开发办法,我们在《教程|让华为、微软争相效仿的创意排版》中已做了详细介绍,不妨点击此教程学习。

【招聘】Scania China Graduate Trainee Program 2020/2021|横版长卷|斯堪尼亚

本篇较为少见的全英文一图流,通过 SVG 互动模式让易读性提升了不少。GL 为本作设计了典型的情景式长卷互动,横屏后西文的排版因而比竖屏要自由得多。所以,本作也可以视为西文排版的一图流典范。

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

沪ICP备2022011523号