iSVG

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

回望十年,那些商业传说的 A 面 B 面与 C 面|长按-松开|极客公园

长按-松开对应可见性的作品许久未见,而极客公园就采用了该互动模型,制作了一组前沿思考论坛的预热海报,交互部分由振铭操刀。

玩趣进行时|抓娃娃机|Berluti

尽管我们一再强调,位图标签作为互动元素,会在不少机型上翻车——如过低版本安卓、刷机苹果等。但依然有不少定制互动图文的品牌主宁可放弃这类用户,强制使用位图进行互动。本作便是荒村苦口婆心劝阻甲方无效,而以位图方式实现的随机娃娃机交互。如果不考虑适配性问题,可以说位图在视觉呈现上确实比矢量图更精致,但我们依然不建议品牌在近阶段尝试位图互动。而如果确实有其必要,则一般会在背景图参数中预置一张 GIF,让无法看见前景互动的用户直接观看背景图的动态变化。

Audi MQ! Innovation Summit 2019看点大揭秘!|轨迹动画|奥迪

本作由 GL 操刀交互技术的具体实现,主要通过描摹动画,将一场科技大会的日常安排,以最黑科技的排版呈现了出来。

从此,电动+豪华|遮罩伸长|奔驰

奔驰旗下各公众号的高级互动图文一般由 GL 或荒村负责开发执行,而这些作品往往讨巧在 Agency 提供的视觉设计质量出众,于是可将简单的代码动效展现出最佳的互动张力。本作是简单的 SVG 画布整体值变化,但结合下端的透明黑幕设计和高品质背景图,豪华感不言而喻。

硬汉的家里都藏着哪些宝贝?|密室逃脱|GQ 实验室

沛纳海融合意大利设计与瑞士技术,是经典的奢侈品牌手表。十一月,沛纳海与 GQ 合作,通过 GQ 实验室账号发布了一篇刷爆朋友圈的密室寻宝游戏,该图文的交互技术由我们 JZ 的鼈臑提供支持。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「连续切换」实现。

安慕希 × C罗,我们的骄傲恰好很配|轨迹动画|安慕希

本月我们 JZ 还通过 SVG 技术支持了安慕希品牌的联名产品活动。该作中的足球包含自转行为和轨迹动画,再加文案动画和防误触,代码复合难度极大。

中国首个免疫肿瘤药物欧狄沃®获批扩大适应症|开门特效|百时美施贵宝

荒村本月在药企品牌中也应用了「双开门」,并结合更多动画形式形成了一图流设计,将枯燥乏味的医学信息结合轻巧的动画创意,支持了药企的产品新闻发布。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「GIF控制器」、「开门特效」等实现。

2020财富专列即将出发,赶紧上车!|开门特效|龙湖地产

荒村的「双开门」设计本月在龙湖地产秀了一把。场景主题是可无限延伸的车厢侧视图,这为一图流的设计提供了极大的便利。结合抵消式运动代码设计,让连续的「双开门」在该作中充分发挥。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「开门特效」实现。

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

沪ICP备2022011523号