节庆与专题 SVG 推荐
本篇采用优美的描边动画将小鹏汽车的发展历程娓娓道来,仿佛一条时间线串联起品牌技术的发展。
罕见的在 SVG 中大量应用区域裁切构建形状,也由此巧妙实现了动态图的异形平铺展示,让这套富有创意的轮播宛如漫画宫格,结合动画 IP 的穿插使得一个技术品牌的活动如此充满灵气。
本文通过密码模式将一图流和 SVG 结合,在科技圈的 1024 节发布了一篇深深戳痛程序员的条漫。
腾讯的 1024 节活动造势,将「代码是什么」以万千视角解读,以直击人心的各种程序员梗营造节日氛围。
以精细的 3D 渲染视频作为开篇,全文采用高级优雅的视差滑动结构,结合长按序列帧可弹出式海报、gif 控制器音频美化等结构生动形象地展示出产品特点。
Apple 又为业内带来了有新鲜感的 SVG 交互设计,卡片的快速飞入是一大亮点,而更别具一格的是将传统纵向伸长结构横置,转变为横向的连续伸长效果。
颠覆性的创意交互 SVG 装置,通过高度动画实现前后图片切换,再加以位移动画的巧妙结合完美实现设备掉落换色的效果。
坚果新品发布图文应用了精彩的视差滑动结构,也是行业首篇浅色视差滑动案例,更有清新之感。
历史性地加入了全新技术框架的无限选择器,系行业首发作,名垂青史。
以时空传送为画面框架,将展会图集以黑洞吐息方式通过 SVG 代码不断涌现,极大提升了图文展示的丰富感,同时底部的新闻稿可展开又可收回,有效将超长的内容篇幅详略得当进行交互展示。
通过人物角色在不同场景中穿梭并发生互动,展现产品服务周期中的方方面面,就其交互的编组复杂性来讲也可能是业界难度最高的作品。
联合艺术家向华为交付的高定新媒体内容创作。艺术家从插画绘制到动态呈现精妙绝伦,开发者则采用 SVG 序列帧完美还原了各种神兽的身体动态。
快闪开场的动画,说明了本作极其繁复的技术投入,而其纸飞机飞行并展开的一图流设计,将周年庆氛围下的品牌故事娓娓道来,同时技术范儿满满。