Material Design 3 的排版要求
M3 的排版系统在 M2 的基础上进行了优化和简化，旨在提供更一致、更易于理解和使用的文本样式。它基于以下几个核心要求和原则：
1. 简化的排版类别 (Simplified Typography Categories)
M3 将排版样式归纳为五个主要的语义化类别，每个类别都有明确的用途，这使得设计师和开发者更容易选择合适的文本样式。
Display (显示): 用于最大且最醒目的文本，通常用于短小的、需要强烈视觉冲击力的内容，例如大幅标题、欢迎信息。它们通常是粗体或半粗体。
Headline (大标题): 用于页面或卡片的主要标题，比
Display小，但仍具有很强的视觉冲击力，用于区分不同的内容区域。Title (标题): 用于次级标题或较小的标题，例如列表项的标题、对话框的标题。
Body (正文): 用于大部分常规阅读文本，如文章内容、段落文本。强调可读性和舒适性。
Label (标签): 用于小文本，通常与 UI 元素关联，例如按钮文本、输入框提示、导航栏标签。
2. 尺寸变体 (Size Variants)
每个排版类别都提供三种尺寸变体，以适应不同的设计需求和屏幕尺寸：
Large(大)Medium(中)Small(小)
例如，你会看到 Display Large, Display Medium, Display Small。这种结构让设计师能够轻松地在不同上下文中调整文本大小，同时保持语义上的一致性。
3. 强调可读性与可访问性 (Readability & Accessibility)
M3 排版的核心目标是确保所有用户都能轻松阅读和理解内容。
字体选择： Material Design 推荐使用 Roboto 字体（在 Android 和 Web 上），或者系统默认的字体（例如 iOS 上的 San Francisco）。这些字体都经过优化，具有良好的可读性。
行高与字间距： M3 提供了一套推荐的行高（line height）和字间距（letter spacing）值，以确保文本即使在小尺寸下也易于阅读，避免文字过于拥挤或过于分散。
可变字体 (Variable Fonts)： M3 鼓励使用可变字体，它允许设计师在单个字体文件中灵活调整字重、宽度等属性，从而实现更精细的排版控制和更好的性能。
用户可调整性： M3 建议文本大小使用缩放像素 (sp) 单位（在 Android 上），这样用户可以通过系统的字体大小设置来调整文本大小，提高可访问性。
4. 响应式与适应性 (Responsive & Adaptive)
M3 的排版系统设计之初就考虑了多设备和不同屏幕尺寸的适应性。
在小屏幕上，文本可能需要更紧凑的布局。
在大屏幕上，可以使用更大的文本尺寸来利用额外的空间，并改善阅读体验。
排版样式应根据断点（breakpoints）进行调整，以确保在手机、平板、折叠屏乃至桌面设备上都能保持良好的视觉效果和可读性。
案例
我们通过一个假想的新闻阅读应用界面来展示 M3 排版要求的应用。
假设我们使用深色模式主题。
1. 应用主页或文章列表
应用标题/品牌名称: 使用
Display Small(例如，36sp / 44sp 行高)效果: 醒目，但不会过于庞大，适合作为屏幕顶部的品牌标识。
文章分类标题 (如“最新新闻”, “热门话题”): 使用
Headline Medium(例如，28sp / 36sp 行高)效果: 明确区分不同的新闻版块，吸引用户注意力。
文章标题 (列表中的每篇文章标题): 使用
Title Large(例如，22sp / 28sp 行高)效果: 清晰地呈现文章主题，确保在滚动列表中易于浏览。
文章摘要/发布时间: 使用
Body Medium(例如，14sp / 20sp 行高)效果: 提供必要的辅助信息，保持良好的可读性。
底部导航栏的标签 (如“主页”, “分类”, “收藏”): 使用
Label Medium(例如，12sp / 16sp 行高)效果: 小巧简洁，与图标搭配，清晰指示导航功能。
2. 文章详情页
文章主标题: 使用
Display Small或Headline Large(例如，45sp / 52sp 行高)效果: 突出文章主题，作为页面最重要的视觉焦点。
作者/发布日期: 使用
Label Large(例如，14sp / 20sp 行高)效果: 提供元数据信息，与正文区分开来，但不过于抢眼。
文章正文: 使用
Body Large(例如，16sp / 24sp 行高)效果: 这是阅读体验的核心，较大的字号和合适的行高确保长时间阅读的舒适性。
段落小标题 (文章内部的子标题): 使用
Title Medium(例如，16sp / 24sp 行高)效果: 划分文章结构，帮助用户快速扫描内容。
引用文本: 可以使用
Body Medium或Body Small，并结合斜体或不同的颜色来区分。
3. 对话框/弹窗
对话框标题 (如“确认删除”): 使用
Title Medium(例如，16sp / 24sp 行高)效果: 清晰表明对话框的目的。
对话框内容/提示信息: 使用
Body Medium(例如，14sp / 20sp 行高)效果: 提供详细的提示信息，确保用户理解。
按钮文本 (如“取消”, “确认”): 使用
Label Large(例如，14sp / 20sp 行高)效果: 清晰指示按钮功能，确保可点击性。