APP中的中西文字设计技巧

对于移动APP设计师来说,在手机APP界面设计中,选择合适的而漂亮的字体是非常重要的一件事情。字体是视觉设计中最重要的传达元素之一,它影响着整个产品的风格和气质。同时也影响着产品能否正确的传达给用户本身想要释放的信号。

-中文结构-

 

-英文字构-

然而移动端的字体的选择受限于手机系统本身。虽然一些设计师在选择系统字体的基础上,给了用户更多的定制化偏好选择切换字体。但是在中西文的移动端设计中,由于中西文本身字型设计的不同,在移动端且web端的选择和使用上都存在着一些差异。

那么,移动端字体使用上,中西文的差异在那里?

- 01 -

默认字体的使用不同

1、中文和西文在设计时应该使用其相对应的字体,或是其他形式的英文的字体,而非不能是默认的中文字体,对于一些出海的产品这个错误非常容易发现,西文app使用的却是苹方,要知道苹方是苹果公司专为中文设计使用的。

 

- 02 -

相同表述下高度可能不同

iOS和android的默认英文字体不同在设计时转换字体时 ,字体在同等宽度下显示的单词数不同,而中文是方块字结构,不同的字体整体字宽都近乎相同

英文的结构有大小不同的形状,在字形设计上不可能排列在同一条直线上,如gjpqy等字母齐下方的沉降线,而bdfhkl字母上齐顶线,其它字母才齐上中线和下脚线。然而,英文编排时自然产生的错落其实并不是西方设计师所期望的,他们在细排文字对齐上花大量的时间来调整字距、词距、行距、段前距、段后距等,使得段落更趋向于几何形态。

 

- 03 -

可使用的字号范围不同

1、英文因为都是字母,字母的构成结构非常简单,一般在印刷上3号大小的英文都能清晰可辨,而汉字因为结构的复杂,在印刷上5号字已经接近辨认极限了。

2、随着iOS12风格的流行,设计师们最大字号的限制开始逐渐放大。移动端同样的道理,英文屏幕最小可视像素为6px,中文则结构复杂。屏幕最小可视像素为10px。

 

- 04 -

移动端和web在中西文使用上也有差异

由于现有手机系统内置字体多样性且不同,通常web端开发会使用font-family来字体,而移动端iOS和android的字体通常在web端不可调用。

 

- 05 -

中西文描述语言长度不同,对齐方式存在差异

英文的篇幅普遍比相同意义的汉字的篇幅要多。在设计时,英文本身更容易成为一个设计主体,而且因为英文单词的字母数量不一样,在编排时,对齐左边那么右边都会产生自然的不规则的错落,这在中文编排时不太可能出现的,中文编排每个段是一个完整的”块”,很难产生这种错落感。因而在设计时汉字因为要考虑可阅读性,在字体设计中就不如英文的字号大小灵活多变。还有英文字母线条比较流畅,因为弧线多,所以画面容易产生动感,这一点上比汉字生动多变。

 

 

 

作者:PuPuQuQu

原文链接:https://www.zcool.com.cn/article/ZOTQ2NDky.html

每天更新,
全站高品质素材免费下载!