Repo：UI设计字号完全指南，不知道用多少字号的设计师必看！

静电说：不少设计师对于UI设计中的字号大小很难把握，不知道如何设置，以达到最理想的搭配效果。今天咱们这篇文章就给大家来分享一下，这篇UI设计字体完全指南。

不使用合适的字号，会让在自己的设计稿看起来面目全非，显得粗糙，不精致。字体太小会导致无法阅读。因此，各位设计师必须足够重视。

所以我想在这里发布一个编译指南，以便所有新手设计师开始使用正确的字体大小。但是，根据不同的屏幕和字体系列，规则可能需要根据各自的详细指南进行更改。下面这些设计指南只是普适性的字体规则，并非公式，请务必注意。另，中文字体需要在此基础上加1到2号。

首先选择合适的屏幕尺寸

首先要获得正确的屏幕尺寸，因为字体大小主要取决于屏幕尺寸。我们不能指望用户在移动应用上看到 42pt 标题，对吧？

因此，对于一个基本的开始，使用小尺寸是很好的，以后的事情可以根据屏幕尺寸进行。

a.对于台式机：使用标准的1440 x 1024 像素屏幕尺寸

b.对于平板电脑：使用1024 x 768 像素的屏幕尺寸，因为一半的用户使用此屏幕尺寸。

c.对于手机：您需要考虑 3 个类别

- 对于 iPhone 8：使用375 x 667 像素

- 对于 iPhone Pro：使用375 x 812 像素

- 对于 Android：使用360 x 640 像素

因此，在为您的设计设置正确的屏幕大小之后，让我们在其中使用正确的字体大小。

桌面

当涉及到桌面的网站或网络应用程序排版时，我们需要了解我们的页面类型。有两种类型的网页：

大量文本页面：这些类型的页面的主要目的是与用户共享文本信息。它们主要是文章、博客、新闻、术语页面等。

交互密集的页面：这些页面的主要目的是从用户那里获取操作。这种类型的页面还包含几种类型的重要和最不重要的文本。页面主要涉及点击、选择、悬停、搜索等动作项，这类页面也需要根据不同类型的案例不断修改。

平板电脑

通常，iPad 和 iPhone 上使用的字体大小是相同的。在平板电脑中，由于画布很大，我们可能需要一些更大的标题尺寸，但其余的方法相同。下表可以为开始为平板电脑屏幕选择字体大小提供一个很好的基准。

iPhone (IOS)

iPhone应用程序字体大小的快速总结；苹果有一个默认字体 SF Pro；这些数字适用于 SF Pro 或类似字体。一般来说，中文可以比英文大2个字号左右，可以在下表基础上+1或者2

iPhone（默认）尺寸：

iPhone（小）尺寸：

需要考虑的几点：

1. 使用多少字体？：

永远不要使用太多的字体大小；总共只有4 种尺寸。

2. 标题字体大小：用于标题和章节标题。在极少数情况下，您有标题和子标题，您可能需要 2 种大小的标题字体。

3. 正文字体大小：这将是默认字体大小；可用于页面上的所有正文文本，包括；文本、文本框、下拉菜单、按钮、菜单等。

4. 次要字体大小：此字体大小需要比默认的主要字体大小小约 2pt，可用于不太重要的细节，如标题。

5. 第三字体大小：此字体大小需要比您的第二字体大小小约 1pt。

6. pt，px，sp？这一切是什么：现在不要对这些感到困惑，随着时间的推移你会学到所有这些。最后，您只需要在设计时在您的软件字体大小框中输入数字即可。

原文：https://bootcamp.uxdesign.cc/how-to-choose-the-right-font-sizes-85eea2023e9b