排版#

文本是任何用户界面的重要组成部分。文本大小、位置和粗细都影响文本有效传达信息的能力,并在创造美观外观方面发挥重要作用。

通用指南#

  • 尽可能使用分发版或应用程序运行的操作系统提供的默认系统字体。在 GNOME 中,默认字体是 Adwaita Sans,它是 Rasmus Andersson 设计的 Inter 字体的定制变体。

  • 不要将文本放置在图形背景或纹理之上,因为这会降低对比度并使文本更难阅读。这对于有视觉障碍的用户来说可能是一个特别的问题。

变体、大小和粗细#

可以使用并且应该使用不同的文本粗细和颜色来区分不同类型的信息。同时,过多的变体、大小和粗细会使文本更难阅读,并且不是传达信息的有效或优雅方式。努力尽量减少字体大小和粗细的数量。

  • 对于不太重要的信息,使用较小和/或较轻的文本,对于重要的文本,使用较粗/较深的文本来吸引注意力。

  • 避免使用斜体或倾斜字体,因为这些字体在视觉上更复杂,并且可能会分散注意力。

  • 不要全部大写(全大写)。

  • 不要硬编码字体样式或大小,因为这可能会干扰辅助功能。相反,使用标准字体样式,或者,如果无法做到,将字体大小表示为相对值。

标准字体样式#

GNOME 拥有一组推荐在应用程序中使用的标准字体样式。这些样式可以在 排版 应用程序中找到,该应用程序显示样式并允许复制相应的 CSS 样式类名称。

样式名称

CSS 类

指导

正文

body

默认文本样式,用于控件标签和描述性 UI 文本。

标题

heading

UI 标题的标准样式,例如窗口标题和控件组的标题。

说明文字和说明文字标题

caption & caption-heading

小型文本样式,通常用于区分与常规 body 样式文本一起使用的副文本。

标题

large-title

最大的样式,不常用于问候语或助手中的显示标题。仅应与大量的空白一起使用。

标题 1–4

title-1title-4

一系列标题样式,可用于显示,包括占位符和欢迎图形。

注意:这些标准字体样式在 GTK 4 中可用,但在 GTK 3 中不可用。

充分利用 Unicode#

Unicode 提供各种各样的字符,如果使用得当,可以极大地改善应用程序的印象。建议使用以下 Unicode 字符

用法

错误

正确

要使用的 Unicode

引号

"quote"

“quote”

U+201C 左双引号,U+201D 右双引号

乘法

1024x768

1024×768

U+00D7 乘号

省略号

介绍...

介绍…

U+2026 水平省略号

撇号

用户的偏好设置

用户的偏好设置

U+2019 右单引号

项目符号列表

* 一

• 一

U+2022 项目符号

范围

1967 年 6 月-7 月

1967 年 6 月–7 月

U+2013 En dash

单位

32GB

32 GB

U+202F 窄不间断空格

排版》应用程序提供了一种方便的方式来复制这些推荐字符。