本期封面来自这里


An image to describe post

上周设计圈都在讨论 Airbnb 的最新设计,其实除了那套非常写实的拟物图标,最新使用视频展示动画技术的背后故事更让大家感兴趣。作为 Lottie 动画的发明者,Airbnb 再次发明新的动画实现标准再合适不过了。

An image to describe post

Joshua Pekera 分享了 Lava 项目的起源故事,由 Joshua Pekera、Amanda Vawter 和 Ryan Holmes 于 2021 年成立。团队最初致力于提高产品质量和性能,从视频播放器开始,逐渐发展成为一个涵盖视频基础设施、媒体上传模式、SDK 和机器学习功能的综合团队。当团队在处理品牌的拟物和 3D 资源时遇到质量和性能挑战,Lava 应运而生。受到之前在 Apple 的经验启发,团队开始探索一种全新的媒体类型。团队成员通过不断原型设计和创新,第一个 demo 由 savee.it 的创始人 Ramon Fritsch 创建,最终创造出一种能够改变 UI 设计的神奇技术。Joshua Pekera 将项目命名为 Lava,向 Apple 的 3D 团队致敬,并与 Aurelio Guzmán 合作设计了项目标志。团队的目标不仅仅是推出几个图标,而是希望创造一种能让 UI 设计更加美丽、富有表现力。

可以看到一项技术从发明到被广泛使用,起码要 5 年以上的时间,2021 年开始研发,到现在才刚刚公开。不确定未来会不会成为新的动画标准,能不能取代现有的方案,只能等他们开源后再看了。有趣的是,这次出来分享的几乎都是 Airbnb 的前员工。

有人用 Rive 复刻了那个图标动画,尺寸甚至比官方的更小。还有人用 4o 复刻了一套,看起来风格非常像了,还有人@Copilot + Kling + Framer 实现了一遍。

An image to describe post

其中最牛的是这个,作者做了近 600 个这种风格的图标,并且完全免费还给出了提示词。

对了,马上就 300 期了,打算做个有奖活动给订阅用户,如果有老板想推广自己的产品并愿意提供赞助,可以联系我:[email protected] 或 微信 @dingyi


Resources↘

Snapattern

一款可以将任何图层(如形状、文字、图标、图像)转换为动态且可自定义的图案的 Figma 插件。可以让用户只需几次点击就能为背景、品牌、插图等创建视觉效果出色的重复图案。

An image to describe post

Kigen

Figma 设计系统生成器插件,提供了预定义的颜色调色板、变量和语义样式,支持从 Material、Fluent、Tailwind 等流行设计系统中抓取配色。

An image to describe post