《HoloLens与混合现实开发》—3.4.2 排版与字体
3.4.2 排版与字体
文本是在用户应用体验中提供信息的重要元素。就像2D屏幕上的排版一样,目标是清晰可读。而混合现实的3D方面,字体和排版会对文本和整体用户体验带来更大的影响。
当我们设计全息内容的文字时,可能会倾向于创建三维建模的3D字体,但是实际上这种建模的字体往往会降低文本的可读性。除了少数的场景(比如标语、Logo等)使用3D文字外,大多数情况下还是应该使用可读性更好的2D文本,如图3.15所示。
图3.15
1. 混合现实中的排版
混合现实中的排版规则与其他地方没有区别,不论是在物理世界还是虚拟世界中,文本都需要清晰、易读。文本可以在墙上或叠加在物理对象上,与用户界面一起浮动。
2. 创建清晰的层次结构
在信息传达上,需要使用不同的类型和权重来构建对比度和层次结构,这样可以提高界面信息的效率,如图3.16所示。
3. 字体限制
与传统排版相同,需要避免在单个上下文中使用两个以上不同的字体系列,否则将破坏用户体验的和谐性和一致性,并使信息的获取变得更加困难。在HoloLens中,由于信息覆盖在物理环境之上,因此使用太多字体样式也会降低体验。
这里推荐使用Segoe UI,这是所有Microsoft数字设计的字体,在Windows Mixed Reality shell中也使用它。
图3.16
4. 避免使用瘦字体
对于42pt以下的尺寸,要避免使用浅色或半暗的字体,因为细的垂直笔画会随界面变化而振动,降低易读性。如果使用具有足够行距和厚度的现代字体,效果会很好。例如,Helvetica和Arial在使用常规或粗体的HoloLens中非常清晰。
5. 颜色
在HoloLens中,由于全息图是向环境中增加了光线,因此白色文本非常清晰。我们可以在开始菜单和应用栏上找到白色文本的示例。尽管白色文本在HoloLens上没有背景的情况下显示效果很好,但复杂的物理背景可能使其变得难以辨认和阅读。所以,为了吸引用户的注意力并尽量减少对物理背景的干扰,建议在深色或彩色背景板上使用白色文字,如图3.17所示。
图3.17
图3.18是一个非常典型的例子:要使用深色文本,应该使用明亮的背景使其显示。由于在显色系统中黑色显示为透明,意味着如果没有彩色背景,用户将无法看到黑色文本。
图3.18
6. 推荐的字体大小
如图3.19所示,2米是显示文本的最佳距离。
图3.19
由于混合现实涉及三维深度,因此字体需要有距离感。为了方便用户,2米是放置全息图的最佳距离。一般来说,我们在PC或平板设备上使用的字体大小通常为12~32pt,而在全息环境下,为了使字体显示时没有毛边,建议2米处最小字号是30pt。我们可以使用此标准作为查找最佳字体大小的基础。
- 点赞
- 收藏
- 关注作者
评论(0)