MENTAL MODEL · M3512
原子设计
Atomic Design
更新于 2026-08-05
CORE DEFINITION · 核心定义
一种构建设计系统的方法论。将界面分解为：原子（基础标签、颜色）-> 分子（搜索框）-> 组织（页头）-> 模板 -> 页面。
SCAFFOLDING EFFECT · 脚手架效应
psychology
降低认知负荷
组件化思维。不仅用于UI，也用于PPT制作、写作或管理。先构建最小的、可复用的“原子”组件（如统一的话术、数据模块），然后像搭积木一样构建复杂的系统，确保一致性和效率。
anchor
锚定快速决策
布拉德·弗罗斯特提出，界面如化学一样由小到大组合：原子（标签/色）→分子（搜索框）→组织（页头）→模板→页面，层级化确保一致性与可复用。
MINIMUM ACTION · 最小行动
进行中 0/5在一个真实场景中练习这个模型：
勾选记录你的进度（本机暂存）
掌握进度0%
account_tree知识谱系 Genealogyexpand_more
menu_book信源参考 Sourcesexpand_more
来源明确性: 明确
- baike.baidu.comhttps://baike.baidu.com/item/%E5%8E%9F%E5%AD%90%E8%AE%BE%E8%AE%A1verified
PRIVATE NOTES · 仅自己可见
已保存问答
ENTRY Q&A · 可保存至我的笔记
在清晰边界内提问
thinkingmodels 仅基于已发布的条目上下文回答。
你的问题会发送给 thinkingmodels；回答仅使用公开词条上下文。