“这是一个翻译系列,原文是谷歌18年所出的材料设计指南(文末有链接),强大的材料设计将带我们一起深入了解UI设计中的所有规范。每周会更新数篇,一共百余篇,欢迎关注哦。”

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

 

目录

原则

内容结构

 

原则

UI文本能使得界面更加易用,且更受信任。文本应该清晰,准确,简洁。

 

保持简洁

为了便于用户导航和探索,请在简短的、可供浏览的片段中编写UI文本,且这些片段一次只关注有限数量的概念。

 

简单直接地书写

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

 

清晰地称呼用户

是以第二人称(你或你们)称呼用户还是以第一人称(我或我的),取决于哪种称谓在当前情况下较为适合和清晰。

下列情境下各种称谓形式的建议:

  1. 第二人称,“你”或“你们”:这种风格在大多数情况下都适用,就像UI在直接和用户说话一样。
  2. 第一人称,“我”或“我们”:在某些情况下,这种形式的称呼可以强调用户对内容或操作的所有权。

 

避免混合使用第一和第二人称

为了避免用户产生疑惑,请避免在同一短语中混合使用“我”“我的”和“你”“你的”。

 

传达重要细节

仅传达重要细节能让用户关注其自身任务。有时候最有效率的UI根本不含文本。

 

为所有级别的读者书写

使用常见的词语有助于所有级别的读者简单清楚地理解。

 

专业术语和功能名称

避免使用行业特定的术语或为用户界面功能发明的名称。

 

使用现在时

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

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

 

使用数字

使用阿拉伯数字“1,2,3”代替文字“一,二,三”,除非混合使用数字的时候,例如“输入两个3s”。

 

省略不必要的标点符号

为了帮助读者快速扫视文本,避免在不必要的地方使用标点符号。

 

句号

避免以下用户界面元素在单句中使用句号:

  1. 标签
  2. 悬浮文本
  3. 项目列表
  4. 对话框正文

句号应该用于:

  1. 多个句子
  2. 任何跟了超链接的句子(超链接本身不应该是完整的句子)

 

较长文本中的句号

长句和复杂的句子可以使用句号,如果这样做更有助于理解上下文。例如,如果你的应用程序流的其余部分不使用句号,那么在几个地方引入它们可能会显示不一致。

 

冒号

省略标签后面的冒号。

 

内容结构

以目标开始

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

 

根据需要显示详细信息

根据需要逐步显示详细信息。

在与用户的第一次交互中,并不是每个细节都需要描述。当用户浏览功能并需要更多信息时,可以显示有关功能的更多详细信息。

 

使用一致的词汇

在UI功能中以一致的方式使用词汇。

 

按标签引用UI元素和控件

标签定义了控件和元素可以实现的功能。这些标签出现在控件身上或其附近,例如出现在按钮或开关上的文本。要引用UI元素或控件,请使用其标签文本提及它(不必说明元素或控件的类型)。

 

原文地址:Material Design

译者:杜雅黎

 

转载请注明:学UI网 » Material Design Writing 书写

登录收藏
 
你可能喜欢的:
从TikTok、Youtube、Pinterest等主流海外产品中,学习如何设计底部导航栏从TikTok、Youtube、Pinterest等主流海外产品中,学习如何设计底部导航栏
干货|如何通过设计传递「信任感」?干货|如何通过设计传递「信任感」?
没想到学会这套方法论,定义视觉风格能这么快没想到学会这套方法论,定义视觉风格能这么快
解析|微信搜索功能设计解析|微信搜索功能设计
我按照心理学理论改知乎会员页,看看能提高转化率不?我按照心理学理论改知乎会员页,看看能提高转化率不?
没想到这个C4D作品是这样来的!没想到这个C4D作品是这样来的!
UI设计细节连载系列① | 让设计细节更高级的12个实用小技巧UI设计细节连载系列① | 让设计细节更高级的12个实用小技巧
干货|移动端·表单设计有方法!干货|移动端·表单设计有方法!
做设计7年才知道,原来非科班设计师,也可以用这个方法原创卡通形象啊!做设计7年才知道,原来非科班设计师,也可以用这个方法原创卡通形象啊!
没想到过程稿这么丑,结果用了两招就把效果改好了!没想到过程稿这么丑,结果用了两招就把效果改好了!