Repo:UI设计字号完全指南,不知道用多少字号的设计师必看!

2022-10-27 10:54:37 浏览数 (1)

静电说:不少设计师对于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

0 人点赞