VuMark设计指南

      

VuMark是Vuforia Engine的目标,可以进行定制,以紧密反映公司的品牌标识,同时保持目标之间的谨慎大小和视觉一致性。

VuMark能够存储编码数据以及初始化AR体验。VuMark的一个使用示例是针对企业的:通过将VuMarks粘贴到其制造的设备上,企业既可以识别设备,也可以添加指示如何使用它的覆盖增强。

本文将帮助您创建自己的VuMark。它提供了一些指导原则,以帮助您设计符合制作功能性和性能良好的Vu马克的要求的VuMark。一旦您了解了控制Vu马克设计的设计元素和规则,您可以在Adobe Illustrator中实现设计,以输出SVG文件,该文件将用于在目标管理器中生成VuMark,请参阅:在Adobe Illustrator中设计VuMark

VuMark的各个部分

VuMarks由五个主要部分组成,您在设计自己的VuMark时需要了解这五个部分。 

                                                 

图2-VuMark部件

轮廓

The 轮廓是Vuforia Engine计算机视觉算法首次检测到的。找到轮廓后,算法查找代码并“读取”它以识别VuMark中编码的“ID”。

The 轮廓在VuMark设计中未显式绘制或可见。相反轮廓是VuMark的其他两个部分相交处出现的线–边框清除空间基本上是轮廓由两种不同颜色的边框清除空间.

边框

The 边框通常是VuMark中最容易识别和定义的形状。在图2中边框是由六条形成六边形的直线组成的最外面的形状。

清除空间

The 净空间是出现在边框沿着它的整个长度。The 清除空间可以位于边界的内部或外部,为了保证算法有足够的对比度来检测轮廓.

代码/元素

每个VuMark都包含一个唯一的代码,它是VuMark中编码的“ID”的可视化表示。

The 代码包括元素数据类型和编码的值/ID的长度决定了元素。值的长度越大,所需的元素数量就越多。

元素有2个状态:a深色明亮状态。通过设置黑暗与光明状态(大约50%元素在每个状态下)。

背景/设计区域

The 背景设计区域是一个层,您可以在其中放置未用于检测的VuMark的任何部分。在设计和放置背景。如果您还计划使用VuMark进行跟踪,建议添加图形丰富的背景。

设计要求

本节将帮助您设计在各种条件下性能良好的VuMark。您需要考虑以下考虑因素和要求。

轮廓
The 轮廓是VuMark的一部分,在放置边框清除空间彼此相邻。

  • The 轮廓必须由形成闭合路径的直线组成
  • The 轮廓必须至少有4条边,最多20条边
  • The 轮廓理想情况下不应为旋转对称。如果您决定这样做,那么在设计过程中还需要其他步骤。    
  • 的最小边的长度轮廓必须至少为整个VuMark最大维度长度的10%。
  • VuMark的整体尺寸将包括VuMark的所有部分,包括背景.
  • 轮廓段之间的最大角度限制为150°。如果您的设计角度较大,VuMark可能无法工作。请确保创建较少的平角。
  • 最大尺寸是高度或宽度中的较大者。

用户添加的图像

边框和空白

The 边框清除空间共享相同的设计要求。这些要求保证轮廓成为高质量的对比边缘。

  • 的宽度边框清除空间必须至少为整个VuMark最大维度长度的5%。
  • The 边框清除空间必须填充纯色/统一颜色;它们不能是透明的或设置为无填充,他们不能有梯度填充图案.
  • 确保这些元件不使用外观属性.
  • There must be high contrast between the colors of the 边框以及清除空间.

为了确保用于边框清除 空间,您应该将这些颜色转换为灰度,然后检查每种颜色的“K”值。应该有至少30-40%的“K”值差异,但越多越好。

  • The 清除空间可以放置在边框,以便轮廓形成于边框.

提示只有边缘清除空间面向边框必须由直线组成,并满足上述长度要求。

用户添加的图像

用户添加的图像

代码/元素

确定元素VuMark设计必须适应的是一个重要细节,它可能会决定Vu马克的形状和组成。您选择的数据类型和数据或“ID”的长度将决定数量元素VuMark中需要。

有三种类型的数据可以编码:

类型

用法

字符串

可打印ASCII字符

数字

由数字0-9组成的数字

字节

字节格式的任何数据

该部分在Adobe Illustrator中设置VuMark文件描述如何计算元素您的设计必须包含的。 

  • 元素必须具有明亮深色状态已定义
  • 元素的 明亮深色状态由彼此具有高对比度的不同颜色来表示。理想情况下,所有明亮元素颜色相同,轻微变化是可以接受的。同样的原则适用于黑暗元素。
  • The 明亮深色任何状态元素必须处于完全相同的位置(完全重叠)。
  • 元素的大小(高度和宽度)必须至少为整个VuMark最大维度长度的3%。
  • 每个元素可以是唯一的尺寸和形状,只要元素满足尺寸要求。使用填充的路径复合路径只有。 
    • 冲程只会行不通
    • 此外,不要使用分组分层的,分层的项目作为元素
    • 不要使用外观属性。
  • 元素无需相邻–它们可以分散在VuMark内的任何位置。
  • 元素可以与重叠背景/设计区域。它们不能与边框清除空间或其他元素。
  • 元素可以放置在边框清除空间,但最远的元素距离边界不得超过VuMark宽度的大约50%。

设计提示–使用“假”元素

有时,设计VuMark以使其具有所需的确切数量可能是一项挑战元素,但有一种技术可以使这更容易实现。

此技术涉及创建超过所需数量的元素并将其中一些指定为“伪造”元素。它们是“假的”,因为它们看起来像真的元素但实际上不包括在明亮深色 元素层–相反,它们被放置在背景层。由于背景层被Vuforia引擎算法忽略,则您的VuMark设计在技术上具有所需的确切数量元素算法所期望的。

例子:您的VuMark需要122元素,但从设计角度来看,很难安排您的元素以一种美观的方式,你有122个元素,但128个元素非常适合你的设计。您可以选择任意6个元素你想被认为是“冒牌货”,然后把他们转移到背景层。
在下面的示例中,此特定VuMark在其设计中只需要122个元素,但元素布局最适合128个元素元素你可以看到元素已设置为深色 元素但实际上已经被放置在VuMark背景技术上不会被视为真实的层元素。


图3–将“假”元素添加到设计中

背景/设计区域

自从背景 /设计区域不用于检测,对于可以放置的内容没有太多要求或限制。您可以自由创建表达您品牌或身份的VuMark。 背景也可以为空,因为它被假定为白色。请注意,背景可能会影响VuMark的大小,这会影响元素,以及边框清除空间宽度要求。

本指南的配套文章在Adobe Illustrator中设计VuMark,将向您展示如何在Adobe Illustrator中实现这些准则,并输出SVG公司将用于在目标管理器中生成VuMark的文件。

尺寸和打印注意事项

物理大小

VuMark实例生成于PNG、PDF格式,SVG公司Vuforia引擎在VuforiaTarget Manager中设置格式。正在打印PDF格式文档将创建与您在Illustrator中设计的大小完全相同的VuMark打印输出。根据PNG或SVG文件创建打印输出时,应按其比例打印。

更详细地说,当您使用由同一个VuMark模板生成的打印目标时,因此,使用Vuforia目标管理器中定义的一个大小时,应确保所有实例的大小相同。打印比预期大小更大的VuMark实例,以便在更远的地方进行检测,这将导致在使用设备跟踪器进行扩展跟踪时出现问题。 

检测范围

VuMark在移动应用程序的实时摄像头取景器中的明显尺寸限制了其检测范围。VuMark应覆盖约1/4-1/16第个应用程序中的实时摄像机视图。这意味着,在典型的用户场景中,你的应用程序的用户应该能够握住移动设备的摄像头,这样VuMark就可以覆盖1/4-1/16第个屏幕的。

VuMark的推荐最小物理尺寸不得小于一角(~1英寸或25mm)。如果在将设备移近VuMark以满足上述覆盖要求时出现较小的Vu马克,则在某些情况下,相机将无法聚焦目标。

印刷

VuMarks应打印在纸张和其他理想情况下具有哑光表面的媒体上。避免光滑和反光表面。VuMark必须平坦才能被准确检测和跟踪。

如果您的用途需要使用VuMark模板中不同大小的实例,建议在运行时使用比例因子,在某些特殊情况下禁用Device Tracker。有关更多信息,请参阅在Unity中使用VuMarks.

了解更多信息

在Adobe Illustrator中设计VuMark

如何使用VuMark数据库