Windows 8 如何设计Metro UI,使其字体在任何分辨率下都看起来不错?

Windows 8 如何设计Metro UI,使其字体在任何分辨率下都看起来不错?,windows-8,fonts,winrt-xaml,Windows 8,Fonts,Winrt Xaml,当我们查看字体时,我们看到字体是以点为单位指定的。一个点是1/72英寸,因此它是一个绝对测量值:一个10点字符应该以完全相同的绝对大小在任何显示器上以任何分辨率显示。这对我来说很有意义,因为我希望能够阅读同样大小的文本,无论是在10英寸的平板电脑上还是在23英寸的显示器上。换句话说,我希望我的文本在平板电脑上可读,但我不希望它在显示器上太大 另一方面,我可以理解一些UI元素可以以像素为单位指定,就像在中一样 但是,在XAML中,字体大小是以像素为单位指定的,这取决于设备(据我所知)。因此,字体大

当我们查看字体时,我们看到字体是以点为单位指定的。一个点是1/72英寸,因此它是一个绝对测量值:一个10点字符应该以完全相同的绝对大小在任何显示器上以任何分辨率显示。这对我来说很有意义,因为我希望能够阅读同样大小的文本,无论是在10英寸的平板电脑上还是在23英寸的显示器上。换句话说,我希望我的文本在平板电脑上可读,但我不希望它在显示器上太大

另一方面,我可以理解一些UI元素可以以像素为单位指定,就像在中一样

但是,在XAML中,字体大小是以像素为单位指定的,这取决于设备(据我所知)。因此,字体大小在分辨率更高的显示器上看起来很小!有关更多详细信息,请参见此。那篇文章的答案是“这样,你就得到了一致的字体大小”。我看不出我是如何在分辨率改变时获得一致的大小的

我是否应该根据设备的分辨率以编程方式加载不同的字体大小? 我看到Windows根据DPI进行了一些缩放调整。这种调整是否足以让我的用户在平板电脑和(比如)20英寸显示器上拥有良好的体验(或者我应该根据设备分辨率以编程方式更改字体大小)

附加问题:当软件工具不使用点(例如,他们在想什么)时,为什么字体指南是使用点编写的呢?

“他们在想什么”在本文中有大量介绍

您还将看到描述的像素密度缩放是如何自动进行的:

对于购买这些高像素密度屏幕的用户,我们希望确保他们的应用程序、文本和图像在这些设备上既美观又可用。早些时候,我们探索了像素密度的连续缩放,这将保持对象的英寸大小,但我们发现大多数应用程序使用位图图像,当放大或缩小到不可预测的大小时,位图图像可能看起来模糊。取而代之的是,Windows8使用可预测的缩放百分比来确保Windows在这些设备上看起来很棒。Windows 8中有三个比例百分比:

百分比针对生态系统中的真实设备进行了优化。140%和180%可能看起来像是奇怪的比例选择,但当你考虑如何在真正的硬件上工作时,它们是有意义的

例如,140%的刻度针对1920x1080高清平板电脑进行了优化,该平板电脑具有1366x768基线平板电脑分辨率的140%。这些优化的比例因子在基线平板电脑和高清平板电脑之间保持一致的布局,因为两台设备上的有效分辨率相同。选择每个比例是为了确保为100%1366x768平板电脑设计的布局具有相同物理尺寸的内容,并且在140%HD平板电脑或180%quad XGA平板电脑上具有相同的布局


屏幕分辨率的传统概念与屏幕状态有关,即“查看更多”。但有些人更喜欢把决心看作是“看得更好”。这就是造成DPI/像素混淆的原因,确实非常混淆。非常感谢。我错过了那个帖子,呵呵。我感觉很糟糕。现在,我已经阅读了你引用的全部长长的帖子(以及所有的评论),我没有看到太多关于字体的内容!在我看来,我的额外问题“为什么在软件工具不使用点的情况下,字体指南是使用点编写的?”是关于字体的。谢谢你的链接,这是一本很棒的书。
100% when no scaling is applied
140% for HD tablets
180% for quad-XGA tablets