pxcook像素大廚師一款免費(fèi)的UI設(shè)計輔助軟件,可以讓設(shè)計師專注于設(shè)計本質(zhì),不再為標(biāo)注切圖而煩惱,從設(shè)計到實(shí)現(xiàn)一氣呵成。PxCook的優(yōu)點(diǎn)在于將標(biāo)注、切圖這兩項設(shè)計完稿后最棘手的兩個工作集成在一個軟件內(nèi)完成,流程很順暢,而且支持Windows和Mac雙平臺。
功能特色:
Dp&Px單位隨心轉(zhuǎn)
專為移動UI設(shè)計師貼心設(shè)計從此再也不用算來算去,節(jié)省時間提高效率,和數(shù)學(xué)題說拜拜~
顏色透明度自動換算
十進(jìn)制、十六進(jìn)制傻傻分不清楚點(diǎn)擊菜單自動換算,計算器是神馬?再也不需要啦
標(biāo)尺數(shù)字隨便改
想偷懶?沒問題!所有標(biāo)尺數(shù)字都可手動設(shè)定,想寫多少寫多少~輕松簡單,無需在擔(dān)心
標(biāo)注切圖兩不誤
標(biāo)注、切圖一個軟件搞定,一站式服務(wù)就在這里,只需輕輕點(diǎn)擊切換按鈕即可搞定~
切圖教程:
命名輸出
將你想輸出的圖層或圖層組以.png或.jpg為后綴的名稱命名之后,該圖層或圖層組就可以被PxCook軟件識別了。
轉(zhuǎn)換圖層
PxCook目前的渲染引擎暫時還無法支持圖層效果以及遮罩等,所以我們推薦您將有特效的圖層或多個圖層轉(zhuǎn)化為智能對象,以便渲染引擎能夠更好的識別您的Psd文檔。
修改切圖尺寸
如果你想要輸出的切片跟圖層實(shí)際尺寸不一致。只要將您的圖層打成圖層組,在組內(nèi)創(chuàng)建一個新的圖層,繪制一個您想要輸出尺寸的矩形,并將圖層的名稱改為@bounds。PxCook便會將此圖層組按照@bounds的尺寸進(jìn)行切割了。
Retina雙尺寸輸出
當(dāng)你采用2x或3x設(shè)計時,在想要輸出的圖層后面添加@2x或@3x,如demo@2x.png。可以在輸出原尺寸切片的同時,再輸出一張縮小相應(yīng)比例的小尺寸圖,并為圖加上@1x的后綴。
標(biāo)注教程:
距離自動偵測標(biāo)注
點(diǎn)擊“磁鐵”圖標(biāo)或按住tab鍵即可開啟距離自動偵測標(biāo)注。
標(biāo)注字號自定義
打開設(shè)置面板,找到標(biāo)注字號選項,可選擇所需的字號。
定制標(biāo)記顏色、樣式
點(diǎn)擊相應(yīng)的標(biāo)記工具,在工具設(shè)定欄下方出現(xiàn)相應(yīng)標(biāo)記工具的定制欄,可在此設(shè)定顏色,樣式。
顏色標(biāo)記模式自定義
打開設(shè)置面板,找到顏色標(biāo)注模式選項,可選擇所需的顏色標(biāo)記模式。
常見問題:
我是否需要Photoshop?
PxCook軟件本身并不需要Photoshop。在PxCook內(nèi)部變可以將Psd渲染出來。但是您可能需要利用Photshop來按照規(guī)范命名圖層,和規(guī)定切圖尺寸等工作。當(dāng)然,您也可以把這項工作交給專門的設(shè)計師來負(fù)責(zé)。
是所有的psd都可以被完整渲染么?
PxCook內(nèi)置的psd渲染引擎可以將除圖層特效,圖層疊加效果和遮罩以外的其他元素以位圖的形式渲染出來。在遇到上述支持不佳的情況,我們推薦您將一個或多個圖層進(jìn)行轉(zhuǎn)化為智能對象,這樣做也是一種良好的習(xí)慣,同時可以幫助您加快在使用Photoshop設(shè)計時的psd預(yù)覽速度。我們力求將psd進(jìn)行完美的渲染,但是不排除會有渲染失敗的情況。我們會不定期的優(yōu)化我們的渲染引擎。
更新日志:
v1.0.3 2015.01.06
增加:坐標(biāo)點(diǎn)標(biāo)注。
優(yōu)化:文件保存模塊。
修正:按快捷鍵時偶現(xiàn)無效的bug。
v1.0.2 2014.12.31
優(yōu)化:BackSpace鍵刪除標(biāo)注。
優(yōu)化:文本標(biāo)注體描邊的層疊關(guān)系優(yōu)化。
優(yōu)化:在未保存的情況下,清空并新建導(dǎo)入圖片后,重置畫布位置。
修正:新文檔無法記錄第一次創(chuàng)建的歷史記錄。
修正:Ctrl鍵強(qiáng)制多選時,在主界面失去焦點(diǎn)并恢復(fù)焦點(diǎn)后沒有松起。
修正:退出提示保存時,點(diǎn)擊保存之后未退出的bug。