iSVG

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

同样是玩,有些人却玩出了天使投资。|动态设计|Apple

苹果微信公众号的运营团队,擅长以最简单的交互技术结合最顶尖的平面设计能力,给用户带来拍案叫绝的交互体验。本文通过 GIF 结合 SVG,又引起了很多运营人的羡慕嫉妒恨。不过若是仔细分析,其中包含的 SVG 仅仅是淡入动画而已,真正的难点在于——把代码高亮排版技法运用到图文排版中。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「GIF控制器」实现。

2019上半年平安健康移动检测公益图鉴|横版长卷|平安集团

本月的长卷式和科技交互排版中,荒村主持开发的平安集团作品也值得一提。图文中一辆监测车缓缓开动,在一气呵成的卡通背景上将原本枯燥的“功勋墙”变成了有趣的漫画故事。

新媒体人十二时辰|轨迹动画|JZCreative

一个酝酿已久的灵感,终于在本月实现——交互式多格漫画排版。本文是我们 JZCreative 为线下课程微信顶尖排版术推广而设计的黑科技排版,前所未有的新创意设计引起了全行业的围观。漫画+交互的一图流,瞬间将两种新媒体行业最硬核的排版技术结合。

玩游戏吗?上头的那种|互动游戏|百时美施贵宝

药企入场黑科技排版领域!该作将人体结构与三维弹球的游戏逻辑结合,设计与交互结合度上佳,触发类型和动画类型也极其多样,属于长卷复杂剧情交互的典型作品。而这类作品在制作过程中,背景位图和 SVG 交互前景矢量图结合已经成为了黑科技排版的共识性操作。

我 WEY 什么不怕热?|一镜到底|WEY

炎炎夏日,国产电动车品牌 WEY 通过 SVG 黑科技排版向用户介绍了其“防暑降温”的能力。本文由 GL 操刀,采用了 Prezi 式的 ZOOM IN 动画效果,基于的缩放能力和的多重修正实现了本文的交互体验。

啊!!!消息又发错群了!|动态设计|英菲尼迪

车企凭借雄厚的广告资金盘和供应商能力,长期以来就是 SVG 交互排版的拥趸者。本月,英菲尼迪加入了 SVG 阵营,推出了一个十分扎心的主题排版。

别看!|互动游戏|宝马

黑科技排版榜单可以说是月月有宝马,毕竟全行业中该品牌是最痴迷于 SVG 交互排版的企业。加之主要由 GL 操刀交互设计,更可谓如虎添翼。本期的伪键盘游戏,是 GL 较早前已经开发的原型迭代版,融入了更好的视觉设计,逐步露出二维码引导用户长按识别,使得用户误以为乐曲由自己制作完成,可谓是一个“心机满满”的作品。

是时候展现你真正的破案技术了!|动态设计|雀巢

黑科技排版中最简单的技术动画,莫过于淡入设计。但雀巢通过它结合反向阅读,玩出了新意。本文并不在交互区直接提示用户点击屏幕,而是在经历一系列“石化”场景后,在尾部要求用户反向滑动,再点击石膏像体验反转剧情。

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

沪ICP备2022011523号