iSVG

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

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

宝马中国很擅于用简单的技术来达到巧妙的创意效果,本篇利用点 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 为本作设计了典型的情景式长卷互动,横屏后西文的排版因而比竖屏要自由得多。所以,本作也可以视为西文排版的一图流典范。

一图带你走完六十余万公里公益之路|互动漫画|平安医保

医疗概念在当下必然成为全民关注的焦点,医疗品牌在此时顺势宣传,自然也可以通过 SVG 互动式黑科技排版赢得用户的更多信任。荒村主持的平安医保一作,互动形式主要依托最基本的透明度动画。但得益于巧妙的构图,能形成“前后景共同淡入”的错觉,因而是一篇互动与设计两相宜的佳作。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击渐现」实现。

找到真心,收获专属你的情人节礼物|动态设计|杰克琼斯

scale、rotate、opacity,仅仅基于三个基本字段动画,能形成什么效果?本作就是我们 JZ Creative 交付的一篇关于服饰品牌图案定制的趣味互动。图案会被事先融合在场景中,只有点击时才会通过缩放体现其上身效果,让广告从故事中来,自然过渡不生硬。

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

沪ICP备2022011523号