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