Material Design Writing 书写

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

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

目录

原则

内容结构

原则

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

保持简洁

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

bnygtduyptg.png插图

简单直接地书写

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

y1ho3jg2oty.png插图(1)

清晰地称呼用户

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

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

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

ncx2iayinbm.png插图(2)

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

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

cgqhpyep1gc.png插图(3)

传达重要细节

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

esprksduxcq.png插图(4)

为所有级别的读者书写

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

5din1fyr4my.png插图(5)

专业术语和功能名称

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

gbmlap045rq.png插图(6)

使用现在时

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

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

twitjs452vc.png插图(7)

使用数字

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

4jgmpwxyord.png插图(8)

省略不必要的标点符号

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

句号

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

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

句号应该用于:

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

较长文本中的句号

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

fky5mw1ee5r.png插图(9)

冒号

省略标签后面的冒号。

oj1uvnmhibs.png插图(10)

内容结构

以目标开始

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

2paia5nysvh.png插图(11)

根据需要显示详细信息

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

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

wcgddiurvqp.png插图(12)

使用一致的词汇

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

mbpzfjuhahe.png插图(13)

按标签引用UI元素和控件

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

zni0inm14wu.png插图(14)

原文地址:Material Design

译者:杜雅黎

人已赞赏
UI设计

Material Design Offline States 离线状态

2020-10-11 6:05:22

UI设计

真正优秀的图标,少不了这7个底层设计原则

2020-10-11 18:05:18

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索