7.3 语言支持

用户头像
深圳/设计爱好者/7年前/304浏览
7.3 语言支持
用户头像
饶登

本文介绍了Material基础中的语言文字支持

语言支持


语言文字的尺寸与显示样式变化取决于字符集的类型:英文类、高形字或方块字。



目录

相关考量

Noto指南

语言类别参考




相关考量


字形

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


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

排版字形



长度

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

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



对齐

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

希伯来文从右向左排列



高度

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

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



纵向排版

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


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

横向和纵向排版样式



语言选项

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


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

• 英文类

• 高形字

• 方块字


英文类字体

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


高形字体

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


方块字体

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




Noto指南


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


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



方块字体注意事项

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


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

汉文和日文


行高稍大于拉丁字符

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



高形字体注意事项

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


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

泰文和梵文


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

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




语言文字类别参考


语言文字类别参考

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


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


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


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



*原文作者为谷歌设计团队,本文为个人翻译作品,仅供学习参考

1
阅读原文
|
举报
|
1
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面书法字手写
拼团,团购,教育,海报,平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
“知识宅急送”外卖,快递,平面,海报,素材,教育
空的平台平面和自然景观
中国传统纹样创新图案设计
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面风格黄绿色系花朵装饰
玄关入门地毯印花图案红地毯
平面花卉图案扁平简约无缝拼接插画
平面插画情侣/矢量
金色颗粒质地的平面
空的平台平面和自然景观
平面男孩喝咖啡插画设计
城市园林平面布局航拍
课程海报,平面素材
金色颗粒质地的平面
平面插画设计女孩喝咖啡
倒计时,海报,平面
城阙凡花
牛奶乳液层次平面平铺平面
平面设计 吊牌设计
平面设计风格的粉色草莓味马卡龙
你可能喜欢
大家都在看
登录注册