如果有三天，設(shè)計師只需要專注于界面設(shè)計，不需要做裁剪、標記的工作； 如果有三天，工程師只需要專注于功能框架的搭建，不需要花太多時間標記UI； 如果沒有這件事，這三天真的來了。 。 。

隨著 的流行，國內(nèi)外很多項目團隊都相繼采用了+開發(fā)模式。 但話又說回來，它真的那么有用嗎？ 很多男同伴都說自己用PS好幾年了，要我學(xué)一個新軟件，偉辰做不到！

雖然筆者剛?cè)肼殨r也是同樣的心情。 他從來沒有使用過Mac，更不用說是一個完全的新手用戶了。 那一刻，他的心都快碎了。 而且自從接觸了它之后，我實在是愛不釋手，不想再用PS了。

在開始之前，先回答兩個基本問題

1、你支持嗎？

答： 抱歉，目前不可用！ 為了提高工作效率，設(shè)計師哪怕吃一兩個月土，也要買一臺mac。然而，用戶不僅僅安裝mac虛擬機，現(xiàn)在ps還支持插件。 只要裝個插件sketch標注插件，依然可以告別無mac剪圖、標注

2、你支持嗎？

答：那就意味著，這個一定有！ 前不久還只有mac版本，但是團隊怎么可能放棄這么大的市場。我真的很高興，現(xiàn)在支持了。 從此以后，開發(fā)姐再也不會埋怨網(wǎng)頁了。

打開速度超慢

好了，廢話不多說了，直接進入主題吧。

首先總結(jié)一下+的優(yōu)點：

1.支持多個畫板同時預(yù)覽，占用顯存比PS少很多；

2.支持導(dǎo)入制作交互式動畫原型；

3、解放設(shè)計師的右手，告別裁剪、標簽；

4、減少工程師的溝通成本，提高設(shè)計還原度。

那么問題來了，沒有mac怎么破解呢？ 小伙伴們別郁悶，PS現(xiàn)在支持了，睜大眼睛往下看，只需要三步，右手的解放指日可待。

步驟1：

安裝軟件+插件

Mac用戶：安裝； 。應(yīng)用程序; - 插件可直接解壓安裝

用戶：安裝；.app； -ps 插件和面板

如何安裝插件？

一般來說，在啟動時，應(yīng)該手動安裝插件。 另外，如果您遇到問題，請確保您擁有最新版本。 需要安裝兩個部件：插件和面板。

安裝教程：

1. 插件

解壓并復(fù)制“io..-”到“/Plug-ins/”文件夾并粘貼。

2. 面板：

解壓并將“io..-panel”復(fù)制到“///CEP/”文件夾中并粘貼。 現(xiàn)在，當您重新啟動時，您將在菜單中看到面板頂部：窗口 > 擴展 >

第二步：

注冊迭代賬號并邀請項目人員。

打開官方網(wǎng)站：

點擊菜單欄的，進入注冊頁面。

首先，您需要申請三個賬戶：

一張是針對iOS的，由于ios的單位是pt，所以導(dǎo)入的剪切圖是3張； (x,@2x,@3x)

一、因為單位是dp，所以導(dǎo)入的剪切圖片是5張圖片（mdpi,hdpi,xhdpi,,）

以上兩個是設(shè)計者用來對上傳文件進行迭代管理的。

開發(fā)一款供 iOS 后端開發(fā)人員使用。

尖端：

建議使用團隊統(tǒng)一注冊的賬號并存檔。 不建議使用個人QQ郵箱； 建議結(jié)合項目名稱，方便又好記。 其實如果你想用QQ、郵箱或者個人生日，你就可以開心了（我以前用的是導(dǎo)師創(chuàng)建的賬號，但不知不覺就記住了導(dǎo)師的QQ&出生日期，哈哈）

其次，登錄你剛剛申請的賬戶，進入首頁點擊選擇你要創(chuàng)建的項目，比如iOS；

三、選擇畫板尺寸，建議選擇1x（前提是畫圖也是用1x做的，即375*667）； 如果是用PS做的，一般選擇2x，即750*1334）

四、命名項目并邀請項目人員加入

命名建議：項目名稱+版本號+客戶端，例如：VUE-V1.2(iOS)

：您剛才選擇的畫板規(guī)格，例如：1x

：復(fù)制URL并將賬號和密碼提供給開發(fā)者。 打開開發(fā)網(wǎng)頁查看標記+導(dǎo)入剪切圖片。

項目成員加入時，建議設(shè)計人員一賬號，開發(fā)人員一賬號。 只有Owner名下的人才有上傳和修改文件的權(quán)限，防止非設(shè)計者刪除文件。

尖端：

因為一個賬號只能免費創(chuàng)建一個項目，單個項目無法滿足快速迭代的需求。

為此，有兩種解決方案：

1.只需申請一個賬戶，登錄官網(wǎng)訂購，根據(jù)您的需求選擇相應(yīng)的服務(wù)。 通常選擇（25歐元/月，創(chuàng)建8個項目），完全可以滿足iOS&的迭代需求。

2. 申請多個賬戶

建議有能力的話選擇訂購支持（雖然你為設(shè)計師做出了這么大的貢獻）。 但由于種種原因，樓主默默選擇了方案2，并申請了7個賬號（6個設(shè)計，1個開發(fā)）。 為了增加溝通成本，減少開發(fā)妹子的內(nèi)存負擔(dān)，我邀請開發(fā)的每個對應(yīng)的設(shè)計賬號添加一個賬號，最后開發(fā)只要登錄一個賬號，就可以看到所有的設(shè)計圖迭代，方便多了！

尖端：

建議在web端單獨創(chuàng)建一個項目文件上傳，不要和ios一起上傳。 其實圖片是共享的，有3倍放大的圖片，Web端可以支持一鍵代碼導(dǎo)入。 把這個小技巧告訴后端，可以大大減少后端的工作量。 順便讓后端請你一頓粗暴的，哈哈！

第三步：

將文件導(dǎo)入或 ps 到

當你完成了設(shè)計稿后，只需要再做兩次操作，就可以成功地用剪紙標記say了。

1、在界面中找到需要剪切的地方，選擇剪切工具或者快捷鍵s，將剪切的虛擬框和對應(yīng)的待剪切視口放在一組中。 然后選擇切片的假想框，在右上角的切片屬性中設(shè)置切片大小并選擇。 這一步非常重要，否則后面沖出來導(dǎo)入的切片圖像就會有背景。

2、選擇剪切后的畫板（支持多個同時選擇），點擊菜單——或者快捷鍵“?+E”，上傳成功后屏幕右上方會彈出提醒。

當你完成這三個步驟后，你只需要將項目URL復(fù)制到開發(fā)中即可。 開發(fā)姐姐打開對應(yīng)的界面，需要點擊那里。 點擊即可查看對應(yīng)字體的屬性和行距，還支持一鍵導(dǎo)入代碼。 與之前打標+剪切圖片的工作模式相比，是不是方便很多呢？

我終于可以從繁瑣的體力勞動中解脫出來，不再需要一對一地推卸開發(fā)或者調(diào)整界面。 想想就很激動sketch標注插件，終于可以騰出更多的時間來學(xué)（ba）學(xué)（mei）了。 以上是結(jié)合項目迭代的經(jīng)驗分享。 使用過程中，歡迎男伙伴多多交流分享哦~

使用上的幾個疑惑：

1. 剪切圖片的圖標無法點擊？

答：方法一：可以在單個文件下添加一條長線，并添加一些圖標點擊狀態(tài)； 技巧二：建立設(shè)計規(guī)范，整理整個app的圖標控件，方便開發(fā)和統(tǒng)一調(diào)用（原貼就是這么用的）。

2、如果我想在設(shè)計稿上做筆記怎么辦？

答：選中需要注釋的視口，“?+鼠標左鍵”，會彈出注釋浮層。

3、為什么切塊的預(yù)覽圖與實際導(dǎo)入的圖不一樣，而且規(guī)格尺寸不一致？

答：裁片必須放在圖片上方，且裁片名稱不能重復(fù)。 圖片的XY軸位置不能有小數(shù)點。

4、URL打開網(wǎng)頁速度太慢怎么辦？

答：把客戶端的安裝包交給開發(fā)，打開速度提升100%。

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