如何确定字体大小是否易于阅读,并且如何确保所选择的字体大小在实际屏幕上看起来好?
2023 年 11 月 4 日

如何确定字体大小是否易于阅读,并且如何确保所选择的字体大小在实际屏幕上看起来好?

回答问题。

即使您选择基本段落字体大小为16像素或更小,您已经看到了正确的文本,因为您已经设计过它,对吧?所以,即使您放大或缩小或选择较小的字体大小,文本对您来说仍然很清晰。现在问题是,对于第一次看屏幕的人来说,您如何确保您决定的字体对实际手机屏幕上的用户可用,或者元素之间的空白看起来好看?

您可能会说FIGMA Mirror。但Figma Mirror在三星F41上无法显示iPhone 8 Plus的屏幕,因为它们的纵横比完全不同,您会为不同的屏幕购买不同的手机吗?

明白问题了吗?不明白?

问题是,您如何在没有实际设备的情况下检查您的文本或元素在实际屏幕上的效果是否好看。 如何在Figma中设计与实际屏幕尺寸完全相符的框架呢?

答案:通过设计与iPhone尺寸完全相符的框架。也就是说,iPhone的高度和宽度(通过尺子测量)应该与Figma中框架的高度和宽度相匹配(不是Figma框架部分以像素或点为单位写的尺寸)。

当你在谷歌搜索时,iPhone的高度和宽度在规格说明中并没有明确给出。那么,在没有实际手机的情况下,如何找到这些尺寸呢?

答案:勾股定理。

我们以iPhone 8 Plus为例:

步骤1:我们知道的信息: #

对角线(规格中给出)- 5.5英寸

长宽比=1920/1080(规格中给出)=16/9或16:9

步骤2:勾股定理: #

我们假设x为变量,使其乘以16得到高度,乘以9得到宽度

所以,高度=16x,宽度=9x

现在,高度² + 宽度² = 对角线²

(16x)² + (9x²) = (5.5)²

解得,x=0.29~0.30英寸

所以,高度=16x=16*0.30=4.64英寸=11.6厘米

宽度=9x=9*0.30=2.7英寸=6.8厘米 ## 步骤3:应用上面学到的内容

现在,将iPhone 8 Plus的框架导入Figma,并放大/缩小直到宽度达到6.8厘米(使用标尺测量)。因此,您现在可以根据自己的设计自由选择字体和空白间隔,因为您知道在Figma中设计的内容将在iPhone 8 Plus上完全一样显示。