摹客iDoc標註：自動標註一鍵生成，手動標註自由補充

爲什麼標註需要「自動+手動」？

手動標註到自動標註，在設計界是有一個演化的過程的。以前呢，設計師都是老老實實地手動做標註，密密麻麻，細細碎碎......自動標註的出現，可以說是把設計師從不堪重負的狀態下解放了出來。

那有了自動標註就OK了嗎？NO！

其一， 標註可能缺失 。自動標註的前提是基於設計稿的圖層元素，也就是說，無論你的設計稿是PS、Sketch、Adobe XD或者其他類型，都是需要圖層數據的，對於沒有圖層數據的部位，自動標註不會發揮作用，就很有可能造成標註缺失了。

其二， 標註可能不準 。設計稿的圖層結構通常十分複雜，圖層之間往往重疊、穿插，存在空白圖層、分組等複雜情況。自動標註識別能力有限，不夠準確，甚至還會造成標註錯誤呢。

其三， 難以全面表達 。比如自適應方案描述、必要的交互說明等等，這個是自動標註不能解決的，必須人爲補充哦。

這些看似很小的缺陷，卻會讓設計師在使用自動標註時，左右爲難，甚至把自動標註視爲雞肋，“食之無肉，棄之有味”，被迫一朝回到解放前……

怎麼辦呢？如果「自動+手動」兩種標註方式可以結合起來，那就完美了！「自動標註」一鍵生成，解放雙手；「手動標註」自由補充，靈活機動。有沒有能做到的工具呢？

爲此，小摹特意做了詳考，究竟有沒有符合要求的？

看到，摹客iDoc的解決方案是最全面的，它的「自動+手動」做到了我們所希望的。

戳視頻立即看看是怎麼回事兒吧~

摹客iDoc「自動+手動」功能展示

爲了讓協作設計更加高效，靈活地適應不同規模和類型的產品團隊，摹客iDoc推出了“ 柔性工作流 ”，通過“ 一條主線多個節點 ”的工作流解決協作難的問題。標註是設計和開發之間交付協作的重要載體，iDoc的「自動+手動」標註就是在柔性工作流的設計主線下進行的。

具體來講，就定位到設計主線下的定稿和開發這兩個節點。定稿和開發兩個模式的場景劃分，最大程度地保障了設計師和開發工程師可以高效協作，同時又互不打擾，兩個模式也可以自由切換，隨需選擇，相輔相成。

定稿模式：手動標註的完美表達

設計師可以通過手動標註，可以形成一份輕量級的PRD文檔，將設計規範更準確地傳達給開發人員。

1、文字標註

以文本描述的方式，解決手動標註不能傳達的信息，比如自適應方案描述。

2、座標標註

以標註設計稿上某一元素座標位置的形式，方便開發人員準確獲取元素位置，比如當界面存在浮動按鈕或者懸浮設計時。

3、尺寸標註

可對頁面任意元素左鍵繪製直線，準確獲取該元素的尺寸信息，比如文字圖層上的文字間距等，最大程度地保證開發還原度。

4、顏色標註

單擊即可提取設計稿任意元素的色值信息，包括設計稿切圖上任意元素的色值信息也可標記。

5、區域標註

可以標註任意區域的尺寸信息，在準確標註了圖標的佔位大小後，就不會因爲尺寸不匹配而出現圖標被拉伸的情況了。

此外，定稿模式中還支持自定義標註的線段類型、線寬、文字顏色、透明度，又快又簡單。

開發模式：自動標註+手動標註完美呈現

開發工程師可按需自由查看標註信息，手動標註可選擇開啓或關閉。下載多種設備尺寸的切圖和導出CSS代碼，不僅大大節省設計師的工作量，也提升開發效率。

iDoc中有三種自動標註模式，只需點擊、hover設計圖上的任意元素即可查看：

1、間隔標註

不選中任何圖層，鼠標在圖層之間的間隔經過，智能標註兩個圖層之間的距離。

2、圖層間標註

選中一個圖層，鼠標在另一個圖層上hover，標註兩圖層間的間距。

3、多選標註

按住ctrl鍵，選中多個圖層，可以標記多個圖層之間的距離。

這裏有一個詳細的教程，歡迎查看： https://help.mockplus.cn/p/192

摹客iDoc，自動標註一鍵生成，手動標註自由補充，面臨項目瞬息萬變，設計稿繁複難言，交付重重困難，你需要自動標註一鍵生成，解放雙手提升效率；更需要手動標註自由補充，精確傳達每一個自動標註hold不住的信息，所謂左右開弓，並駕齊驅，如此雙管齊下，纔是產品團隊提升效率的必備神器，歡迎你和你的團隊也來體驗看看~

據說，先免費領取iDoc團隊版，體驗更佳哦： https://www.mockplus.cn/idoc?home=1

Powered by Froala Editor