样式 书写

书写

无论用户拥有怎样的文化和语言,无论在何地,文本都应该能被用户理解。

清晰、准确、简洁的文本能增加界面的可用性,并建立信任感。

除了这些指南外,请务必参考为特定的 UI 元素编写的指南,例如错误对话框设置,以及数据格式

指南

语气
大小写
标点符号
按钮文本

样式

通常 Google 的指南会遵循美联社(AP)的样式指南。

文本应当简洁、易懂、直截了当

正确示例

语言 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

称谓

在 UI 中可以使用下列之一的方式称呼用户:

  • 第二人称, “你” 或 “你们” :在大多数情况下会使用这种谈话的风格,就像应用在直接和用户说话一样。
  • 第一人称, “我” 或 “我们” :在某些情况下,可能需要使用这种形式的称呼来强调用户对内容或操作的所有权。

在不解锁你的屏幕的情况下快速打开相机

你的空间

使用第二人称 “你” 或 “你们” 来称呼用户

我同意遵守 Google 的服务条款

我的账户

使用第一人称 “我” 或 “我的” 来称呼用户

避免混合使用 “我” / “我的” 和 “你” / “你的”。在同一个内容中同时使用这两种称谓会让用户感到困惑。

在我的账户中更改你的设置偏好

错误示例

避免使用代词 “我们”

把注意力放在用户以及用户如何使用应用上,而不是你或你的应用正在为用户做什么。

从 Google+ 上获取热门信息

正确示例

我们在 Google+ 上为你准备了这些热门信息

错误示例

一个例外是,当某人对用户执行操作时,例如审核申请或回应建议。这里,使用 “我们” 是恰当的。

我们会审核你的申请,并在几天内回复

正确示例

你的申请将被审核,你将在几天内收到回复

错误示例

保持简洁

使用简短的文字来方便导航和发现。

汇款给美国任何拥有电子邮箱的人。这是快速、简单和免费的。

正确示例

通过电子邮件地址向美国的朋友和家人汇款(或收款)。这只需要两步,几乎没有延迟,不需要任何费用就能收款。

错误示例

保持句子简短,尽可能少添加概念。

阅读手机附带的操作说明

正确示例

查阅手机附带的关于更多高级操作指南的文档

错误示例

使用现在时

使用现在时来描述产品行为。避免使用将来时来描述产品的日常行为。

当你需要使用过去时或将来时,请使用简单的动词形式。

简单直接地书写

使用简单、直接的语言,便于用户理解。

常见的介绍性短语可以省略。

保存更改?

正确示例

你想要保存你的更改吗?

错误示例

消息已发送

正确示例

消息已经被发送了

错误示例

注册以投票

正确示例

在投票之前你必须先注册

错误示例

为所有级别的读者书写

选择对初级和高级英语读者来说都清楚易懂的常用词汇。

开启位置记录

正确示例

激活位置记录

错误示例

避免使用行业特定的术语、或为 UI 的功能虚构的名称。

正在准备视频…

正确示例

正在缓冲…

错误示例

你的手机不支持 “Ok Google”

正确示例

只有双核处理器的设备才支持 “Ok Google”

错误示例

把用户引导到 UI 元素的标签,而不是元素类型(例如菜单或按钮)。

点击继续

正确示例

点击继续按钮

错误示例

在一个功能的所有部分中使用一致的词

所有操作的描述都使用一致的动词。

移除图片

正确示例

删除图片

错误示例

移除图片?

正确示例

对话框标题应简短。

从页面中移除图片?

错误示例

对话框标题过长。

使用“1,2,3”,而不是“一,二,三”

使用阿拉伯数字代替文字。

有一个例外是混合使用数字的时候,例如“输入两个 3s”。

你有 3 条消息

正确示例

你有三条消息

错误示例

以目标开始

如果一个句子既描述了一个目标,又包含了实现这个目标所需的操作,则以目标作为句子的开始。

从相册中移除图片,只需拖动照片到垃圾箱即可

正确示例

拖动照片到垃圾箱,以把它从相册中移除

错误示例

根据需要显示详细信息

没有必要在第一次的互动中就描述每个细节。在用户探索信息并且需要这些信息时,才向用户显示有关功能的详细信息。

移除下载的书籍?

正确示例

你确定你要移除这本下载的书籍?移除后你只有在线状态才能访问它了。

错误示例

不要说 “绝不”

避免使用 “绝不” 和其它绝对性的词语。

你的圈子名称不会被公开

正确示例

我们绝不会公开你的圈子名称

错误示例

按钮和相关元素的文本

按钮出现在对话框中,并且显示蓝色或带下划线的文本。

按钮

用法

[ 操作 ]

参考上文中关于一致性动词的指南。

后退

允许多步处理

取消

取消一个操作

忽略

导致消息或对话框消失,且不会有任何后果

完成

确认完成一个有多个步骤的任务

知道了

导致消息或对话框消失,且不会有任何后果(类似于 “好” )

了解更多

把用户带到另外的内容

下一步

使用户进行多步骤任务的下一步

不,谢谢

允许用户拒绝

以后再说

让用户推迟一个操作或决定。仅当对话框中的操作对产品的功能至关重要时,但出于法律原因或其他紧急原因时,才能使用。


不要使用 “以后再说” 来机械地代替 “不,谢谢”。

允许用户确认与手头任务相关的操作

跳过

使用户能跳过不必要的步骤,继续执行任务

语气 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

友好、尊重、并专注于用户

你的应用的文本应该是设计的补充:直观、高效、轻松、可靠。

MyApp 没有响应
你想要关闭它吗?

正确示例

抱歉!
MyAppActivity(在 MyApp 中)的活动没有响应

错误示例

保持谦逊

真实的描述功能,不要吹牛或过度承诺。

你的所有资料都存储在一个地方

正确示例

你一定会爱上这聪明绝顶的想法

错误示例

更多餐厅点评

正确示例

所有餐厅点评

错误示例

吸引人的

聚焦于每个功能的好处。在介绍功能时,省略功能的执行细节、注意事项和限制。

为了节省电量,请将定位模式切换到省电模式

正确示例

手动控制 GPS,以防止其他应用使用它

错误示例

积极的

以积极的态度来呈现信息:让用户安心。

使用不多于 24 个字符来命名文件

正确示例

你的文件名必须少于 25 个字符

错误示例

再试一次

正确示例

操作失败

错误示例

必不可少的

仅展示必要的细节,使用户可以专注于他们自己的任务。有时候最高效的 UI 根本不包含文字。

正在登录...
你的手机正在连接到 Google。这大概需要五分钟。

正确示例

正在登录...
你的手机需要与 Google 服务器通信才能登录账户。这大概需要五分钟。

错误示例

大小写 & 标点符号 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

使用句式的大小写

标题、标签、菜单项应该使用句式大小写(只大写句子中的第一个字母)。

除了材料规范的需要之外(例如按钮文本),避免所有字母都用大写。

Search settings

正确示例

Search Settings

错误示例

省略句号和不必要的标点符号

为了帮助读者快速扫视文本,避免使用句号和其他不必要的标点符号。

句号

避免在这些元素中使用句号:

  • 标签
  • 悬浮文本
  • 项目列表
  • 对话框正文

句号应该用于:

  • 多个句子
  • 超链接之前的句子

和你的朋友分享照片。了解更多

正确示例

超链接之前的句子要使用句号。

和你的朋友分享照片。了解更多

错误示例

句子后面跟着一个超链接时,应该把句号放在超链接之前,而不是之后。

撤销批量更改?
如果撤销批量更改,你所做的更改会全部恢复到之前的状态

正确示例

忽略只有一句话的正文的结尾句号。

撤销批量更改?
如果撤销批量更改,你所做的更改会全部恢复到之前的状态。

错误示例

不要在只有一句话的正文结尾添加句号。

冒号

省略标签后面的冒号。

分享给

正确示例

分享给:

错误示例

使用缩写

如果缩写能让句子更容易被理解,则使用缩写。但是,有时候不是这样,使用 “do not” 比 “don't” 更能表示强调。

it’s, can’t, wouldn’t, you’re, you’ve, haven’t, don’t

正确示例

it is, cannot, would not, it’ll, should’ve

错误示例

避免使用感叹号

避免使用感叹号,因为感叹号给人大喊大叫的感觉。但也有一些例外,包括问候或者贺词。

欢迎!

正确示例

了解更多日历的新功能!

错误示例

标点

使用标点符号来保证句意清晰和语法正确。

符号/字符

HTML 实体字符

Unicode

用法

实例

冒号

:

\u003A

在标签上不要用冒号。
在列表上面使用冒号。

两件事:

  • 第一
  • 第二

逗号

,

逗号放置在引号内。

在有 3 个或更多项目的列表中使用连续的逗号分隔。但使用了 & 符号的除外

双尖括号

>>

<<

&laquo;

&raquo;

\u00AB

\u00BB

忽略用于打开另一个页面、或进入下一个步骤的链接或按钮中的尖括号。

长破折号

&mdash;

\u2014

使用短破折号,而不是长破折号

短破折号

&ndash;

\u2013

使用短破折号而不是连字符来表示范围,且不要添加空格。

避免使用短破折号来分隔文字。如果非用不可 – 像这样 – 在短破折号前后加上空格。

3–5 kg

省略号

&hellip;

用省略号表示一项操作正在进行中,或者表示残缺或被截断的文本,省略号前不含空格。
忽略用于打开一个对话框或者开始一些其他操作的菜单或按钮中的省略号。

下载中…

感叹号

!

避免使用感叹号,因为它们会让人感觉是在吼叫

连字符

-

使用连字符表示负数,或创建复合词

-5

5-英里路程

中线椭圆

• • •

中线椭圆用于表示数字截断或敏感数据。

SSN • • • 5678

括号

( )

用括号表示首字母缩写或术语

SSL (secure socket layer)

句号

.

省略文本片段或单个句子中的句号,在两个或更多个句子的组合中使用句号。
将句号放在引号内。

撇号

&prime;

&Prime;

\u2032

\u2033

仅在英寸、角分、分钟的缩写中使用撇号(′)。
仅在英寸、角分、分钟的缩写中使用双撇号(″)。
不要使用通用的引号 " 或 ' 或单独的声标 ` 或 ´ 来代替撇号。

3° 15′

3° 15′ 35″

引号

&ldquo;

&rdquo;

&lsquo;

&rsquo;

\u201C

\u201D

\u2018

\u2019

使用引号,而不是英寸或英尺符号。
右单引号也用于表示撇号。
不要使用通用引号 " 或 ' ,或是单独的声标 ` 或 ´ ("、'、`、´)。这些不是正确的引号、撇号或重音符号。

国际化书写 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

所有年龄、文化和教育水平的用户都可能使用英文版的产品。简单明了的英文能使任何人都能轻松了解你的产品。

Material Design 中的日文书写示例

日文书写示例

Material Design 中的泰文书写示例

泰文书写示例

在 RTL 语言中,谨慎使用 “左” 和 “右” 这类术语

在本地化时,从右到左语言的界面可能需要镜像化

Material Design 中的阿拉伯文界面镜像处理示例

在这个例子中,从右到左语言(RTL)的阿拉伯文界面,是根据英文版界面做了镜像处理的。

从左到右的 Material Design 示例

英文界面的从左到右(LTR)的示例

指定性别

有时用户的性别是未知的。在英文中,这种情况下可以使用不分性别的文字 “they” 。但是很多语言需要以不同的方式来表示性别。

当在应用中涉及性别时:

  • 不要合并性别,例如使用 “他/她” 。
  • 如果必须指明性别,例如引用某人的姓名时,可以使用 Components for Unicode (ICU) 的 API 或等效的软件库来提供准确的翻译说明。