设计系统中的基础(Foundations)是指构成统一且一致的用户界面的核心原则、指南和资产。这些元素通常包含色彩、排版、间距、布局和图标等基本组成部分,通过标准化确保产品在视觉上的一致性。基础为设计师和开发者提供了通用的语言和框架,使他们能够更高效地协作,并在整个用户体验中保持高水平的质量与一致性。
如何使用设计系统中的基础?
以 Uber Base Design System 为例,它通过使用基础来确保其所有应用程序和服务具备一致且可扩展的框架。该系统定义了色彩方案、排版缩放和间距指南等基础元素,并将其普遍应用于各项界面。色彩方案包含预定义的颜色,涵盖主要操作、背景和不同状态,从而确保 Uber 所有平台上的视觉一致性和易用性。排版缩放明确了字体大小和行高,以维持良好的可读性和层级感;而间距指南则提供了统一的边距和内边距,打造出平衡且美观的布局。



