2017 Material Design中文完整版：第三章节第五节《样式：书写》

五、书写（Writing）  

不管用户是什么人在什么地方，他们的文化或语言是什么，你所呈现出来的文本都应该能被用户所理解。

明确、精炼、简洁的文本能让交互界面更可用，且更容易取得用户信任。

除了这些准则之外，还需要参考具体的UI元素指导，例如出错、对话框、设置以及数据格式。

指南

语气

大小写

标点符号

UI按钮文本

样式

Google遵循的是Associated Press（AP）的样式指南。

 

文本应该是简单、简洁和直接

可行

- 语言（Language）  

用户称呼

对用户使用以下称呼：

• 第二人称，“你”或“你的”：大多数情况下，使用这种对话方式会让用户觉得是在与应用直接进行对话。

• 第一人称，“我”或“我的”：在某些情况下，你可能需要使用这种方式来强调用户对于内容或行为的所有权。

无需解锁你的屏幕迅速打开相机

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

我同意遵守Google的服务条款

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

 

避免文本中同时使用“我”或“我的”与“你”或“你的”，这可能会让用户造成误解。

在我的账户里修改你的设置

错误

不要使用“我们”                   
 

聚焦在用户以及用户可以使用你的应用里能做什么事情，而不是你或你的应用在为用户做什么事情。

从Google + 这些热门帖子开始	正确
在你开始之前，可以先看看我们在Google +给你展示的这些热门帖子。	错误

有一个例外：就是当一个人（不是软件）在为用户采取行动时，例如审查一个投诉或者在对某个问题进行回应。这里，使用“我们”是合适的。

我们将审核你的请求并在几天之内回复你。	正确
你的请求将被查看，你将会在几天之内收到回复。	错误

 

做到简洁

文本尽可能短，让用户能够快速进行浏览并获知里面包含的信息。

使用电子邮件就能寄钱给美国的任何一个人。快捷、方便又免费。	正确
使用电子邮件就能向美国的朋友和家庭成员寄（以及收）钱。这只需要两步 过程，其中很少会发生延时现象，并且收钱的人也不需要支付任何手续费。	错误

让你的语句和词组短一点。尽可能少用概念性的表达。

阅读手机说明书	正确
查阅文档，跟着说明书进行下一步的操作	错误

用现在时表述
使用现在时而不是未来时来描述产品操作。

当你需要使用过去时或未来时进行表达时，请使用简单的动词形式。

简单、直接的表述

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

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

保存更改？	正确
你想要保存更改吗?	错误

信息发送	正确
消息已经发送	错误

注册投票	正确
你必须注册才能投票	错误

让不同水平的读者都能够看懂

选择常见的单词，这样能保证初级和高级英语读者都能够清楚理解意思。

打开历史位置记录	正确
启用历史位置记录	错误

 

不要使用只有内部专业人士才能理解的术语，不要使用描述UI特性的专业名称。

视频准备中...	正确
缓冲中...	错误

“ok Google”不支持你的手机	正确
“ok Google”只支持双核设备	错误

向用户描述UI元素的标签（一般是文字/意思），而不是描述元素类型（如菜单、按钮）。

点击继续	正确
点击继续按钮	错误

在某个特性的所有使用范围内使用统一的表达方式

描述一个操作时，统一一种方式使用动词进行描述。

Remove photo	正确
Delete photo	错误

Remove photo?	正确	简短的对话文本
Remove photo from page?	错误	过长且可以精简的对话文本

从目的出发

如果某个句子描述了为了实现某个目的需要完成的用户操作，那么在句子开头就要说明目的。

从相册中删除这张照片，需要将其拖动到垃圾桶	正确
拖动一张照片到垃圾桶可以从当前相册中删除	错误

只在必要时显示细节

没有必要描述每一个交互细节。只在用户探索和需要信息时才展示功能的相关细节。

删除下载的书籍？	正确
你确定要删除这本已下载的书籍？除非你在线，否则你将无法阅读它。	错误

不能说“决不”

避免使用“决不”或者其他绝对性的词语。

Your circle names aren’t shared	正确
We’ll never share your circle names	错误

按钮文本以及相关元素

按钮出现在对话框中，以蓝色按钮或带下划线的文本形式显示。

按钮	用法
操作	查看关于使用一致性动词的指南
返回	允许多步骤处理
取消	取消一个操作
Dismiss	让一个消息或者对话框消失，不产生任何影响
完成	多步骤处理完成之后的确认动作
明白	让一个消息或者对话框消失，不产生任何影响（类似于OK）
了解更多	让用户知道额外的内容
下一步	需要用户进行下一个多步骤处理
不了，谢谢	允许用户拒绝
现在不行	让用户推迟行动或决定。只有在出于法律原因或者其他紧急原因时才会使用。不要使用“现在不行”来代替“不用了，谢谢”。
OK	允许用户确认与手头任务有关的一个动作
跳过	给予用户跳过当前步骤的选择

- 语气（Tone）  

友好、尊重和关注用户

在你的 UI 中使用合适的文本让你的界面看起来直观、有效、随和以及值得信赖。

MyApp没有响应
你希望关闭它吗？
正确

对不起！
该操作在MyApp应用中（MyApp应用中）没有响应
错误

谦逊

不要夸张或过度承诺。客观展示应用功能能做什么，而不是说它如何牛逼。

你的所有积蓄在一个地方	正确
你将会喜欢这个超级棒的交易地点	错误

查看更多关于这家餐馆的评论	正确
查看关于这家餐馆的所有评论	错误

友好

聚焦于每个功能的特性。在介绍功能时省略实现细节、警告和限制。

为了节省电源，将定位模式切换到省电模式。	正确
手动控制 GPS 来防止其他应用使用它。	错误

积极

以一个积极的语气展示信息：令人感觉可靠。

使用24个或以下字符为文件命名。	正确
你的文件名称必须少于25个字符。	错误

再次尝试	正确
操作失败	错误

必要的

对于每一个呈现的消息，先问问自己：用户是否真的有必要知道这个？尽可能让用户专注于自己的任务。有时最有效方式是根本不需要文本存在。

登录中...
你的手机正在连接Google。这将花费最多5分钟的时间。
正确

登录中...
你的手机需要与Google服务器连接来登录你的账户。这将花费最多5分钟的时间。
错误

- 大小写和标点符号  

使用句子类型的大写  

对于所有的标题、标签以及菜单项，首字母需要大写。

不要全部字母大写（除了material有说明需要的地方，如按钮样式）。

Search settings	正确
Search Settings	错误
SEARCH SETTINGS	错误

略过句号和其他不必要的标点符号  

为了帮助用户浏览文本，避免使用句号等其他不必要的标点符号。

 

句号

碰到只有一个句子（或短语）或以下UI元素时需要省略句号：

• 标签

• 悬停（Hover）交互状态下的文本

• 项目列表

• 正文对话文本

  
  

这些地方需要用到句号：

• 句子后面跟链接（句号在链接之前而不是在链接之后）

• 包含多个句子的文本（包括列表）

Share your photos with friends. Link	正确

句号应在链接前面。

Share your photos with friends. Link.	错误

句号不要放在链接后面。

To narrow your targeting from all countries and territories, add a location	正确

Undo bulk edit?
If you undo this bulk edit, everything you changed will go back to its previous state
正确

只有一个句子的正文文本不加句号。

Undo bulk edit?
If you undo this bulk edit, everything you changed will go back to its previous state.
错误

只有一个句子的正文文本不加句号。

 

冒号  

所有标签后不加冒号。

Share with	正确
Share with：	错误

使用缩写

灵活应对，不要为了遵守规则而使得用户无法理解某些句子。例如在某些需求情景下，“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	错误

避免使用感叹号

问你自己，会有人这样喊出来吗？

但表示问候和祝贺例外。

欢迎！	正确
学习更多关于日历的新功能！	错误
干的漂亮！	正确

“1, 2, 3” 而不是 “one, two, three”

使用数字而不是用单词来代表数字。

混合使用数字时例外：“Enter two 3s.”。

You have 3 messages	正确
You have three messages	错误

标点符号

在短语和标签之后省略标点符号来构建一个简洁可读的界面。

使用标点符号可以增加清晰度和语法的正确性。

	字形 / 字符	HTML	Unicode	描述
句号	.			为整句子加上标点。
逗号	,			位置在引号之内。在句子中使用逗号。如果是这种情况：在三个或更多的并列关系的连续项中，如“你、我和我的狗。”使用顿（、）号
感叹号	！			避免为是人都不会真正喊出来的内容添加感叹号。
冒号	:	:	\u003A	通常表示提示语后的停顿或表示提示下文或总括上文
引号	“ ”  ‘ ’	“ ” ‘ ’	\u201C \u201D \u2018 \u2019	使用真正的引号，而不是英寸或英尺的符号。正确的单引号也可用做省略号。
撇号	° ′ ″	′ ″	\u2032 \u2033	只在英寸、弧分以及分钟中使用撇号。例如： 3° 15′。只在英寸、弧分以及分钟中使用双撇号。例如：3° 15′ 35″。不要使用通用引号代替撇号
省略号	…	…		用于指示正在进行的操作 ("下载...") 或不完整，又或截断的文本。省略号前没有空格。打开一个对话框或者启动其他进程的按钮。中线省略号（三个圆点）也用于表示数字截断和敏感数据的编辑, 例如信用卡。
双引号	>>, <<	&laquo; &raquo;	\u00AB \u00BB	跳过链接或按钮并打开其他页面或移动到下一个或上一个步骤
长破折号	—	&mdash;	\u2014	避免使用长破折号。避免使用破折号分开文本。
短破折号	–	&ndash;	\u2013	使用短破折号代替连字号来表示一个范围，不用空格（英文环境）。不要使用破折号进行文本分隔，如果你必须使用可以像这样（If you must use dashes for this purpose – like this – use an en dash surrounded by spaces）使用带空格的短破折号。表示范围的例子：8:00 AM–12:30 PM 3–5 kg
连字符	-			使用连字符来表示负数。例如：-5 -$100。使用连字符来避免单词产生歧义。 例如：anti-inflammatory 5-mile walk
圆括号	（）			括号内的内容一般是用来解释缩写词语或术语。例如：“Secure web connections are based on a technology called SSL (the secure sockets layer).”

- 全球化书写  

不管是哪个年龄层，哪种文化背景以及教育层次的人都越来越离不开有英文版本的产品。简单明了的英文会让用户更容易理解你的产品。

例如：日文书写

例如：泰文书写

注意从左到右或从右到左的书写方式

对于文本书写是从左到右还是从右到左，要根据该地的语言习惯来定。

在这个例子中，阿拉伯文是使用从右到左书写的

 

在这个例子中，英文是使用从左到右书写的

 

指定性别  

很多时候用户的性别是未知。在这种情况下，英语环境中可以使用 "they" 这样的中性词。但在其他语言中性别可能有其他不同方式的写法。

在应用中提及性别的时候：

• 不要结合性别，比如 "his/her" 或 "she/he"

• 如果需要指定性别（如引用人名的文本），请提供清晰的翻译说明，并使用 Unicode (ICU) APIs 或类似的开发包