如何使用字体,好看就任何决议案设计地铁的用户界面?(How to design Metro UIs

2019-07-20 12:35发布

当看着一个个准则的字体 ,我们看到的字体在指定点。 点是1/72英寸所以它是一个绝对的衡量:一个10点的字符应显示在任何显示器上以任何分辨率完全相同的绝对规模。 这将是有意义的我,因为我希望能够读取文本-at相同尺寸 - 无论是在平板电脑10或监视器23。 换句话说,我希望我的文字是可读的在平板电脑上,但我不希望它成为一个显示器上太大。

在另一方面,我可以理解,一些UI元素可以以像素为单位来指定,如在页面布局的指导方针 。

然而,在XAML字体尺寸以像素指定其是设备相关的(我的理解)。 因此,字体大小会看起来很渺小的监视器上具有较高的分辨率! 看到这个职位的更多细节。 在该职位的回答说:“这样,你得到一个一致的字体大小”。 我看不到我如何得到一个一致的大小,当它改变时的分辨率改变?!?

我应该取决于设备的分辨率编程方式加载不同的字体大小? 我看到这里的Windows不取决于DPI缩放一些调整。 请问这种调整是不够我的用户拥有平板电脑上的丰富经验和上说,一个20英寸显示器(或字体大小取决于设备分辨率应该怎么编程方式更改)?

奖金的问题:为什么在字体使用准则点的时候,软件工具不使用点(如,他们在想什么)写的?

Answer 1:

“他们在想什么”被广泛报道了这个博客帖子 。

您还可以看到描述如何针对像素密度自动:

对于那些谁购买这些高像素密度屏幕,我们希望确保他们的应用程序,文字和图像看起来既美观又在这些设备上使用。 在早期,我们探索不断缩小的像素密度,这将保持英寸的物体的大小,但我们发现,大多数的应用程序使用位图图像,或者扩大到一个不可预知的大小可能看起来模糊。 相反,Windows 8使用预测的规模百分比,以确保Windows会很好看在这些设备上。 有在Windows 8中三个刻度百分比:

100% when no scaling is applied
140% for HD tablets
180% for quad-XGA tablets

该百分比是在生态系统中真正的设备进行了优化。 140%和180%,可能看起来像奇怪的规模比例的选择,但他们却当你想到这将如何在实际硬件上工作的感觉。

例如,140%刻度为1920×1080的HD片剂,它具有1366×768的基线片剂分辨率的140%优化。 这些优化的比例因子维持基准平板电脑和高清平板之间的一致的布局,因为有效分辨率是两个设备上都相同。 被选择的每个缩放百分比,以确保其被设计为100%1366×768片的布局中包含的内容相同的物理尺寸和140%HD片剂或180%四XGA片剂相同的布局。



文章来源: How to design Metro UIs with fonts that look good on any resolution?