原子设计&效率工具 ⚛

tags
Design
Tool
date
Apr 4, 2022

原子设计是什么

原子设计最早由 Brad Frost 提出,灵感来自于化学。就像物质由原子组成分子再组合成有机物,Brad Frost 运用原子的思路组织设计系统,在设计领域得到广泛的应用。
notion image
以登录表单为例,它由按钮、文本框这 2 个原子组成,而同样的原子,也可以组合成消息发送框。我们的设计不是维护登录功能或消息发送功能,而是在维护按钮、文本框这 2 个原子。 这大大降低了设计的维护成本同时也提高了设计的一致性。
notion image
原子设计改变了我理解世界的方式,除了设计领域我还发现不少工具、产品也在运用原子的思维。

原子思维的核心价值

正如上述例子中,简单的按钮、文本框可以组合成我们熟悉的各种功能,原子的意义在于充分链接后创造的无数可能性,原子不是目的,原子独立、自由从而更容易产生不同的组合、链接

案例:flomo & Notion

flomo 是一款轻量笔记应用,开发者为了保持产品的简单易用,克制了许多新功能的开发冲动;但这也导致部分用户的需求无法被满足。
在一次更新中,flomo 支持将数据与 Notion 同步,用户在 flomo 完成简单高效的笔记录入后,可以使用 Notion 强大的筛选功能检索笔记,利用 Notion 丰富的视图浏览笔记。既不增加产品复杂度,又满足了用户的需求;
notion image
在这个案例中,可以把 flomo 「简单高效的录入笔记」和 Notion 「筛选」、「丰富视图」看成原子功能,通过链接产生了 1+1 > 2 的效果。

案例:多工具打造写作流程

简悦开发者在这篇文章中介绍道,他不执着于工具的 All in one,而是利用不同工具的优势为自己服务。
以写作为例,他会先在 A 笔记中记录灵感,在 B 笔记中整理,最后通过 C 笔记写作输出。
notion image
笔记数据通过 Markdown 这一通用格式实现在不同笔记工具之间的流转,通过链接不同工具的原子功能/特性实现了高效的写作工作流。

软件如何帮助原子创造价值

通用格式

在简悦开发者的案例中,通过 Markdown 这一通用格式让数据可以在不同的原子间流通,为原子功能处理数据提供了条件。

创造服务而不是软件

不局限于具体的页面、客户端等载体,让服务可以触达用户需要的各个场景。
Figma 官方开放了 API 支持用户将 Figma 的文件管理集成到自己的工作流中,我配合 Eagle 的写入 API 实现了在 Eagle 中管理 FIgma 文件,利用 Eagle 的文件管理功能补足了 FIgma 的不足。

本地文件

与开放 API 相同,本地文件支持用户自由的处理、迁移数据,实现数据的自由流通。

小结

原子的意义在于充分链接后创造的无数可能性,开发者需要通过开放 API 等方式搭建原子间的桥梁,支持通用格式/本地文件为数据在不同原子间的流通提供基础条件。
 

© jiangzilong 2024