pxcook像素大厨是专为UI设计师所设计平面设计辅助利器,pxcook可以很好的来处理图片透明度解析,Dp&Px单位换算,标尺,切图等问题,让你专注于设计本质,提高设计效率。有需要的朋友赶快来欧普软件园下载吧!
pxcook像素大厨亮点:
1、Dp&Px单位随心转
专为移动UI设计师贴心设计从此再也不用算来算去,节省时间提高效率,和数学题说拜拜~
2、颜色透明度自动换算
十进制、十六进制傻傻分不清楚点击菜单自动换算,计算器是神马?再也不需要啦
3、标尺数字随便改
想偷懒?没问题!所有标尺数字都可手动设定,想写多少写多少~轻松简单,无需在担心
4、标注切图两不误
标注、切图一个软件搞定,一站式服务就在这里,只需轻轻点击切换按钮即可搞定~
pxcook像素大厨功能介绍
1、支持的平台(macOS和Windows均支持)
PxCook支持和 macOS和Windows操作系统
2、支持的工具类型(PS和Sketch均支持)
PS
需要把psd文件拖拽到PxCook工具中,PxCook将会在工具内解析psd文件,切图需要在PS中打开远程连接,通过PxCook的浮窗实现切图
Sketch
在Sketch中,首先要先安装PxCook插件,点击“导出当前画板到PxCook”后会自动启动PxCook,并显示出Sketch中对应的画板内容,依旧在PxCook中标注。
3、智能标注
无论是元素间,元素与边框间的距离标注,都只需要简单的拖、放,点、选就自动生成了。
通过智能标注得到的所有标注信息,都会随着您原始设计稿的变化而进行自动更新,省去了手动再调整一遍的成本。
间距标注
尺寸标注
内间距标注
文本样式标注
在Ps里有些用户习惯对图层使用颜色叠加来修改文本颜色,甚至文本图层外还会套着有颜色叠加的组。这些在PxCook中都不是问题,PxCook可以通过各种嵌套和颜色叠加关系,将最终的文本颜色解析并标注出来。
区域标注
4、单位转换
考虑到面向不同手机操作系统的设计师用到的单位不同,PxCook可以自动切换单位,所有标注都轻松同步更换~
5、数字手动更改
在保持真实尺寸不变的情况下,可改变显示的数值。以避免因为几像素的误差重新修改设计稿。
6、切图功能
切图功能需要远程连接ps,提供多种设备的切图输出,并可以对切片进行无损缩放。同时支持对图层样式的缩放。
7、自动备份
软件会对标注定时进行自动备份,以防止意外情况的发生,你可通过设置面板查找备份的存档地址。
其他~
还有很多值得期待,因为我们一直在迭代更新……
再次强调PxCook是一款免费的智能标注&切图软件。
如果您觉得PxCook还不错,记得也分享给身边的人
pxcook像素大厨使用教程
一、切图教程
命名输出
将你想输出的图层或图层组以.png或.jpg为后缀的名称命名之后,该图层或图层组就可以被PxCook软件识别了。
转换图层
PxCook目前的渲染引擎暂时还无法支持图层效果以及遮罩等,所以我们推荐您将有特效的图层或多个图层转化为智能对象,以便渲染引擎能够更好的识别您的Psd文档。
修改切图尺寸
如果你想要输出的切片跟图层实际尺寸不一致。只要将您的图层打成图层组,在组内创建一个新的图层,绘制一个您想要输出尺寸的矩形,并将图层的名称改为@bounds。PxCook便会将此图层组按照@bounds的尺寸进行切割了。
Retina双尺寸输出
当你采用2x或3x设计时,在想要输出的图层后面添加@2x或@3x,如demo@2x.png。可以在输出原尺寸切片的同时,再输出一张缩小相应比例的小尺寸图,并为图加上@1x的后缀。
二、标注教程
1、距离自动侦测标注
点击“磁铁”图标或按住tab键即可开启距离自动侦测标注。
2、标注字号自定义
打开设置面板,找到标注字号选项,可选择所需的字号。
3、定制标记颜色、样式
点击相应的标记工具,在工具设定栏下方出现相应标记工具的定制栏,可在此设定颜色,样式。
4、颜色标记模式自定义
打开设置面板,找到颜色标注模式选项,可选择所需的颜色标记模式。
pxcook像素大厨常见问题及解答
1、是否需要Photoshop?
PxCook软件本身并不需要Photoshop。在PxCook内部变可以将Psd渲染出来。但是您可能需要利用Photshop来按照规范命名图层,和规定切图尺寸等工作。当然,您也可以把这项工作交给专门的设计师来负责
2、是所有的psd都可以被完整渲染么?
PxCook内置的psd渲染引擎可以将除图层特效,图层叠加效果和遮罩以外的其他元素以位图的形式渲染出来。在遇到上述支持不佳的情况,我们推荐您将一 个或多个图层进行转化为智能对象,这样做也是一种良好的习惯,同时可以帮助您加快在使用Photoshop设计时的psd预览速度。我们力求将psd进行 完美的渲染,但是不排除会有渲染失败的情况。我们会不定期的优化我们的渲染引擎
更新日志
增加:在智能标注和自动标注模式下,可以右键选择重叠的图层。
增加:自动标注下的百分比标注模式,可手动设置参考层。
增加:从 Adobe XD 导入到 PxCook 内时,默认选择上当前在 XD 中已选择的画板。
增加:在偏好设置中,可以允许协作项目的属性不同步。
增加:Android 代码中 TextView 代码生成的支持。
优化:开发模式下显示与隐藏标注的位置,将其移动到工作区的右下角。
优化:关于面板的信息优化。
优化:兼容内测版本的pxcp文件格式。
优化:psd文件重新关联时,如果检测到多个画板来自同一个文件,则进行提示。
修复:win下背景色的菜单少了右箭头的bug。
修复:Adobe XD画板导入到 PxCook 中之后宽度和高度显示一致的bug。
修复:生成的Objective-C和Swift中的borderWidth属性,小数保留错误的bug。
修复:一种Adobe XD文件解析失败的可能。
修复:一种掉线自动重连后,依旧尝试重连的bug。
修复:一些情况下,打开项目会自动更新画板源文件的问题。
修复:重新关联画板到源文件,有一定几率依旧显示无关联画板的问题。
修复:替换具有“无对应画板”的画板之后,提示不消失的bug。
修复:在macOS系统上,因设计稿所在路径包含字符‘\’而导致解析失败的bug。