《HoloLens与混合现实开发》—3.4.2 排版与字体

举报
华章计算机 发表于 2019/06/19 12:36:42 2019/06/19
【摘要】 本节书摘来自华章计算机《HoloLens与混合现实开发》一书中的第3章,第3.4.2节,作者是闫兴亚 张克发 张画画 裴梦泽 马 柯 张世兴 赵素晗 。

3.4.2 排版与字体

文本是在用户应用体验中提供信息的重要元素。就像2D屏幕上的排版一样,目标是清晰可读。而混合现实的3D方面,字体和排版会对文本和整体用户体验带来更大的影响。

当我们设计全息内容的文字时,可能会倾向于创建三维建模的3D字体,但是实际上这种建模的字体往往会降低文本的可读性。除了少数的场景(比如标语、Logo等)使用3D文字外,大多数情况下还是应该使用可读性更好的2D文本,如图3.15所示。

 image.png

图3.15

1. 混合现实中的排版

混合现实中的排版规则与其他地方没有区别,不论是在物理世界还是虚拟世界中,文本都需要清晰、易读。文本可以在墙上或叠加在物理对象上,与用户界面一起浮动。

2. 创建清晰的层次结构

在信息传达上,需要使用不同的类型和权重来构建对比度和层次结构,这样可以提高界面信息的效率,如图3.16所示。

3. 字体限制

与传统排版相同,需要避免在单个上下文中使用两个以上不同的字体系列,否则将破坏用户体验的和谐性和一致性,并使信息的获取变得更加困难。在HoloLens中,由于信息覆盖在物理环境之上,因此使用太多字体样式也会降低体验。

这里推荐使用Segoe UI,这是所有Microsoft数字设计的字体,在Windows Mixed Reality shell中也使用它。

 image.png

图3.16

4. 避免使用瘦字体

对于42pt以下的尺寸,要避免使用浅色或半暗的字体,因为细的垂直笔画会随界面变化而振动,降低易读性。如果使用具有足够行距和厚度的现代字体,效果会很好。例如,Helvetica和Arial在使用常规或粗体的HoloLens中非常清晰。

5. 颜色

在HoloLens中,由于全息图是向环境中增加了光线,因此白色文本非常清晰。我们可以在开始菜单和应用栏上找到白色文本的示例。尽管白色文本在HoloLens上没有背景的情况下显示效果很好,但复杂的物理背景可能使其变得难以辨认和阅读。所以,为了吸引用户的注意力并尽量减少对物理背景的干扰,建议在深色或彩色背景板上使用白色文字,如图3.17所示。

 image.png

图3.17

图3.18是一个非常典型的例子:要使用深色文本,应该使用明亮的背景使其显示。由于在显色系统中黑色显示为透明,意味着如果没有彩色背景,用户将无法看到黑色文本。

 image.png

图3.18

6. 推荐的字体大小

如图3.19所示,2米是显示文本的最佳距离。

 image.png

图3.19

由于混合现实涉及三维深度,因此字体需要有距离感。为了方便用户,2米是放置全息图的最佳距离。一般来说,我们在PC或平板设备上使用的字体大小通常为12~32pt,而在全息环境下,为了使字体显示时没有毛边,建议2米处最小字号是30pt。我们可以使用此标准作为查找最佳字体大小的基础。


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。