设计系统中的“海拔”（Elevation）是指通过阴影和层级来在用户界面中营造深度感的技术。这种视觉策略有助于区分不同元素，通过清晰呈现组件间的层级关系，使界面更加直观。海拔在强调按钮、卡片等交互元素时尤为有效，能通过微妙的视觉暗示呈现其功能性。设计系统通常会通过“海拔令牌”（elevation tokens）来标准化海拔原则，具体规定阴影大小、模糊强度和光源方向，以确保产品的一致性。通过有效应用海拔，设计师可以提升产品的易用性与美感，为用户提供更清晰、更具吸引力的交互体验。
核心概念解析
设计系统中的海拔就像是在桌面上堆叠书本，通过不同高度来创造空间深度。想象你将几本书堆叠在一起；书本的排列方式让你能快速识别哪本书在最顶端，哪本书在底部。这种层叠结构让人能轻松理解每本书的顺序和重要性。
在设计中，海拔通过阴影和层级产生类似的效果。阴影给人一种视觉印象，仿佛按钮或卡片等元素被抬升到了背景之上，使其更突出且具有交互感。正如最上面的书本更容易拿取和被注意到一样，用户界面中被“抬升”的元素也会吸引用户的注意力，并暗示它们是可以点击或轻触的。
如何在设计系统中应用海拔？
例如，Google 的 Material Design 系统利用海拔令牌，确保其各种应用和界面中的阴影与深度效果保持一致。Material Design 定义了海拔令牌，例如 level-1 用于像抬升卡片这样比背景略微升起的元素，level-2 用于菜单等需要更高凸显度的元素，以及 level-3 用于模态弹窗（modals）等更高海拔的元素。每个令牌对应特定的阴影强度和扩散度，确保所有组件应用一致。这种一致性有助于用户直观地理解不同 UI 元素的层级和功能，从而提升 Google 产品的整体易用性和视觉美感。如果 Google 需要为了焕新视觉或提升无障碍体验而调整阴影风格，他们只需更新海拔令牌，这些变化便会自动应用到所有使用这些令牌的元素上。
