
进我主页获得更多精彩干货
译文
Andrey Zhulidin
由于互联网在过去的几十年中快速的发展,界面排版已经历了向数字世界转型的主要阶段。但是移动应用程序设计仍是一波新风。
在文中,我们重点介绍可用于移动应用程序设计中的字体的细微差别和技巧。
由于应用程序开发与操作系统功能密切关联,因此经常会参考Android的Material Design和iO的人机接口指南中的个别建议。
经常在路途中使用移动应用程序已经不是什么秘密了。除了这些与屏幕尺寸,太阳炫光,用户中各种视觉障碍相关的限制之外,并非总是智能手机的最佳屏幕质量。
Apple在其《人机界面指南》中建议“正文”的最小尺寸设置为17pt。
Goole in Materal Design指南建议将正文文本的最小尺寸设置为16sp(在iO中等于16pt)
有必要考虑到系统的建议是相对于其默认字体给出的。目前这适用于Android的Roboto字体以及适用于iO的San Francisco和New York字体。其它字体的最小字体大小肯能因其特征而异。例如笔触非常细的字体需要较大的正文文本大小。
另外,WCAG 2.0标准建议对粗体文本使用最小字体大小为18pt和14pt。

可能会遇上各种较小的屏幕,要求不会极大地影响用户界面的可理解性。
在您的应用程序设计中,请勿为正文文本使用小于16pt的字体。正文的合适大小为16pt至18pt。
近年来,在数字排版中使用大标题已变得非常流行。他们看起来与主要文本形成对比,并成为页面上的锚点元素。
但是,在移动应用程序中使用大标题时,您需要非常小心。通常在移动应用程序中使用较大的标题会导致标题延伸3-4行,而每行包含1或2个单词。这样的标题看起来很杂乱,很难阅读。
同样,使用移动应用程序的特殊性,背景和正文的对比是一个非常重要的参数。
专业提示
可以使用Sketch,Adobe XD和Figma的Stark插件,在线对比度测试来检查您的文本对比度。
当前,对于iO,您可以使用两种系统字体:San Francisco和New York。而且Roboto字体适用于Android的系统字体。
系统字体将使您的应用程序设计与操作系统更加一致。但是,仅使用系统字体会阻止您为您的应用获得独特的外观。
为移动应用程序的版式添加独特外观,最常见的方法是将系统字体用于正文和各种控件,并将非默认字体用于标题。这种组合始终看起来有趣而新鲜。
专业提示
请注意,Apple系统字体只能在Apple生态系统产品(iO,macOS等)中使用。虽然Goole的Roboto字体可以在任何操作系统中使用。在两个平台上设计之时,请记住这一点。
早晚,许多设计师发现系统或免费字体不能满足他们对特定项目的需求。然后会面临商业字体的选择。
如果决定将自定义字体集成到应用程序的设计中,则需要考虑以下事项:
了解适用范围的所有细微差别。字体分发条件可能会有很大不同
了解子图的技术细微差别,例如小尺寸的可读性
考虑产品将来的扩展
了解字体是否具有粗细的样式
越来越多的优质字体与商业字体一样好,选择字体时,则可在不牺牲设计质量的情况下,减少项目不必要的开支。
我们经常可以观察到典型的情况。由于设计工具和移动操作系统内部的文本呈现方式不同,因此文本块和其他界面元素之间的边距在视觉上可能会有所不同。
为防止这种情况发生,您可以考虑相对于基线的所有边距 。这种方法将最大程度地提高您的布局与应用之间的适应度。
移动设备的屏幕尺寸非常有限,因此,单个可见屏幕中容纳尽可能多的文本。不用通过减少文本块间的边距来牺牲空格。
像专家一样学习规则,因此您可以像艺术家一样打破规则
点个赞吧