Material Design Language support 语言支持

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

语言文字的大小与样式变化取决于字符类型:英文类、高形字或方块字。

目录

关于语言Noto指南语言类别参考

关于语言

字形

每种书面语言自己使用的那套字符称为字形。

如果UI使用了多种语言文字,那么排版布局应该跟随语言而改变。语言文字有不同的平均字长和字高,会影响在UI中的显示方式。

ujymdgyrd5i.png插图字形排版

长度

不同种类语言文字的字长可能会有很大差异,即使它们的字形类似,例如英文和德文。

anh2imauue1.png插图(1)

英文一般比其他欧洲语言文字短。例如德文有很多复合词,需要更多行和行间距来表达。

对齐

一些文字系统,像阿拉伯文和希伯来文,字符是从右向左显示的。那些字体在同样的字号下可能会比拉丁文显得更小,需要调整字间距和对齐方式,使排版在不同语言情况下也适用那套UI。

mltw0w4ehoi.png插图(2)

希伯来文从右向左排列

高度

很多文字系统需要比英文更多的纵向空间,所以你的UI应该给这些不同的系统提供足够的纵向空间。

itmagr23142.png插图(3)

虽然越南文是用拉丁字母书写的,但是它有些重音会增加一些字母的高度,例如Ó。

纵向排版

纵向排版(虽然很少被使用)可以纵向显示字符。

中国、日本和韩国的字体排版通常都是等宽的,这意味着每个词占用的空间和其余的词都一样。它通常从左到右,从上到下放置。同时也可以纵向排布:从上到下,从右到左。

fmclrxuhldr.png插图(4)

横向和纵向排版样式

语言选项

当每种语言都使用不同的书写系统时,可能需要在同一UI里使用多种的字体来显示多语言内容。

书面文字系统可分为三类:

英文类高形字方块字

英文类字体

西欧、中欧、东欧和大部分非洲地区语言一般使用拉丁字母书写。越南文是一个需注意的例外,它虽然使用了拉丁书写系统的本地化形式,但其重音字形会高于那些西欧中的语言。希腊和西里尔语文字系统与拉丁文非常相似。

高形字体

需要额外的行高来匹配更大字形的语言文字,包括亚洲南部、东南部以及中东地区的语言,例如阿拉伯文、印地文、泰卢固文、泰文和越南文等。

方块字体

需要额外的行高来匹配更大字形的语言文字,包括汉文、日文和韩文等。

Noto指南

Noto是所有未被Roboto所涵盖语言的默认字体。它来源于Droid,旨在通过兼容的高度和笔划粗度在语言和文字之间实现视觉上的协调一致。

该系列在Unicode6.0版本中有定义93种语言字体。

方块字体注意事项

Noto汉文,日文和韩文(CJK)有七种字重可与Roboto相匹配,字重设置与英文相同。

字号小于标题样式时应当依据拉丁字体格式进行调整。

fmq0kfkki2y.png插图(5)

汉文和日文

行高稍大于拉丁字符

rsrhop5x2uk.png插图(6)

行高匹配示例,汉文和日文

高形字体注意事项

Noto支持南亚、东南亚以及中东地区语言使用的高形字体,包括阿拉伯文、印地文和泰文。可使用普通字重,中等字重在Noto中不可用。应避免使用粗体,因为粗体过于沉重。

字体尺寸小于标题样式时应该调整为拉丁字体格式。

mx1pz32dm32.png插图(7)

泰文和梵文

高形文字行高稍大于拉丁字符。

htowzo5ktx2.png插图(8)

行高匹配示例,泰文和梵文

语言文字类别参考

语言文字类别参考

为方便国际化,谷歌将语言文字分成了三类:英文类、高形字和方块字。

英文类:拉丁文(除了越南文),希腊文、西里尔文、希伯来文、亚美尼亚文和格鲁吉亚文。

高形字:语言文字需要额外行高来匹配更大字形,包括亚洲南部、东南部以及中东语,例如阿拉伯文、印地文、泰卢固文、泰文和越南文。

方块字:语言文字需要额外行高来匹配更大字形,但和高型文本度量方法不同。方块字包括汉文、日文和韩文。

z2n4sbexvik.png插图(9)

原文地址:Material Design

译者:招财鱼

人已赞赏
UI设计

Material Design Product icons 产品图标

2020-10-13 18:06:14

UI设计

电话调研没想象中那么深奥

2020-10-13 20:05:04

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