首先非常感謝utom大師創(chuàng)造了這么棒的插件。大大提高了設(shè)計(jì)師輸出設(shè)計(jì)結(jié)果的效率和準(zhǔn)確性。它陪伴我創(chuàng)造了 2 個產(chǎn)品。非?？醻同時(shí)感謝。也希望所有使用的同學(xué)能夠更好的利用它。

首先，您需要注意前提條件：

設(shè)計(jì)比例（或者在完美像素的情況下，后者更準(zhǔn)確且不易出錯。）

資源輸出比例（輸出圖像的比例需要根據(jù)設(shè)計(jì)尺寸而定，如果使用375進(jìn)行設(shè)計(jì)，需要輸出2倍圖像和3倍圖像，如果使用750進(jìn)行設(shè)計(jì)，則需要輸出輸出1倍圖像和1.5倍圖像的大?。?/p>

適配規(guī)則，根據(jù)適配計(jì)劃對plus和進(jìn)行適配調(diào)整

切片方法（可以使用切片來完成，也可以使用其他插件）

注釋細(xì)節(jié)（注釋并不是萬能的，設(shè)計(jì)上還是有需要做注釋的地方，以便開發(fā)者能夠了解設(shè)計(jì)意圖，還原設(shè)計(jì)，所以需要用注釋來解釋，包括設(shè)計(jì)意圖）

我如何使用它。

1、設(shè)計(jì)圖板尺寸的定義：目前我習(xí)慣按以下尺寸進(jìn)行設(shè)計(jì)，因?yàn)檫@樣可以讓我在更大的范圍內(nèi)觀察設(shè)計(jì)內(nèi)容。所以我在輸出時(shí)設(shè)置為1pt標(biāo)準(zhǔn)比例。

??如果你的設(shè)計(jì)稿是為750設(shè)計(jì)的sketch measure怎么用，你需要調(diào)整視網(wǎng)膜屏幕的比例()@2x。當(dāng)然，注釋會被智能轉(zhuǎn)換。

2、根據(jù)需要對已完成的設(shè)計(jì)稿進(jìn)行調(diào)整。所有圖標(biāo)都組件化（），對于整個app的組織有很好的效率和統(tǒng)一性。

3. 檢查字體的一致性，確保只使用一種字體。 (sc) 根據(jù)平臺規(guī)則使用不同平臺。

4.檢查細(xì)節(jié)：任何元素的坐標(biāo)和大小都不能有小數(shù)點(diǎn)。全部都是整數(shù)。 （除分割線外sketch measure怎么用，部分單一設(shè)計(jì)需要0.5pt分割線。）

準(zhǔn)備好后，開始貼標(biāo)簽和切割。

打開面板：

為了：

圖像上的蒙版注釋。效果如下，可以說明圖標(biāo)的范圍。通常我們的背景是透明的，所以需要對其進(jìn)行標(biāo)記。

該對象標(biāo)有自己的寬度和高度。效果如下，也可以單獨(dú)設(shè)置。

選擇單個對象將在畫板中標(biāo)記當(dāng)前對象的坐標(biāo)。選擇兩個對象將標(biāo)記兩個選定對象之間的距離。非常聰明。

這并不常用。因?yàn)楫?dāng)字體選定后，就會有一個完整的字體樣式。這是用來標(biāo)記字體樣式的。

備注，您有什么話想對開發(fā)者說嗎？輸入文字后點(diǎn)擊即可~

要切片，請使用您自己的切割工具。

顏色，可以填寫調(diào)色板的顏色值，提供給開發(fā)。

導(dǎo)出，可以將注釋從html文件中倒出來。選擇要導(dǎo)出的畫板。

隱藏/啟用標(biāo)簽顯示

鎖定/解鎖標(biāo)注

設(shè)置允許您設(shè)置文檔比例。對于之前沒有設(shè)置過的文檔，第一次導(dǎo)出時(shí)會彈出設(shè)置對話框設(shè)置比例。

它會根據(jù)選擇的比例進(jìn)行智能切換。如果需要送給朋友，可以要求他們調(diào)整比例：

它可以完美地在多個平臺上使用。

注釋部分到此結(jié)束。

下一步是剪切圖片。

新版本有這個功能：

可根據(jù)項(xiàng)目需要定制切割規(guī)則。奇妙！當(dāng)然希望utom大師更新插件。導(dǎo)出的資源也可以分組。哈哈哈。

??：有一個細(xì)節(jié)需要注意！剪切圖像只會剪切內(nèi)容大小。所以切片需要調(diào)整。

這樣你就可以把它切成需要的尺寸了。

如有侵權(quán)請聯(lián)系刪除！