UI自動標注神器--標記獅導(dǎo)出自動標注教程

一. 導(dǎo)出本地包資源

1.1 適用條件

適合沒有開通私有云服務(wù)的用戶使用,通過第三方傳輸軟件發(fā)送和接收導(dǎo)出的標注包zip文件。

1.2?設(shè)置切圖

在Adobe XD 中標記需要生成的切圖,導(dǎo)出標注包后,在設(shè)計圖詳情頁,開發(fā)就可以一鍵下載多倍數(shù)切圖文件。

1.3 選擇“導(dǎo)出本地文件”

用xd打開您需要導(dǎo)出標注的設(shè)計稿,在標記獅中選擇導(dǎo)出本地文件,您需要進一步選擇您需要導(dǎo)出的圖片規(guī)格以及導(dǎo)出的包支持的范圍,主要目的是為了不影響開發(fā)使用的情況下,減少導(dǎo)出的包大小。

◆ 選擇導(dǎo)出圖片規(guī)格:

分三個平臺:iOS、android、web

比如您的開發(fā)日常只需要使用2x的切圖,您就只需要勾選相應(yīng)的2x規(guī)格就可以了,這樣導(dǎo)出的包資源會相對較小,開發(fā)也能在包內(nèi)下載2x的切圖。

如果您的開發(fā)需要選擇到所有規(guī)格的圖片,您就全選規(guī)格就可以了。

◆ 選擇導(dǎo)出包支持范圍:

我們提供了完整版(默認)和精簡版兩種方式,那么這個選項"完整版"和"精簡版"有什么差別呢?

完整版比精簡版多了在導(dǎo)出的壓縮包中增加了切圖資源的base64編碼資源,這使得完整版的包資源會比精簡版的包資源大一倍.

為什么要增加這個切圖資源的base64編碼資源呢,

標記獅在本地HTML中提供了下載切圖的功能,但因為瀏覽器的安全策略,使得在訪問本地html文件時限制了JavaScript發(fā)起請求的行為,該限制影響了標記獅為您批量下載切圖的功能,

增加base64編碼資源能兼容瀏覽器安全策略使您在本地直接打開導(dǎo)出的html時能夠下載/批量下載/重命名切圖,保障您能使用下載切圖這個功能.如下圖:

而精簡版的導(dǎo)出包中則不含base64資源的相關(guān)目錄,所以它會比完整版在解壓前后節(jié)省50%的空間,所以我們建議您在有條件的情況下選擇精簡版導(dǎo)出,那么您該在什么場景下使用精簡版選項呢?

您的局域網(wǎng)中存在HTTP服務(wù)器;

您想統(tǒng)一管理,不打算直接將zip傳遞給其它人使用;

您打算將導(dǎo)出的標注包解壓到HTTP服務(wù)器下,直接使用http網(wǎng)址在內(nèi)部網(wǎng)絡(luò)分享,而不是直接通過傳遞ZIP包的方式分享標注;

若您對標記包的使用場景符合上述場景,那么您可以選擇精簡版資源包,它將為您的HTTP服務(wù)器節(jié)省存儲空間.

軟件會記錄您上一次的選擇,所以如果您沒有更改意向就無需修改。

◆ 選擇導(dǎo)出內(nèi)容

選擇好導(dǎo)出的畫板或全部畫板,點擊開始導(dǎo)出按鈕,即可導(dǎo)出本地標注包。

二. 提交資源至私有云

1.1 適用條件

購買了標記獅私有云服務(wù)的用戶

1.2?設(shè)置切圖

在Adobe XD 中標記需要生成的切圖,導(dǎo)出標注包后,在設(shè)計圖詳情頁,開發(fā)就可以一鍵下載多倍數(shù)切圖文件;

1.3 選擇“提交到私有云”

用xd打開您需要導(dǎo)出標注的設(shè)計稿,在標記獅中選擇提交到私有云,在完成提交前需要選擇幾項:

◆ 選擇導(dǎo)出圖片規(guī)格:

分三個平臺:iOS、android、web

比如您的開發(fā)日常只需要使用2x的切圖,您就只需要勾選相應(yīng)的2x規(guī)格就可以了,這樣導(dǎo)到服務(wù)器的包資源會相對較小,也不會影響開發(fā)也能在包內(nèi)下載2x的切圖。

如果您的開發(fā)需要選擇到所有規(guī)格的圖片,您就全選規(guī)格就可以了。

◆ 選擇提交的私有云:

選擇您的文件要提交的私有云。

◆ 選擇要提交到的文件夾:

私有云支持創(chuàng)建無限層級的文件夾,有便于團隊內(nèi)管理設(shè)計資源,您可以將現(xiàn)有的文件提交到已建立的文件夾,或新建一個文件夾。

軟件會記錄您上一次的選擇,所以如果您沒有更改意向就無需修改。

◆ 選擇導(dǎo)出內(nèi)容

選擇好導(dǎo)出的畫板或全部畫板,點擊開始導(dǎo)出按鈕,即可上傳標注資源圖到私有云。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容