iSVG

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

一份名单,阅后即灭|touchmove特殊手势互动| 局部气候调查组

以触摸 touchmove 为指令的特殊手势互动,也可以说是该模式最优秀的应用案例之一。较之一般的触摸出现设计,局部气候调查组反其道而行之,触摸到位置后动物就已开始消失,甚至因此有一种来不及看到这些生物就已经灭绝的体验,生动反映了濒危动物的生存现状。

虎年迎新有好礼,开启虎福生威的2022|路径运动+复合抽签| 网易数帆

网易数帆的此篇新年主题开发由 JZCreative 交付。木槌的连续路径运动在恰到好处的时间配合箱体的位移,敲走不开心。紧接着复合抽签、放大和翻牌等一系列动画,让读者抽取好运牌。

一场说走就走的旅行|错层滑动+二阶伸长| 雷克萨斯中国

错层滑动与二阶伸长经过巧妙结合,形成了全新创意的剧情式滑动特效,既保留了错层滑动的前后景穿插感官,又通过伸长控制了阅读故事的节奏感,是目前这两种经典互动模型结合的最佳范例。

《阿凡达:■■■》■■■■|连续多段展开| 京东

点击后连续层层多段展开又有了新的创意实现,作品以阿凡达为主题,展开通过海浪的模拟,伴随着弹性的缓动回收效果,营造了一种浪漫而神秘的意境美,最后露出京东鲜花的阿凡达联名新品设计,让形式与内容完美结合。

通知:今天走红毯|底层滑动| GQ实验室

利用底层滑动,让光透过表面遮罩形成探照效果,同时基于热区让滑动结构不断坍缩,持续操作下一个底层滑动。巧妙的排版构思配合精细的素材设计,形成了这篇前所未有的互动图文。

万 兔 万 兔 12 12|3D横向视差+纵向视差| Bananain蕉内

蕉内的双十二促销+兔年 IP 亮相采用了横向视差+纵向视差的逆天复合结构,开场是虎年的形象在山峦间奔走,末端跳入图年的新场景,自上而下展示了 IP 视频和多个 IP 的祝福场景,基于 Perspective 3D 的景深式排版使得画面空间感极强,讨喜又魔性。

传球入门门门门门|裸眼3D互动| 局部气候调查组

由 JZCreative 主持开发的又一长篇裸眼 3D 互动排版,在局部气候调查组逆天的素材设计支持下将足球的发展史以极其生动且富有冲击力的形式讲述。部分足球球体穿过其他图层飞出,球门翻转而上……都形成了让读者叹为观止的特效,不愧是当下最新且最震撼感官的一图流排版形式。

回应一下昨天的热搜|错层滑动+点击进场| GQ实验室

将错层滑动置于结尾,并以点击进场进行拉入,成为了整篇 CSS 滑动布局设计的点睛之笔。

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

沪ICP备2022011523号