Pxcook像素大廚其實(shí)就的款專門用于UI設(shè)計師的強(qiáng)大工具。它里面擁有標(biāo)尺數(shù)字、顏色透明度換算、標(biāo)注、切圖等功能,讓設(shè)計師能夠輕松進(jìn)行切圖、從而提高工作效率!
Pxcook像素大廚切圖使用說明
命名輸出
將你想輸出的圖層或圖層組以.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?梢栽谳敵鲈叽缜衅耐瑫r,再輸出一張縮小相應(yīng)比例的小尺寸圖,并為圖加上@1x的后綴。
Pxcook像素大廚主要特點(diǎn)
1、Dp&Px單位隨心轉(zhuǎn)
專為移動UI設(shè)計師貼心設(shè)計從此再也不用算來算去,節(jié)省時間提高效率
2、顏色透明度自動換算
十進(jìn)制、十六進(jìn)制傻傻分不清楚點(diǎn)擊菜單自動換算
3、標(biāo)尺數(shù)字隨便改
想偷懶?沒問題!所有標(biāo)尺數(shù)字都可手動設(shè)定,想寫多少寫多少~輕松簡單
4、標(biāo)注切圖兩不誤
標(biāo)注、切圖一個軟件搞定,一站式服務(wù)就在這里,只需輕輕點(diǎn)擊切換按鈕即可搞定~
pxcook像素大廚常見問題及解答
1、是否需要Photoshop?
PxCook軟件本身并不需要Photoshop。在PxCook內(nèi)部變可以將Psd渲染出來。但是您可能需要利用Photshop來按照規(guī)范命名圖層,和規(guī)定切圖尺寸等工作。當(dāng)然,您也可以把這項(xiàng)工作交給專門的設(shè)計師來負(fù)責(zé)
2、是所有的psd都可以被完整渲染么?
PxCook內(nèi)置的psd渲染引擎可以將除圖層特效,圖層疊加效果和遮罩以外的其他元素以位圖的形式渲染出來。
在遇到上述支持不佳的情況,我們推薦您將一個或多個圖層進(jìn)行轉(zhuǎn)化為智能對象,這樣做也是一種良好的習(xí)慣,同時可以幫助您加快在使用Photoshop設(shè)計時的psd預(yù)覽速度。我們力求將psd進(jìn)行完美的渲染,但是不排除會有渲染失敗的情況。我們會不定期的優(yōu)化我們的渲染引擎
Pxcook像素大廚更新內(nèi)容
更新日期:2018年8月15日
增加:增加對Sketch中Resizing和FixWidth、FixHeight特性的支持。(需要Flavor更新到1.2.4版本)
優(yōu)化
優(yōu)化:MacOS原生安裝包中,安裝XD標(biāo)注支持對權(quán)限問題的解決。
優(yōu)化:解決部分系統(tǒng)設(shè)置被修改過的win10無法正常使用XD標(biāo)注支持的問題。
優(yōu)化:軟件閑置時CPU占用問題的優(yōu)化。
優(yōu)化:進(jìn)入畫板頁之后,鎖定左側(cè)畫板列表的排序,防止因?qū)Ξ嫲宓男薷脑斐勺髠?cè)列表排序改變的問題。
優(yōu)化:畫板列表的選擇優(yōu)化,避免左側(cè)畫板列表選擇框閃爍的問題。
優(yōu)化:Sketch標(biāo)注中,給組設(shè)置透明圖,也可以通過選中組內(nèi)的元素來識別。
優(yōu)化:css代碼生成中,對字體的投影效果增加了支持。
優(yōu)化:鼠標(biāo)選擇設(shè)計稿中內(nèi)容的策略優(yōu)化。
修復(fù)
修復(fù):sketch文件中,對symbol的override設(shè)置為none之后,導(dǎo)出失敗的bug。
修復(fù):部分缺少字體的windows系統(tǒng)上,開發(fā)模式下代碼顯示為亂碼的bug。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版