Pxcook像素大厨其实就的款专门用于UI设计师的强大工具。它里面拥有标尺数字、颜色透明度换算、标注、切图等功能,让设计师能够轻松进行切图、从而提高工作效率!
Pxcook像素大厨切图使用说明
命名输出
将你想输出的图层或图层组以.png或.jpg为后缀的名称命名之后,该图层或图层组就可以被PxCook软件识别了。
转换图层
PxCook目前的渲染引擎暂时还无法支持图层效果以及遮罩等,所以我们推荐您将有特效的图层或多个图层转化为智能对象,以便渲染引擎能够更好的识别您的Psd文档。
修改切图尺寸
如果你想要输出的切片跟图层实际尺寸不一致。只要将您的图层打成图层组,在组内创建一个新的图层,绘制一个您想要输出尺寸的矩形,并将图层的名称改为@bounds。PxCook便会将此图层组按照@bounds的尺寸进行切割了。
Retina双尺寸输出
当你采用2x或3x设计时,在想要输出的图层后面添加@2x或@3x,如demo@2x.png。可以在输出原尺寸切片的同时,再输出一张缩小相应比例的小尺寸图,并为图加上@1x的后缀。
Pxcook像素大厨主要特点
1、Dp&Px单位随心转
专为移动UI设计师贴心设计从此再也不用算来算去,节省时间提高效率
2、颜色透明度自动换算
十进制、十六进制傻傻分不清楚点击菜单自动换算
3、标尺数字随便改
想偷懒?没问题!所有标尺数字都可手动设定,想写多少写多少~轻松简单
4、标注切图两不误
标注、切图一个软件搞定,一站式服务就在这里,只需轻轻点击切换按钮即可搞定~
pxcook像素大厨常见问题及解答
1、是否需要Photoshop?
PxCook软件本身并不需要Photoshop。在PxCook内部变可以将Psd渲染出来。但是您可能需要利用Photshop来按照规范命名图层,和规定切图尺寸等工作。当然,您也可以把这项工作交给专门的设计师来负责
2、是所有的psd都可以被完整渲染么?
PxCook内置的psd渲染引擎可以将除图层特效,图层叠加效果和遮罩以外的其他元素以位图的形式渲染出来。
在遇到上述支持不佳的情况,我们推荐您将一个或多个图层进行转化为智能对象,这样做也是一种良好的习惯,同时可以帮助您加快在使用Photoshop设计时的psd预览速度。我们力求将psd进行完美的渲染,但是不排除会有渲染失败的情况。我们会不定期的优化我们的渲染引擎
Pxcook像素大厨更新内容
更新日期:2018年8月15日
增加:增加对Sketch中Resizing和FixWidth、FixHeight特性的支持。(需要Flavor更新到1.2.4版本)
优化
优化:MacOS原生安装包中,安装XD标注支持对权限问题的解决。
优化:解决部分系统设置被修改过的win10无法正常使用XD标注支持的问题。
优化:软件闲置时CPU占用问题的优化。
优化:进入画板页之后,锁定左侧画板列表的排序,防止因对画板的修改造成左侧列表排序改变的问题。
优化:画板列表的选择优化,避免左侧画板列表选择框闪烁的问题。
优化:Sketch标注中,给组设置透明图,也可以通过选中组内的元素来识别。
优化:css代码生成中,对字体的投影效果增加了支持。
优化:鼠标选择设计稿中内容的策略优化。
修复
修复:sketch文件中,对symbol的override设置为none之后,导出失败的bug。
修复:部分缺少字体的windows系统上,开发模式下代码显示为乱码的bug。
- PC官方版
- 安卓官方手机版
- IOS官方手机版