iOS 的 7 个字体使用建议

UX 设计教程

640.jpg

iOS 系统字体,已经慢慢地回到了它的起源。我们现在到处都能看到又大又黑的粗体字。考虑到最近 iPhone 11 iPad Pro 等较大屏幕设备的激增,这种做法也有一定的道理。下面就针对 iOS 系统的界面字体选择,给出如下技巧和建议:


技巧 1: 知道何时使用无衬线字体和衬线字体

衬线字体是一种在笔画末尾有小的突出特征的字体,称为“衬线”。无衬线字体,是现在更流行的选择,更中性和实用。你会发现很多现代应用程序都使用这些字体。

640.png

无衬线字体的优点是它们更加通用,所以缺点是使用它会让你的设计很难脱颖而出。此外,由于存在数以百万计的无衬线字体,你需要仔细挑选。

衬线字体通常用于应用阅读类型的程序和网站,像 Medium 和纽约时报这样讲故事的网站,衬线字体为网站增加了许多魅力。

 

640 (1).jpg

当涉及到设计时,回到我们的根源是至关重要的。这就是为什么我鼓励其他人在大量阅读的应用程序和网站上使用 Serif 衬线字体。


技巧 2: 字体对齐方式与可读性保持一致

有不同的方法来强制结构,因为只有当元素感觉与设计的边线对齐时,它们才能有更好的对齐关系。对于包括英语在内的大多数语言,建议将绝大部分文本左对齐。

640 (1).png

当文本向左对齐时,尤其是在移动设备上,它也会创建一个直线的左边缘。

这给你的设计一个更好的结构,并使读者能够通过简单地将焦点转移到左边缘扫描每一行。它也很容易扫描。因为读者的眼睛不需要找到每一行的起点,而当行间距太紧时,读者很容易读完一行,然后跳回到左边缘,不确定下一行是哪一行。

这时,对齐可以你帮助用户找回阅读焦点。您可以对齐标题或者短的、独立的文本块。如果某些内容长度超过三到四行,那么当向左对齐时,看起来会更好。

 

640 (2).jpg


技巧 3: 使用有多个字重的字体

一般来说,至少三到四种字体的粗细构成一种字体,但是,通常选择57种字重的字体是个好主意。字体可以在「谷歌字体」上查找,筛选并过滤的样式数量,如图所示。


640 (3).jpg

除了常见的字体,常规字体和粗体字体。现代字体如旧金山字体有额外的字体粗细。例如,旧金山字体还有超轻,薄,轻,中,中粗,重,黑色。

640 (4).jpg

你也可以自由使用轻量级的字体,比如超轻或者瘦体,但是只有当你对字体设计非常熟悉的时候才可以这么做。通常情况下,最好还是遵守指导方针。然而,如果有疑问,可以逐步跳过一个字重来适当的加强不同结构之间字重的对比。


技巧 4: 选择字母间距宽的正文字体

通常,正文中的字体有更大的字母间距,因为它们比标题小得多,需要干净和舒适的扫描。因此像 San Francisco, Helvetica Neue, Open Sans, Graphik, Montserrat, Circular, and Avenir Next are some of my favorites 等字体是我比较喜欢使用的。他们都有着较宽的字间距。

640 (5).jpg

其中大多数都可以在谷歌字体上免费获得。Proxima Nova 是另一个很好的选择,可以在 Typekit 上免费使用(使用创意云帐户)。例如下面的界面就使用了「Poppins」字体。

640 (6).jpg


技巧 5: iPhone Ipad Apple Watch 的字体大小应该至少为 11 pt

尽管字体大小应该至少为11 pt,但正文文本的推荐大小为15-19 pt。确保你的文本字号不要小于10pt,这样会导致文本失去可读性。

640 (7).jpg




技巧 6: 注意字体的行高及段落行间距

你是否曾经不小心把同一行文本读了两遍,或者不小心跳过了一行?行高在阅读中起着重要作用,因为它使读者在文本换行时很容易找到下一行。

如果行高太大或太小,读者将无法在保留上下文的情况下快速跳到下一行。行高通常应该在字体大小的 120% 145% 之间。然而,这仍然只是一个有点通用的,但却不是适合所有大小的字体和所有长度的文本的解决方案。通常情况下,短段落的行距最好是 125% ,长段落最好是 150%

640.webp.jpg

一般来说,在设计的时候,可以夸张一点,想想如果增加 10 倍的单词数量,用户阅读文本可能会有多么沮丧。然后,相应地调整线条高度。


技巧 7: 每行使用4070个英文字符

当你设计段落的时候,你可能会偶尔犯一个错误,把文本放到你的布局中。这与创造最好的阅读体验相悖。如果你的文本太宽,读者就很难集中注意力。大量的文本每行分散了用户的注意力,无法传递信息。

为了更好的可读性,建议您每行使用 40 70 个字符。这使得跳转到一个新的阅读行的时候更令人舒适,可以让用户有效地沉浸在你的内容中。112.jpg

结语:对于 UI 界面设计来讲,文本内容通常会占据你设计的大部分,这就是为什么设计师需要花费大量时间首先关注可读性。除非你是一个字体设计爱好者,否则一开始你会想要一些干净简单的东西,一些不一定是原创的东西

好的字体设计让我们想要阅读,所以最好关注它的实用性。

除了深入研究 iOS 的字体设计,如果你想获得最好的效果,去学习字体设计的艺术和历史以及排版也是必不可少的。



译文来自公众号:香蕉研究设

请点击右上角「更多按钮」
点击「在浏览器中打开」并进行下载