原子设计（Atomic Design）是现代设计系统的核心心智模型，常被误用为从原子到页面的线性流程。虽然该方法在通过组装小部件构建组件库方面十分理想，但产品工作通常从用户体验视角出发，聚焦于用户需求和屏幕上的用户行为。这种“范围优先”（scope-first）的方法始于明确用户需要完成什么任务以及其行为会产生何种影响，而非仅仅盘点组件。它有助于在创建组件之前定义屏幕的结构模型，并根据元素行为的作用范围识别元素间的关系。例如，在数据表中，筛选操作会影响整个数据集，即使该控件在物理位置上位于列标题中。这种方法明确了每次用户操作会引发哪些变化，从而将控件与工具提示等静态元素区分开来。在设计组件时，可复用性固然关键，但产品设计还需考虑业务逻辑。模板层级是管理组件间互连和共享状态的自然位置，确保它们在屏幕上下文中协同工作，同时不损害单个组件的可复用性。传统上被视为“无脑”布局结构的模板，可扩展以承载特定于屏幕的逻辑，并管理独立组件之间的交互方式。这意味着模板可以在屏幕内定义区域、连接、共享状态和规则，充当“表现型”组件的“智能”包装器。此类模板是可复用的结构，适用于不同的产品上下文，有助于描述超越单纯组件集合的产品模式。在页面层级，模板会被填充实际内容以进行系统压力测试，确保结构能够处理各种场景，包括空状态、加载数据和意外内容长度等。这种“范围优先”的方法对于为现有产品创建设计系统尤为有用，它通过聚焦行为来解决关于组件边界的争论，并在相似屏幕之间系统化模式。它提供了一种更清晰的方式，基于用户行为和范围来记录产品模式，而非一份平铺的组件列表。然而，这种方法并非普遍适用；若将逻辑定制为单一屏幕，可能会损害组件的通用性；若应用于密度较低或流程简单的屏幕，传统组件清单可能已足够。归根结底，原子设计是一个灵活多样的模型，但产品团队若能秉持“范围优先”的视角，在构建组件库之前理解用户需求并定义结构模型，将有助于确保连贯且功能完善的用户体验。