摹客PS插件(產(chǎn)品設(shè)計(jì)協(xié)作神器)

摹客PS插件是一款協(xié)助PS產(chǎn)品設(shè)計(jì)神器，PS中的設(shè)計(jì)稿上傳至摹客中后，用戶可以對(duì)設(shè)計(jì)稿進(jìn)行智能標(biāo)注、一鍵切圖、多樣批注、快速交互、全貌畫板等操作，支持自動(dòng)加手動(dòng)標(biāo)注，更全面更準(zhǔn)確，切圖可以自動(dòng)獲取，射擊交付更加高效。摹客PS插件還支持團(tuán)隊(duì)協(xié)作，成員權(quán)限、項(xiàng)目動(dòng)態(tài)輕松管控，靈活適應(yīng)不同的工作方式，有效提升協(xié)作效率！從產(chǎn)品到開發(fā)，真正實(shí)現(xiàn)了只要一個(gè)文檔，更加高效流暢的協(xié)作方式，降低溝通成本，提升產(chǎn)品效率！

摹客PS插件教程

一、打開插件

在本站下載并安轉(zhuǎn)好好摹客PS插件后打開PS，在「窗口>擴(kuò)展功能」找到摹客插件，選擇并打開。

二、注冊(cè)和登錄

使用摹客平臺(tái)賬號(hào)（在 Mockplus、摹客上通用）即可登錄。

三、切換團(tuán)隊(duì)/切換賬號(hào)

點(diǎn)擊右上角的“更多”圖標(biāo)，可以進(jìn)行切換團(tuán)隊(duì)、切換賬號(hào)、設(shè)置等操作。

四、選擇和新建項(xiàng)目

點(diǎn)擊項(xiàng)目名稱后面的小三角，可以選擇對(duì)應(yīng)的項(xiàng)目，在展開的列表中點(diǎn)擊加號(hào)圖標(biāo)“+”，進(jìn)行新建項(xiàng)目的操作。新建好項(xiàng)目，可將頁(yè)面上傳到指定分組內(nèi)，也可以點(diǎn)擊右側(cè)加號(hào)圖標(biāo)“+”，新建項(xiàng)目?jī)?nèi)分組。

五、標(biāo)記切圖

選中需要切圖的圖層或編組，點(diǎn)擊「標(biāo)記切圖」。

將在名稱前增加“-e-”，「標(biāo)記切圖」變?yōu)椤溉∠袌D標(biāo)記」，此時(shí)切圖操作便完成了。(注意：標(biāo)記切圖只需標(biāo)記需要切圖的圖層，標(biāo)記無(wú)用的切圖過(guò)多可能會(huì)導(dǎo)致上傳失敗。)

六、自定切圖尺寸

在插件上的“固定尺寸”區(qū)域，填寫所需切圖尺寸的數(shù)值，并點(diǎn)擊“遮罩”。摹客會(huì)自動(dòng)給圖片添加一個(gè)遮罩。上傳到摹客平臺(tái)后，識(shí)別到的便是同遮罩大小的切圖，元素的背景區(qū)域?qū)?huì)是透明的。

若是一個(gè)未在分組內(nèi)的圖層，點(diǎn)擊“遮罩”后，摹客會(huì)自動(dòng)為你添加一個(gè)遮罩圖層， 并且將遮罩圖層和原圖放在一個(gè)新分組中。此時(shí)，分組名稱前方會(huì)多出一個(gè)“-m-”，代表該分組下的圖層添加了遮罩。（注：“遮罩”后默認(rèn)已標(biāo)記切圖，無(wú)需再點(diǎn)擊“標(biāo)記切圖”按鈕。）

可以隨意調(diào)整此遮罩的大小，快速地切出任意尺寸的切圖。

取消遮罩標(biāo)記

選中分組或圖層，點(diǎn)擊插件上的“取消標(biāo)記切圖”，即可將遮罩取消。

七、隱藏切圖遮罩

給圖層添加遮罩后，可以通過(guò)點(diǎn)擊插件右上角的“更多”圖標(biāo) - “隱藏切圖遮罩”，將遮罩隱藏，此時(shí)圖層仍然保持已標(biāo)記切圖的狀態(tài)。

八、自動(dòng)識(shí)別畫板大小

點(diǎn)擊在“畫板大小”下拉框后方的自動(dòng)識(shí)別按鈕，會(huì)根據(jù)當(dāng)前設(shè)計(jì)稿的尺寸，自動(dòng)適配正確的倍率。

九、上傳設(shè)計(jì)稿

標(biāo)記完成切圖之后，一鍵將設(shè)計(jì)稿上傳至云端項(xiàng)目中，提示完成后便可在云端查看到剛才上傳的設(shè)計(jì)稿。（注：操作過(guò)程中，如果誤點(diǎn)擊了“上傳”，可在上傳界面右上角點(diǎn)擊叉號(hào)“x”圖標(biāo)，本次上傳將會(huì)立即中止。）

十、狀態(tài)圖

在PS中選中單個(gè)畫板并勾選“上傳所選畫板”，點(diǎn)擊“上傳”按鈕，插件將自動(dòng)執(zhí)行上傳狀態(tài)圖操作。狀態(tài)圖詳細(xì)操作可點(diǎn)擊查看：狀態(tài)圖。

十一、重置畫板ID

在插件右上角點(diǎn)擊該圖標(biāo) PS更多圖標(biāo) ，在彈出菜單中選擇“重置畫板ID”，可以對(duì)已經(jīng)上傳的文檔進(jìn)行重復(fù)上傳。

十二、同步畫板

如果在PS中刪除了幾個(gè)畫板，再次上傳設(shè)計(jì)稿時(shí)，勾選插件-設(shè)置中的“上傳全部畫板時(shí)自動(dòng)檢測(cè)不對(duì)應(yīng)的畫板”，PS中已刪除的頁(yè)面在摹客項(xiàng)目中也會(huì)同步刪除。

十三、標(biāo)注擴(kuò)展區(qū)域

在插件-設(shè)置中，若勾選了“標(biāo)注擴(kuò)展區(qū)域”，圖層如果有陰影、邊框、模糊等擴(kuò)展區(qū)域，上傳摹客后會(huì)顯示最大區(qū)域；若不勾選，上傳摹客后的標(biāo)注將不包含陰影、邊框、模糊等，僅顯示圖層本身的大小。

十四、設(shè)置上傳順序

摹客提供了設(shè)計(jì)稿上傳順序的設(shè)置，如果不勾選此設(shè)置，上傳后的設(shè)計(jì)稿將以倒序的方式呈現(xiàn)。如果想讓設(shè)計(jì)稿順序與PS中的順序保持一致，請(qǐng)?jiān)谠O(shè)置中勾選“設(shè)計(jì)稿排序與PS保持一致”。

十五、上傳超清切圖

在插件的“設(shè)置”中，如果勾選了“上傳超清切圖”，在上傳切圖的時(shí)候插件會(huì)把對(duì)應(yīng)倍率的圖片全部上傳，在網(wǎng)頁(yè)端下載切圖時(shí)就能得到最清晰的圖片（即原圖，但勾選了此選項(xiàng)，上傳速度會(huì)變慢）。

十六、設(shè)計(jì)稿排序與PS保持一致

在插件-“設(shè)置”中，若勾選了“設(shè)計(jì)稿排序與 PS 保持一致”，首次上傳全部畫板后，摹客協(xié)作中的畫板頁(yè)面樹順序?qū)⑴c PS 中的畫板順序保持一致。（注：僅首次上傳全部畫板時(shí)，此設(shè)置會(huì)生效。）如果你后續(xù)新增了幾個(gè)畫板，再次上傳時(shí)，新增畫板會(huì)處于目標(biāo)分組內(nèi)的最上方（若在插件上沒(méi)有選擇分組，則處于根目錄最上方）。

十七、始終覆蓋已有狀態(tài)

勾選此設(shè)置后，如果之前上傳過(guò)一次，修改后再次上傳設(shè)計(jì)稿，會(huì)直接覆蓋之前的畫板，不再提示是否添加新?tīng)顟B(tài)。

十八、上傳高清智能對(duì)象切圖

在插件的“設(shè)置”中，如果勾選了“上傳高清智能對(duì)象切圖”，在上傳切圖的時(shí)候插件會(huì)解析智能對(duì)象內(nèi)的圖層進(jìn)行上傳，在網(wǎng)頁(yè)端下載切圖時(shí)能得到高清的智能對(duì)象切圖。（注意：當(dāng)同時(shí)勾選“上傳超清切圖”和“上傳高清智能對(duì)象切圖”會(huì)影響上傳速度，如果你感覺(jué)上傳速度緩慢，請(qǐng)嘗試取消勾選其中一個(gè)選項(xiàng)，并重新上傳設(shè)計(jì)稿。）

十九、通知成員

設(shè)計(jì)稿成功上傳后，可指定團(tuán)隊(duì)中的成員接收更新通知。點(diǎn)擊插件上的“通知成員”，在彈窗中選擇需要接收到通知的成員，同時(shí)還可以在下方文本框中添加具體的更新內(nèi)容。

功能特色

1、智能標(biāo)注

標(biāo)注智能生成，詳細(xì)且精準(zhǔn)；有三種標(biāo)注模式，無(wú)選中標(biāo)注、圖層間標(biāo)注、多選標(biāo)注；還可以查看百分比標(biāo)注；可使用放大鏡，放大標(biāo)注細(xì)節(jié)；可一鍵查找頁(yè)面中的任何重復(fù)元素（如文本、顏色、邊距、寬度等）；可通過(guò)單位切換面板，切換多種度量單位

2、一鍵切圖

通過(guò)插件在PS中進(jìn)行切圖并上傳到摹客中，可一鍵下載

3、多樣批注

提供了多種批注樣式，方便查看者對(duì)設(shè)計(jì)稿進(jìn)行評(píng)價(jià)和回復(fù)

4、快速交互

可以設(shè)置頁(yè)面跳轉(zhuǎn)交互，快速制作高保真可交互原型；支持9種轉(zhuǎn)場(chǎng)特效，設(shè)置延時(shí)自動(dòng)跳轉(zhuǎn)，還可以設(shè)定固定滾動(dòng)區(qū)域；可生成鏈接進(jìn)行演示，移動(dòng)端項(xiàng)目支持手機(jī)演示

5、全貌畫板

全貌畫板內(nèi)展示所有設(shè)計(jì)稿，縮放自如；可設(shè)置邏輯線、添加邏輯描述，表達(dá)設(shè)計(jì)稿間的邏輯關(guān)系；支持導(dǎo)航漫游，以進(jìn)行快速定位

6、團(tuán)隊(duì)管理

項(xiàng)目管理：根據(jù)項(xiàng)目屬性對(duì)項(xiàng)目進(jìn)行分組，每個(gè)組有多個(gè)項(xiàng)目，還可設(shè)置各個(gè)項(xiàng)目的參與人員；團(tuán)隊(duì)管理：將團(tuán)隊(duì)成員劃分到不同部門，通過(guò)設(shè)置 “管理員”、“成員”、“訪客”身份，分配團(tuán)隊(duì)成員不同操作權(quán)限

更新日志

v2.5.54版本

新增上傳文件ID，以便于在web端按照軟件內(nèi)位置排序。

優(yōu)化 iOS 設(shè)備尺寸的倍率識(shí)別。