上一章 形状

字体

UX百科编辑部2024-07-04 发布
176人在学·0条笔记
收藏

概述

  • 文字样式包括:显示、大标题、标题、正文和标签
  • 使用可变字体应用排版,提供更多控制
  • 使用Tokens定义字体、行高、大小、轨迹和粗细

资源

设计:

  1. Design kit (Figma)
  2. Google Fonts
  3. MDC-Android
  4. Flutter

高亮

字体变体

Roboto Flex 和 Roboto Serif

更新了使用字体变体及其可自定义轴的注意事项,包括“等级”、“宽度”和“视觉尺寸”

Roboto Flex 和 Roboto Serif 字重范围宽泛,从极细的字体到较大视觉尺寸中极为粗体的字体均有

五种字体样式

文字样式由五个角色定义:显示、标题、标题、正文和标签。

这些新角色更具描述性,允许在更广泛的用例中更简单地应用。

M3 有五种不同的类型样式: 显示、标题、标题、正文和标签

排版标记

虽然 Material 的早期迭代依赖于硬编码的排版样式值,但设计标记提供了一种改进的方式来定义产品中的排版。标记通过可配置值(而不是设置值)分配元素的类型样式。

类型角色描述大小(例如小型、中型和大型),使它们能够适应和响应设备或上下文。

排版标记描述了可使用设备或设置调整的可缩放尺寸

字体

默认字体

Android 的默认字体是 Roboto。

Roboto 包括 3,300 多个字形,代表全球数百种语言。

为了获得额外的排版灵活性,请尝试其字体变体的继任者 Roboto Flex。它具有扩展的粗细、宽度和其他可自定义属性(如特定尺寸的设计),还包括 900 多个字形,支持拉丁语、希腊语和西里尔语。

Roboto Flex 包括 Roboto 的样式,以及更多的重量和宽度,并针对较大和较小的尺寸进行了优化。

Roboto Serif 是另一个字体变体系列,旨在创造舒适的阅读体验。它体积小,功能强大,可以在任何地方使用(甚至在应用程序界面中),因为它具有广泛的重量和宽度,适用于各种尺寸。

Roboto Serif 提供了一套实用的字重和宽度

Noto 是所有现代和古代语言的全球字体集合。

每个 Noto Sans 系列都与 Roboto 兼容,Noto Sans 支持 150 多种脚本和数千种语言。当一种语言不受支持时,它被用作“回退”字体。

几种适用于不同书写系统的 Noto Sans 字体

字体和Tokens

字体比例

字体比例是可在应用程序中使用的一系列字体样式,可确保灵活而一致的样式,以适应各种用途。Material Design 类型量表是 15 种样式的组合,每种样式都有预期的应用和含义。它们根据使用情况(例如展示或标题)进行分配,并根据规模(例如大或小)更广泛地分组到类别中。Material Design 的默认字体比例对所有标题、标签和正文文本都使用 Roboto,从而营造出有凝聚力的排版体验。

开始在材质主题构建器 (Figma) 中自定义材质的基线类型比例。

量表是一系列对比鲜明的样式,可满足不同产品背景和内容的需要。没有一种产品会使用下面定义的所有样式。相反,应从量表中选择最合适的样式。
176人在学·0条笔记
收藏
已学会
0人已学会
本章笔记
仅看自己
logo