pxcook（像素大廚）純凈版

pxcook(像素大廚)是一款專業(yè)的標(biāo)注切圖工具，pxcook(像素大廚)還是一款免費(fèi)提供使用的軟件，該軟件的功能十分強(qiáng)大，能為用戶提供各式各樣使用且專業(yè)的工具，并且該軟件還支持對(duì)PS和Sketch設(shè)計(jì)元素尺寸、元素距離、文本樣式與顏色的智能標(biāo)注，是一款操作非常靈活實(shí)用性超強(qiáng)的軟件，pxcook(像素大廚)還有很多的軟件優(yōu)勢(shì)和產(chǎn)品特色等您下載后使用與體驗(yàn)!

pxcook標(biāo)注方法

打開PxCook軟件，并新建項(xiàng)目，打開PSD格式的文件。

選擇需要標(biāo)注的元素，如圖標(biāo)或文字，然后使用智能標(biāo)注工具進(jìn)行標(biāo)注。

對(duì)于圖標(biāo)，選中后可以看到左側(cè)的智能標(biāo)注激活了兩個(gè)可以標(biāo)注的工具，根據(jù)需要點(diǎn)擊標(biāo)注即可。

選中文字后，左側(cè)智能標(biāo)注又多了一個(gè)標(biāo)注工具，點(diǎn)擊此工具后，可以看到字體的信息也標(biāo)注好了。

最后保存并導(dǎo)出標(biāo)注的圖片。

此外，PxCook還支持對(duì)PS、Sketch設(shè)計(jì)元素尺寸、元素距離、文本樣式、顏色的智能標(biāo)注，非常方便。在PxCook中，還可以通過(guò)快捷鍵進(jìn)行標(biāo)注，如生成尺寸標(biāo)注、文本樣式標(biāo)注、區(qū)域標(biāo)注等。對(duì)于需要快速標(biāo)注兩個(gè)形狀之間間距的情況，可以通過(guò)點(diǎn)選一個(gè)形狀，按住左鍵拖動(dòng)出現(xiàn)一條線，移動(dòng)到目標(biāo)形狀放開即可快速標(biāo)注出間距。雙擊文本部分還可以手動(dòng)進(jìn)行數(shù)值調(diào)整。在上方顏色中可以更改標(biāo)注的顏色，然后點(diǎn)擊“保存”，選擇位置，點(diǎn)擊“存儲(chǔ)”即可完成標(biāo)注。

pxcook切圖方法

設(shè)置遠(yuǎn)程連接：首先，在Photoshop中，通過(guò)“編輯”>“遠(yuǎn)程連接”設(shè)置一個(gè)6位數(shù)的密碼并勾選“啟動(dòng)遠(yuǎn)程連接”。

啟動(dòng)PxCook的遠(yuǎn)程連接：打開PxCook軟件，也勾選啟動(dòng)遠(yuǎn)程連接，并輸入在Photoshop中設(shè)置的密碼，點(diǎn)擊“開始使用”。

選擇切圖工具：進(jìn)入PxCook的切圖工具窗口，可以選擇單獨(dú)的圖層或圖層組進(jìn)行切圖。如果需要切出特定尺寸的圖片，可以通過(guò)在組內(nèi)使用形狀工具繪制所需尺寸的圖形并命名@bounds來(lái)實(shí)現(xiàn)。

切圖操作：選擇好要切的圖層或圖層組后，設(shè)置好切圖的屬性(如切圖尺寸、輸出尺寸、輸出文件格式等)，然后點(diǎn)擊“切所選圖層”進(jìn)行切圖。

查看輸出：切圖完成后，打開文件夾查看輸出的png圖片。

此外，PxCook還支持從Adobe XD導(dǎo)入設(shè)計(jì)稿，并大幅提高了工作效率。設(shè)計(jì)師可以通過(guò)在XD的圖層中激活“添加導(dǎo)出標(biāo)記”圖標(biāo)或在XD的右邊欄中勾選“添加導(dǎo)出標(biāo)記”來(lái)導(dǎo)出當(dāng)前設(shè)計(jì)稿到PxCook中。新版本中加入了對(duì)Adobe XD的切圖支持，并徹底優(yōu)化了從XD到PxCook的導(dǎo)入過(guò)程，使得導(dǎo)入速度比之前提升了5倍。

PxCook還支持自動(dòng)標(biāo)注和在線協(xié)作功能，使得設(shè)計(jì)師和工程師之間的銜接更加緊密和高效。設(shè)計(jì)師可以添加協(xié)作人員進(jìn)入項(xiàng)目，完成的設(shè)計(jì)稿及切圖可直接導(dǎo)入到協(xié)作環(huán)境中，方便團(tuán)隊(duì)成員之間的溝通和協(xié)作。

pxcook功能介紹

1、云協(xié)作 & 本地項(xiàng)目任選

與團(tuán)隊(duì)一起同步最新設(shè)計(jì)稿， 協(xié)作更高效。

將設(shè)計(jì)上傳到PxCook云或保存為本地文件， 滿足全部需求。

2、自動(dòng)手動(dòng)隨意切， 既精準(zhǔn)又快捷

只需點(diǎn)擊拖拽， 即可輕松獲得間距尺寸， 字體， 陰影圓角等所有信息。

PNG, JPG也能手動(dòng)測(cè)量。支持標(biāo)注單位：PX , PT , DP/SP , REM。

3、提高前端開發(fā)效率

直接生成可執(zhí)行樣式代碼

熱門語(yǔ)言全部支持：CSS, XML, Objective-C, Swift, ReactNative持續(xù)更新中

4、支持 Win/Mac, 支持 PS/Sketch / XD

讓設(shè)計(jì)師隨心所欲無(wú)論你用 Windows, 還是 Mac OS 。

無(wú)論你用 Photoshop, Sketch 還是 Adobe XD 設(shè)計(jì)，在本地項(xiàng)目和云協(xié)作項(xiàng)目中， PxCook像素大廚統(tǒng)統(tǒng)都支持

pxcook軟件優(yōu)勢(shì)

1、手動(dòng)標(biāo)注

PxCook支持多種圖像格式(psd，png，bmp，jpg等)的讀取，并可手動(dòng)創(chuàng)建距離、區(qū)域、顏色、文本、坐標(biāo)點(diǎn)等標(biāo)注。

2、智能標(biāo)注

PSD文件與Sketch插件支持，可以對(duì)每一圖層進(jìn)行解析，快速得到圖層尺寸以及文本樣式等，幫你快速創(chuàng)建標(biāo)注。

3、單位轉(zhuǎn)換

PxCook可以幫助設(shè)計(jì)師進(jìn)行多種單位(px，dp，pt)間的轉(zhuǎn)換，減輕設(shè)計(jì)師計(jì)算負(fù)擔(dān)。

4、自動(dòng)吸附

標(biāo)注過(guò)程中可以針對(duì)圖像內(nèi)突出顏色進(jìn)行自動(dòng)吸附。

5、軟件設(shè)置

在設(shè)置面板中可以進(jìn)行如：標(biāo)注字號(hào)、標(biāo)注自動(dòng)對(duì)齊、滾輪、即數(shù)字精確度等設(shè)置。

6、定制標(biāo)注樣式

可以定制每個(gè)標(biāo)注的顏色，標(biāo)簽位置等樣式。

7、顏色模式設(shè)置

目前支持#Hex，argb，rgba三種顏色模式。

8、數(shù)字手動(dòng)更改

在保持真實(shí)尺寸不變的情況下，可改變顯示的數(shù)值。以避免因?yàn)閹紫袼氐恼`差重新修改設(shè)計(jì)稿。

9、自動(dòng)備份

軟件會(huì)對(duì)標(biāo)注定時(shí)進(jìn)行自動(dòng)備份，以防止意外情況的發(fā)生，你可通過(guò)設(shè)置面板查找備份的存檔地址。

10、切圖功能

切圖功能需要遠(yuǎn)程連接ps，提供多種設(shè)備的切圖輸出，并可以對(duì)切片進(jìn)行無(wú)損縮放。同時(shí)支持對(duì)圖層樣式的縮放。

pxcook軟件特色

1、pxcook官方版支持的平臺(tái)(macOS和Windows均支持)

PxCook支持和 macOS和Windows操作系統(tǒng)

2、支持的工具類型(PS和Sketch均支持)

PS

需要把psd文件拖拽到PxCook工具中，PxCook將會(huì)在工具內(nèi)解析psd文件，切圖需要在PS中打開遠(yuǎn)程連接，通過(guò)PxCook的浮窗實(shí)現(xiàn)切圖

在Sketch中，首先要先安裝PxCook插件，點(diǎn)擊“導(dǎo)出當(dāng)前畫板到PxCook”后會(huì)自動(dòng)啟動(dòng)PxCook，并顯示出Sketch中對(duì)應(yīng)的畫板內(nèi)容，依舊在PxCook中標(biāo)注。

3、智能標(biāo)注

無(wú)論是元素間，元素與邊框間的距離標(biāo)注，都只需要簡(jiǎn)單的拖、放，點(diǎn)、選就自動(dòng)生成了。

通過(guò)智能標(biāo)注得到的所有標(biāo)注信息，都會(huì)隨著您原始設(shè)計(jì)稿的變化而進(jìn)行自動(dòng)更新，省去了手動(dòng)再調(diào)整一遍的成本。

間距標(biāo)注

尺寸標(biāo)注

內(nèi)間距標(biāo)注

文本樣式標(biāo)注

在Ps里有些用戶習(xí)慣對(duì)圖層使用顏色疊加來(lái)修改文本顏色，甚至文本圖層外還會(huì)套著有顏色疊加的組。這些在PxCook中都不是問(wèn)題，PxCook可以通過(guò)各種嵌套和顏色疊加關(guān)系，將最終的文本顏色解析并標(biāo)注出來(lái)。

區(qū)域標(biāo)注

4、單位轉(zhuǎn)換

考慮到面向不同手機(jī)操作系統(tǒng)的設(shè)計(jì)師用到的單位不同，PxCook可以自動(dòng)切換單位，所有標(biāo)注都輕松同步更換~

5、數(shù)字手動(dòng)更改

在保持真實(shí)尺寸不變的情況下，可改變顯示的數(shù)值。以避免因?yàn)閹紫袼氐恼`差重新修改設(shè)計(jì)稿。

6、切圖功能

切圖功能需要遠(yuǎn)程連接ps，提供多種設(shè)備的切圖輸出，并可以對(duì)切片進(jìn)行無(wú)損縮放。同時(shí)支持對(duì)圖層樣式的縮放。

7、自動(dòng)備份

軟件會(huì)對(duì)標(biāo)注定時(shí)進(jìn)行自動(dòng)備份，以防止意外情況的發(fā)生，你可通過(guò)設(shè)置面板查找備份的存檔地址。

其他~

還有很多值得期待，因?yàn)槲覀円恢痹诘?hellip;…

再次強(qiáng)調(diào)PxCook是一款免費(fèi)的智能標(biāo)注&切圖軟件。

如果您覺(jué)得PxCook還不錯(cuò)，記得也分享給身邊的人