今天給大家介紹一款軟件——它是一款集標(biāo)注、裁剪、云存儲(chǔ)、前端代碼生成于一體的協(xié)作軟件。 筆者在團(tuán)隊(duì)中已經(jīng)使用了一段時(shí)間，個(gè)人測(cè)試也很好用。 該軟件的主要功能是注釋。 引入團(tuán)隊(duì)后，設(shè)計(jì)師不再需要注釋，前端工程師也能更高效地看到注釋，一石二鳥。

在它出現(xiàn)之前，在PS時(shí)代早期就被用來注釋界面。 它出現(xiàn)之后sketch標(biāo)注插件，也有類似這樣的插件可以實(shí)現(xiàn)自動(dòng)標(biāo)注，但是使用起來還是很麻煩，而且輸出也不方便工程師使用。

我們注釋的大部分稿件都是如上圖所示。 注釋和效果圖結(jié)合在一起。 注釋會(huì)遮擋內(nèi)容，不利于瀏覽。 通常會(huì)生成兩套圖紙，一套帶有標(biāo)簽，一套帶有效果圖。

在使用標(biāo)注時(shí)，許多設(shè)計(jì)者無法確定哪些信息需要標(biāo)注。 大多數(shù)方法都是對(duì)所有的間距元素進(jìn)行標(biāo)記，但實(shí)際上有些信息是不必要的，不利于工程師瀏覽。

其次，當(dāng)項(xiàng)目中有很多頁(yè)面時(shí)，注釋會(huì)占用一部分時(shí)間。 在開發(fā)界面和進(jìn)行視覺驗(yàn)收時(shí)，必須截屏來標(biāo)記視覺錯(cuò)位。 如果有多個(gè)尺寸，則必須進(jìn)行多個(gè)注釋。 草稿。 對(duì)于快速迭代的團(tuán)隊(duì)來說，標(biāo)注是一項(xiàng)耗時(shí)耗力的任務(wù)。

它的出現(xiàn)就是為了解決上述通信錯(cuò)位問題。 設(shè)計(jì)師不再需要為注釋而煩惱，工程師閱讀設(shè)計(jì)稿的效率也得到了提升，一石二鳥。

創(chuàng)建項(xiàng)目

支持導(dǎo)入PS文件。 安裝后，插件會(huì)自動(dòng)安裝。 該插件用于導(dǎo)入設(shè)計(jì)稿。

首次登錄時(shí)，系統(tǒng)會(huì)提示您創(chuàng)建項(xiàng)目。 免費(fèi)版本的用戶可以創(chuàng)建一個(gè)項(xiàng)目，企業(yè)用戶可以以每月 100 美元的價(jià)格進(jìn)行無限創(chuàng)作。

選擇創(chuàng)建的項(xiàng)目類型，對(duì)應(yīng)、iOS、PC。

創(chuàng)建完成后，可以邀請(qǐng)團(tuán)隊(duì)成員進(jìn)來，將團(tuán)隊(duì)成員設(shè)置為管理員，每個(gè)成員都可以邀請(qǐng)其他成員進(jìn)來。

文件導(dǎo)入—

在PS中新建文件時(shí)，文檔類型必須選擇為移動(dòng)應(yīng)用設(shè)計(jì)才可以導(dǎo)入，且僅支持PS及以上版本。

找到插件入口，窗口-擴(kuò)展功能-，選擇需要導(dǎo)入的畫板，按鈕會(huì)變成黃色并提示：導(dǎo)入選擇的畫板，點(diǎn)擊按鈕，選擇我們之前建好的項(xiàng)目。

再回來，我們會(huì)發(fā)現(xiàn)PS中選中的畫板已經(jīng)導(dǎo)入了。

選擇其中一個(gè)圖標(biāo)，周圍的邊距將準(zhǔn)確顯示。 右側(cè)顯示按鈕的具體信息。 如果使用透明度，也會(huì)有特定的值。 如果文字與文字之間有間隙，建議使用兩個(gè)文本框，因?yàn)橐粋€(gè)文本框?qū)o法識(shí)別。

莊稼

還有剪切圖片的功能。 我想使用同步按鈕作為剪切資源。 選擇相應(yīng)的圖層，然后單擊灰色按鈕并將其標(biāo)記為資源。 這樣我們就可以把頁(yè)面中所有需要剪切的元素都標(biāo)記出來，然后導(dǎo)出。

返回，然后選擇同步按鈕，旁邊會(huì)出現(xiàn)一個(gè)資源模塊。 有兩種格式：PNG 和 SVG。 點(diǎn)擊下載。 我用過很多PS圖片切割插件。 不管多么方便，我仍然需要對(duì)每一層進(jìn)行命名和分類。 現(xiàn)在只需點(diǎn)擊一個(gè)按鈕，大大解放了設(shè)計(jì)師的雙手。

下載后會(huì)自動(dòng)保存到對(duì)應(yīng)的文件夾中。 會(huì)自動(dòng)生成5種分辨率的圖標(biāo)sketch標(biāo)注插件，iOS會(huì)生成2x圖像和3x圖像。

評(píng)論和

如果您擔(dān)心設(shè)計(jì)稿中某處含糊不清，也可以對(duì)其進(jìn)行評(píng)論。 其他人看到評(píng)論后如有不同意見可以回復(fù)。 這個(gè)功能非常好用，產(chǎn)品人員可以直接使用它來編寫PRD文檔。

同時(shí)，還可以生成視覺規(guī)范，包括字體樣式和顏色模板。 右邊是對(duì)應(yīng)的生成代碼，可以直接復(fù)制供研發(fā)使用。

拖放保存

上傳的項(xiàng)目文件將保存在云端。 如果朋友想保存一份設(shè)計(jì)稿，選擇文件畫板拖到文件夾即可保存，也可以拖拽發(fā)送至微信。

文件導(dǎo)入—

導(dǎo)入文件比較簡(jiǎn)單，選擇畫板，在插件中選擇導(dǎo)入即可。

缺點(diǎn)

當(dāng)導(dǎo)入的畫板過多，或者一段時(shí)間后再次打開時(shí)，有時(shí)會(huì)出現(xiàn)畫板無法顯示的情況。 圖像服務(wù)器應(yīng)該被阻止。 通常建議使用時(shí)繞過墻壁。

這是新增加的專欄，準(zhǔn)備時(shí)不時(shí)推薦一些好用的應(yīng)用。 這不是廣告，不是廣告，不是廣告。 當(dāng)然，最好讓公關(guān)人員看到這篇文章，給BAT粉絲一些福利。

回復(fù)阿里觀“說實(shí)話！” 從來沒有來過阿里巴巴工作》

回復(fù)薪資 查看完整版《這可能是北半球薪資福利最好的公司：騰訊》

回復(fù)騰訊查看《一分鐘了解騰訊最強(qiáng)大的群體：設(shè)計(jì)師》

回復(fù)圖查看《一張圖看懂在騰訊和阿里巴巴工作的區(qū)別》完整版

回復(fù)另一張圖查看“一張圖看懂騰訊和阿里巴巴的企業(yè)文化”

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