首页
手机版
您的位置:绿点软件站 > 电脑软件 > 行业软件 > 辅助设计 > pxcook像素大厨

pxcook像素大厨pxcook像素大厨v3.8.2 官方版

软件大小:3.94 MB

软件语言:简体中文

用户评分:

软件类型:国产软件

授权方式:免费版

软件官网:www.chinahohm.com

更新时间:2019-03-11

软件分类:辅助设计

运行环境:winxp/win7/win8/win10/

平台检测 无插件 360通过 腾讯通过 金山通过 瑞星通过
pxcook像素大厨

pxcook像素大厨是一款高效专业的自动标注工具,软件简单易用,功能强大,而且完全免费、全平台支持,软件可以对PS、Sketch设计元素尺寸、元素距离、文本样式、颜色的智能标注,支持智能切图,可以对切片进行无损缩放,同时支持对图层样式的缩放;PxCook可以自动切换单位,所有标注都轻松同步更换,PxCook像素大厨是UI设计师必备的标注切图神器。

pxcook像素大厨 

pxcook官方介绍

pxcook像素大厨为用户提供psd文件的切图,以及大部分图片格式文件的颜色信息标注功能,如:颜色标注、标尺标注、区域标注、以及文字标注。并根据用户的需求随时推出功能,及帮助用户得到更好的体验。

pxcook功能介绍

psd切图:该功能是本软件提供的一个重要功能,可以将psd文件,按照一定的规范,进行自动切图,并对相应的图层或组进行生成等比缩小n倍的切片副本。

颜色标注:在图片任意位置处创建一个横向或纵向颜色值标注信息,同时用户可以自行手动调整该颜色值的不透明度。

标尺标注:用户可以在图片任意位置拉伸出一个横向或纵向的长度信息标注,用户也可以选择单位形式,以及像素密度等,同时用户可以在标尺长度不变的情况下手动调整显示的数值。

区域标注:用户可以再图片任意位置拉伸出一个区域信息标注,用户可以自行选择单位形式以及像素密度等,同时用户也可以在区域标注的尺寸不变的情况下手动调整显示的数值。

文字标注:用户可以再图片中任意位置创建一个横向或纵向文字信息标注,同时可以随时修改文字内容。

其它功能:为了方便用户使用,本软件还包含局部区域放大功能,以及在放大倍数超过10倍的时候,显示像素网格的功能等。用户可自行设置这些功能的开启与关闭。

pxcook软件特色

云协作 & 本地项目任选

与团队一起同步最新设计稿, 协作更高效。

将设计上传到PxCook云或保存为本地文件, 满足全部需求。

支持存储方式:云存储, PXCP项目文件, PNG

自动手动随意切, 既精准又快捷

只需点击拖拽, 即可轻松获得间距尺寸, 字体, 阴影圆角等所有信息。

PNG, JPG也能手动测量。支持标注单位:PX , PT , DP/SP , REM。

提高前端开发效率

直接生成可执行样式代码

热门语言全部支持:CSS, XML, Objective-C, Swift, ReactNative
持续更新中??

支持 Win/Mac, 支持 PS/Sketch / XD

让设计师随心所欲

无论你用 Windows, 还是 Mac OS 。

无论你用 Photoshop, Sketch 还是 Adobe XD 设计, 

在本地项目和云协作项目中, 我们统统都支持。

pxcook像素大厨图文介绍

1、支持的平台(macOS和Windows均支持)

PxCook支持和 macOS和Windows操作系统

pxcook像素大厨

2、支持的工具类型(PS和Sketch均支持)

pxcook像素大厨

PS

需要把psd文件拖拽到PxCook工具中,PxCook将会在工具内解析psd文件,切图需要在PS中打开远程连接,通过PxCook的浮窗实现切图

Sketch

在Sketch中,首先要先安装PxCook插件,点击“导出当前画板到PxCook”后会自动启动PxCook,并显示出Sketch中对应的画板内容,依旧在PxCook中标注。

3、智能标注

无论是元素间,元素与边框间的距离标注,都只需要简单的拖、放,点、选就自动生成了。

通过智能标注得到的所有标注信息,都会随着您原始设计稿的变化而进行自动更新,省去了手动再调整一遍的成本。

间距标注

pxcook像素大厨

尺寸标注

pxcook像素大厨

内间距标注

pxcook像素大厨

文本样式标注

pxcook像素大厨

在Ps里有些用户习惯对图层使用颜色叠加来修改文本颜色,甚至文本图层外还会套着有颜色叠加的组。这些在PxCook中都不是问题,PxCook可以通过各种嵌套和颜色叠加关系,将最终的文本颜色解析并标注出来。

区域标注

pxcook像素大厨

4、单位转换

pxcook像素大厨

考虑到面向不同手机操作系统的设计师用到的单位不同,PxCook可以自动切换单位,所有标注都轻松同步更换~

5、数字手动更改

在保持真实尺寸不变的情况下,可改变显示的数值。以避免因为几像素的误差重新修改设计稿。

6、切图功能

切图功能需要远程连接ps,提供多种设备的切图输出,并可以对切片进行无损缩放。同时支持对图层样式的缩放。

pxcook像素大厨

7、自动备份

软件会对标注定时进行自动备份,以防止意外情况的发生,你可通过设置面板查找备份的存档地址。

其他~

还有很多值得期待,因为我们一直在迭代更新……

pxcook像素大厨

再次强调PxCook是一款免费的智能标注&切图软件。

如果您觉得PxCook还不错,记得也分享给身边的人

PxCook 切图教程

PxCook的切图功能需要Photoshop软件的支持,请使用官方完整安装版的Photoshop。

切图功能可以对任意平台的任意尺寸进行无损缩放,如你可以以@1x的设计稿同时输出@1x的原图@2x的二倍图以及@3x的三倍图,Android下同理。

当打开切图插件的时候,首先弹出的是下图,此时你需要切换到Photoshop中,通过编辑->远程连接,开启远程连接的支持。这里你只需要关注远程连接的密码,以及勾选“启用远程连接”即可。

点击下载PSD样例


回到我们的切图工具面板,输入你刚才输入的密码。点击开始使用,等待连接成功即可。

切图分为两种模式——选择切图和命名切图。我们先来看选择切图。

按选择切图

顾名思义是把你在Photoshop中选择的图层或图层组切出来的意思。

从上到下分为平台设置,尺寸显示,以及保存相关配置。

我们那iOS平台的切图 为例,如果你当前是以二倍尺寸进行设计的。那你的“设计”可以选择@2x选项,如果你想同时输出1倍2倍3倍三个尺寸的切图,你的“输出”可以把这三个选项全都勾选上。

修改尺寸中,我们可以限定每个切片的尺寸到一个固定的大小。

再往下看,如果不勾选“自动保存”,则会将切片分别作为一个新的psd文档打开。如果勾选,则会自动将切片保存到指定的目录。

如果勾选“保存并关闭”,会在保存切片的同时,关闭有切片生成的psd文档。再下面的“路径选择”和“输出格式”,这里就不做过多介绍了。

下面说一下设置面板:

逐层切图:如果勾选则会将所选的每个图层都切成单独的切片。否则,会将你选择的所有图层切到同一个切片中。

技巧:如果你有图层想按照自己制定的尺寸位置输出。你可以为该图层打个组同时在组内新建一个名为”@bounds”或“#”的图层,然后在其中绘制一个你希望尺寸的矩形。如下图:

此时会按照“@bounds”的尺寸来切这个选择组。

按命名切图

按命名切图是兼容旧版本切图命名的一种方式。命名规则如下:

切片命名:将你想输出的图层或图层组以.png或.jpg为后缀的名称命名之后,该图层或图层组就可以被PxCook软件识别了。

修改切图尺寸:如果你想要输出的切片跟图层实际尺寸不一致。只要将你的图层打成图层组,在组内创建一个新的图层,绘制一个你想要输出尺寸的矩形,并将图层的名称改为@bounds。PxCook便会将此图层组按照@bounds的尺寸进行切割了。

Retina双尺寸输出:当你采用2x或3x设计时,在想要输出的图层后面添加@2x或@3x,如demo@2x.png。可以在输出原尺寸切片的同时,再输出一张缩小相应比例的小尺寸图,并为图加上@1x的后缀。

单位转换

单位转换可以在主界面的顶栏进行设置。如下图所示:

该单位转换功能是作用于所有标注体的,切换的时候会将整个标注文档的单位全都改变。

Px即Web或PC标注单位。Dp即作为Android的标准单位。Pt作为iOS的标准单位。

右侧的分辨率,表示你设计稿对应的设备分辨率。拿iOS来距离,如果你是以iPhone6为目标设备而设计的1334px*750px的设计稿。那你右侧的分辨率需要选择@2x。 此时,你设计图中的2px将会以1pt的形式进行显示。

Android的标注也相同的道理,不再赘述。

pxcook像素大厨常见问题

1、智能标注功能适用于什么文件?

目前PxCook的智能标注适用于.psd文件和sketch画稿。.psd文件直接拖入PxCook即可开始智能标注。Sketch可通过下载插件,将设计稿导入到PxCook。

2、能直接生成自动标注吗?

可以。自动标注是在智能标注的基础上更进了一步——在pxcook中,只要拖拽psd或插件上传sketch,就可以在顶部选择开发模式后,点击图层元素,直接生成代码。生成的包括文字信息,尺寸间距,阴影渐变圆角等所有信息。随时可以通过设计稿查看前端代码。

3、为什么我的Ps设计稿拖入后会一片空白?

因为Ps没有在设计稿保存前勾选最大兼容模式,win和mac的最大兼容模式勾选方法如下:

Win:点击顶部菜单的编辑,找到首选项,在首选项弹窗内勾选最大兼容模式

Mac:点击顶部的Photoshop按钮,找到首选项,在首选项弹窗内勾选最大兼容模式

4、切图PxCook也支持吗?

标注切图,在PxCook里,一起搞定。

PxCook标注

5、怎么进行智能标注?

导入psd或sketch后,双击进入项目,再进入画板。在设计模式下,选择图层元素点击左侧智能标注图标按钮,或者在图层元素间拖拽即可进行智能标注。

6、dp px之间怎么切换?

在“我的项目”页,点中项目右上角的齿轮按钮后,再点“复制项目为新设备”即可复制(如ios单位复制出一套安卓的)一套标注。

7、怎么修改显示方式,如切换#Hex和RGB?

在画板列表页和标注页的顶栏有颜色模式的下拉选项。包括:#Hex(ARGB)、#Hex(RGB,A)、RGB,A和ARGB

8、怎么改标注颜色和字号?

在画板页和设计模式下,顶栏有字号设置,生成标注后可以修改颜色。如果找不到字号设置,可以最大化PxCook,就可以看到了。

9、为什么PxCook的标注尺寸和Ps总差一两个像素?

这是因为二者计算像素的方式不同,PxCook采用的方式更能在开发实现后还原设计稿,Ps则偏向平面设计了。我们可以改的和Ps相同,之前改后的反馈反而实现效果不好了,所以最后的效果还请设计师到研发处比对,看最终的效果是否和原设计稿相符。

10、设计模式和开发模式都是什么?  

设计模式下,设计师可以进行拖拽的“智能标注”,手动标出尺寸间距、文字信息等。 开发模式就是自动标注模式。在这一模式下,可以通过鼠标点击图层或元素,直接生成标注的值和代码。代码还可以一键复制。方便了设计师和程序员。 

11、为什么我的画板里显示“无关联源文件”?

这是因为本地文件的路径变了,此时只需点击画板列表图标右上角的“…”按钮,然后点重新关联源文件即可再次建立联系。

12、为什么在Ps中显示的字号大小与PxCook中显示的不一样?

请在Ps中进入到你的首选项,并请确认在首选项-单位与标注-单位 中,文字下拉栏选项为像素。

 

13、什么是项目?

项目是方便管理标注的一种文件夹类型。你可以把同一项目的设计稿放在一起(例如:QQ播放器_android版)。无论是psd,sketch,还是pxc标注文件,这些都可以整理到一个项目内。

14、什么是画板?

PxCook支持画板解析。画板是photoshop自CC 2015版开始支持的一种特殊类型的图层组(sketch一直支持)。设计师可以将多张画稿以多个画板的形式存储在一个视图里。当把含有画板的设计稿拖拽或上传到PxCook中时,可以自动分离解析。

PxCook切图

15、Ps切图为什么总(显示)连接不上? 有时密码对了还说我密码错误?

出现连接不上或密码显示错误时,往往是处在复杂的网络环境下,或设计工具是Ps的绿色版或破解版时。PxCook切图较为依赖Ps官方的接口支持。Ps的支持严苛,当出现公司IT配置的网络环境过于复杂时,或Ps版本过于小众绿色,都会出现连接不能的问题。请您重启网络设置、重启Ps或升级Ps后再试。

16、切图时,什么时候才需要用到Photoshop?

PxCook的切图功能会需要用到Photoshop,通过远程连接的方式来控制Photoshop进行切片分辨率转换和输出工作,通过这种方式输出的切片渲染效可以得到有效保证。并且PxCook可以在切不同设备的图时控制是否缩放图层样式等。

17、如何与Photoshop进行远程连接?

首先需要在Photoshop中开启远程连接(编辑->远程连接),勾选“启用远程连接”同时输入一个远程连接的密码,点击确认之后关闭面板。然后在PxCook中打开切图工具,输入相同的密码,点击连接之后即可。

18、切图的过程中我需要注意什么?

Photoshop应该使用官方完整安装版,因为绿色版等可能对部分功能进行了精简导致远程连接切图出现异常。另外Photoshop在运行脚本的时候由于本身机制问题可能会有极小概率出现异常,所以建议在切图之前保存你的psd文档。

19、切图时提示“没有用户切片”怎么办?

-创建任意一个空文件。

-保证没有任何切片存在。

-存储为web所用格式(任意图片格式都可以)。

-点击存储,确保底栏中切片的选项为:所有切片。

修复完成。

20、如何在切图的同时缩放图层样式?

在切图面板中,修改尺寸一栏的右侧可以看见一个设置按钮,点击会弹出下拉菜单,勾选住“缩放样式”选项即可。你勾选了该选项之后,在切不同分辨率的图时,PxCook会自动在缩放切片的同时缩放图层样式。

21、是否可以选中多个图层同时进行切图?

可以,但是要注意在Photoshop中shift加选组的时候,会同时选中组内的所有图层。所以在遇见需要整体切的图层组时候,建议用ctrl加选。

22、切图过程中,如何限制切片的尺寸?

如果你想要输出的切片跟图层实际尺寸不一致。只要将你的图层打成图层组,在组内创建一个新的图层,绘制一个你想要输出尺寸的矩形,并将图层的名称改为"@bounds"或"#"。PxCook便会将此图层组按照该图层的尺寸进行切割了。

更新日志

v3.8.6

更新日期:2019年3月10日

优化

优化:新用户引导的优化。

优化:设计稿中重叠的元素不易选择的问题。

优化:体验细节若干。

修复

修复:从切图面板切换回主窗体后,当前画板内容消失的bug。

精品软件

下载地址

  • PC版
下载错误?【投诉报错】

pxcook像素大厨v3.8.2 官方版

高速下载

    大家都喜欢

    用户评论

    (已有条评论)
    返回顶部
    返回顶部
    118kj开奖现场