【搬運工】VuMark設計指南

08-22

【搬運工】VuMark設計指南

來自專欄 Real Reality

英文原文地址：VuMark Design Guide

中文原文地址：VuMark Design Guide VuMark設計指南

---------------------------------------------------------------------------------------

【基本介紹】

VuMark是一種新型的Vuforia目標，可以定製，以緊密反映公司的品牌標識。

它既可以存儲編碼數據，也可以初始化AR體驗。 VuMark使用的一個例子是企業：通過將VuMarks附加到其製造的設備，企業可以識別設備和覆蓋增強，指示如何使用它。

本文檔將幫助您創建自己的VuMark。它提供了指導，幫助您設計一個符合要求的VuMark，使VUMark功能能夠很好地運行。一旦您了解設計元素和管理VuMark設計的規則，您可以在Adobe Illustrator中實現您的設計，以輸出將用於在目標管理器中生成VuMark的SVG文件，請參閱：在Adobe Illustrator中設計VuMark

【VUMARK的組成部分】

VuMarks有五個主要部分，您將在設計自己時需要了解。

1.輪廓（contour）

輪廓是Vuforia計算機視覺演算法首先檢測的。找到輪廓後，演算法將尋找代碼，並「讀取」以識別在VuMark中編碼的值或「ID」。輪廓未在VuMark設計中明確繪製或顯示。相反，輪廓線是出現在VuMark的其他兩個部分相遇的線 - 邊界和清晰空間。本質上，輪廓由「邊界和清晰空間」的兩種不同顏色之間的對比度定義。

2.邊界（border）

邊界通常是VuMark中最可識別和定義的形狀。在圖2中，邊框是由六條直線形成的最外形，形成六邊形。

3.空白區域（clear space）

清除空間是其整個長度上與邊界相鄰的強制空白區域。清除空間可以在邊界的內部或外部，並且是必需的，以便確保演算法具有足夠的對比度來檢測輪廓。

4.代碼/元素（code/elements）

每一個VuMark都包含一個唯一的代碼，它是VuMark中編碼的ID的視覺表示。代碼由元素組成，數據類型和編碼值/ ID的長度決定元素的數量。值長度越大，所需要的元素越多。

每個元素都有2個狀態：「黑暗」和「亮」狀態。通過設置「暗」與「亮」狀態中的某些元素（大約每個狀態的「元素」的50％））來生成唯一的代碼。

5.背景/設計區（background/design area）

背景或設計區域是您可以放置??不用於檢測的VuMark的任何部分的圖層。在設計和放置背景方面有很大的自由。如果您打算使用VuMark進行跟蹤，我們建議添加圖形豐富的背景。

【設計要求】

本節將幫助您設計出在各種條件下表現良好的VuMark。為此，您需要考慮以下注意事項和要求。

輪廓

輪廓是VuMark的一部分，在將邊框和清晰空間放在彼此旁邊時創建的線條所隱含。

輪廓必須由形成封閉路徑的直線組成。
輪廓必須至少有4面，最多有20面。
輪廓理想情況下不是旋轉對稱的（如下圖所示）。如果您決定要做，在設計過程中需要額外的步驟。

提示：提示：使用Illustrator的「筆工具」直接在「VuMark-Contour」圖層上創建輪廓，通過手動渲染Border和Clear Space之間的底層對比邊框。

輪廓的最小邊的長度必須是整個VuMark的最大尺寸長度的10％以上。

最大尺寸是高度或寬度中較大的尺寸。
VuMark的總體尺寸將包括VuMark的所有部分，包括「背景」。
between輪廓段之間的最大角度限制為150°。如果您有角度較大的設計，則VuMark可能無法正常工作。確保創建較少的平角。示例（「否」示例具有非常平坦的角度的頂角和底角）：

邊界和空白區域

邊界和清晰空間具有相同的設計要求。這些要求保證輪廓變得質量好的對比度。

邊界＆清除空間的寬度必須至少是整體VuMark的最大尺寸長度的5％。

邊框和清晰空間必須用固體/均勻的顏色填充; 它們不能透明或設置為「無填充」，並且不能具有漸變或圖案填充。
確保這些元素不使用外觀屬性。

邊界和清除的顏色之間必須有高對比度。

為了確保「邊框」和「清晰空間」使用的顏色之間有足夠的對比度，您應將這些顏色轉換為灰度，然後檢查每種顏色的「K」值。應該有至少30-40％的「K」值差異，但更好。
提示：提供「K」值：選擇一個對象，然後從Illustrator菜單中選擇：編輯編輯顏色轉換為灰度。然後使用「顏色」面板，檢查「K」值（您的色彩空間必須設置為CMYK）。
清晰空間可以放置在邊框的內部或外部，使輪廓形成在邊框內部或外部。
高級提示：只有面向邊框的清除空間的邊緣必須由直線組成，並符合上述長度要求。

代碼/元素

確定您的VuMark設計必須容納的元素數量是找出前景的重要細節。您選擇什麼類型的數據和數據的長度或「ID」將決定您的VuMark中需要多少元素。

有三種可以編碼的數據類型：

本文檔後面的「使用安裝腳本」一節說明了如何根據您的數據類型和ID長度來計算設計所需的元素數量。以下設計要求適用於元素：

每個元素都必須有明暗的狀態。
元素的明暗狀態由不同的顏色表示，彼此具有高對比度。理想情況下，所有Bright Elements都具有相同的顏色，輕微的變化是可以接受的同樣適用於黑暗元素。
放置元素時，更亮的元素必須放在「VuMark-BrightElements」層上。

提示：提示：為了確保「暗」和「亮」狀態下使用的顏色之間存在足夠的對比度，應將這些顏色轉換為灰度，然後檢查每種顏色的「K」值。應該有一個「K」值差異至少30-40％，多是更好。

任何元素的明暗狀態必須在完全相同的位置（完全重疊）。
元素的大小（高度和寬度）必須至少為整個VuMark最大尺寸長度的3％。
每個元素可以是唯一的尺寸和形狀，只要元素滿足尺寸要求。僅使用填充路徑或複合路徑。中風只會不行。也不要將分組或分層的項目用作元素。不要使用外觀屬性。
元素不需要相鄰 - 它們可以分散在VuMark內的任何地方。
元素可以與背景/設計區域重疊。它們不能與邊框，清除空間或其他元素重疊。
元素可以放置在邊框和清晰空間的內部或外部，但最遠的元素必須不超過距離邊界的VuMark寬度的大約50％。

設計提示 - 使用「假」元素

有時，設計您的VuMark可能具有挑戰性，因此它具有所需元素的確切數量，但是有一種使此更容易完成的技術。

這種技術包括創建超過所需數量的元素，並將其中的一些指定為「假」元素。它們是「假的」，因為它們看起來像真實的元素，但實際上不包括在「明暗」元素圖層中，而是放置在「背景」圖層中。由於Vuforia演算法忽略了背景圖層中的任何內容，所以您的VuMark設計技術上具有演算法所需要的元素的確切數量。

示例：您的VuMark需要122個元素，但從設計的角度來看，很難以美觀的方式排列您的元素，使您完全有122個元素，但128個元素很適合您的設計。您將選擇任何6個要被認為是「假」的元素，並將其移動到「背景」圖層。

在下面的例子中，這個特定的VuMark在其設計中只需要122個元素，但元素布局最適合128元素。您可以看到，其中6個元素已設置為「Dark」元素，但實際上已被放置在VuMark-Background圖層中，它們在技術上不會被視為真正的元素。

背景/設計區

由於背景/設計區域不用於檢測，因此對於您所在的地方沒有太多要求或限制。您有很多的自由創建一個表達您的品牌或身份的VuMark。背景可以是空的它被認為是白色的。請注意，背景可能會影響您的VuMark的大小，影響最小尺寸的元素，以及邊框和清除空間寬度要求。

本指南的配套文章「Adobe Illustrator中的VuMark設計」將向您展示如何在Adobe Illustrator中實現這些準則，以輸出將用於在目標管理器中生成VuMark的SVG文件。