排版

由于电视屏幕通常在一定距离外观看,因此使用较大字体的界面更易读且使用户感觉更舒适。TV 设计的默认字体比例包含对比鲜明且灵活的字体样式,以支持各种用例。

重点

  • 优先使用较大字体,以便在电视屏幕上获得更舒适的观看体验。
  • 默认的 Android TV 字体是 Roboto。
  • 选择与您的品牌风格最匹配的清晰易读的字体。
  • 确保字体一目了然,并具有合适的宽度和光学尺寸。
  • 搭配互补字体;例如,将无衬线字体用于正文和标签。
  • 避免使用装饰性字体,以最大程度地提高易读性。

字体

默认字体

Android TV 具有自己的系统字体 Roboto,该字体针对易读性和清晰度进行了优化。对于使用原生平台体验效果最佳的实用型非品牌 UI 元素,请使用 Roboto。

Roboto

独特的字体

在相关情况下,使用反映您品牌风格的独特字体。以下是选择字体时需要考虑的主要事项

  • 易读性 - 为了提高远距离的可读性,请使用具有较大反白区和适当光学尺寸的字体。确保字母彼此可区分。
  • 一目了然- 电视上的任何文本都需要具有清晰易读的字体宽度,因为较细的线条无法立即识别。
  • 搭配互补字体 - 如果您想使用多种字体,请将无衬线字体用于正文和标签。
  • 如果可以,请避免使用装饰性字体。虽然电视上的字体尺寸大于其他显示尺寸,但 UI 文本的可读性是首要任务。避免使用无法用作正文的字体。

Selecting typefaces

字体比例

字体比例是在应用中可使用的一组字体样式。它确保了一种灵活且一致的样式,可满足各种用途。TV 设计字体比例结合了 15 种样式,每种样式都有其预期的应用和含义。它们根据用途(例如,“显示”或“标题”)进行分配,并根据比例(大或小)进行分组。TV 设计的默认字体比例对所有标题、标签和正文都使用 Roboto,以创建统一的排版体验。

Type Scale

要了解有关字体标记和字体自定义的信息,请访问Material Design 3

字体角色

显示

默认字体比例中有三种显示样式:大、中和小。作为屏幕上最大的文本,大型显示样式保留用于简短的重要文本段落或数字。它们可用于屏幕的主标题。请勿将大型显示样式用于部分或集群标题。

Type Display

标题

标题最适合简短、强调的文本。这些样式可以很好地用于标记主要文本段落或重要的内容区域。它们用于特色轮播和沉浸式集群中的标题。标题也可以使用表现力强的字体,前提是适当的行高和字母间距有助于保持可读性。

Type headline

标题

标题样式小于标题样式。将标题用于简短、中等强调的文本。例如,可以考虑使用标题来划分次要文本段落或内容的次要区域。

将标题用于卡片或列表等 UI 元素。标题尺寸紧凑,同时提供有用的突出显示级别和易读性。

Type title

正文

正文样式用于应用中的较长文本段落。使用在较小尺寸下易读且可在较长段落中舒适阅读的字体。避免在正文中使用装饰性字体,因为这些字体在远处可能难以阅读。

Type body

标签

标签样式较小,实用性强,用于组件内部的文本或内容正文中非常小的文本(如字幕)。例如,按钮使用标签大样式。

Type label