推荐一款UI设计师的标注切图的利器

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了推荐一款UI设计师的标注切图的利器相关的知识,希望对你有一定的参考价值。

有请PxCook 像素大厨闪亮登场!!!

技术分享

 

PxCook 像素大厨可以将标注和切图完美的结合起来,一起搞定!

也许你知道这款软件,但是肯定有不知道的小伙伴们,那么下面就让我给大家介绍下:

1.手动标注:PxCook支持多种图像格式(psd,png,bmp,jpg等)的读取,并可手动创建距离、区域、颜色、文本、坐标点等标注。

2.智能标注:提供PSD文件解析与Sketch插件支持,自动识别各图层尺寸及文本样式等,标注更快捷!

3.自动吸附:标注过程中可以针对图像内突出颜色进行自动吸附。

4.软件设置:在设置面板中可以进行如:标注字号、标注自动对齐、滚轮、即数字精确度等设置。

5.定制标注样式:可以定制每个标注的颜色,标签位置等样式。

6.颜色模式设置:目前支持#Hex, argb, rgba三种颜色模式。

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

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

9.Px Dp Pt单位转换:标注单位一键转换,减轻设计师计算负担。

10.数字随便改:所有尺寸数值都可手动更改,自由度Max。

11.psd快速切图:连接PS切图,可同时输出多种设备,切图更精准!

12.切图功能:提供多种设备的切图输出,并可以对切片进行无损缩放。同时支持对图层样式的缩放。

不过所有事物都有不完美的地方,PxCook 像素大厨的不完美地方就是:

1.目前PxCook的智能标注适用于psd文件

2.PxCook的切图功能会需要用到Photoshop,通过远程连接的方式来控制Photoshop进行切片分辨率转换和输出工作。

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

重要提示: 安装软件之前务必下载Adobe AIR程序 

推荐下载地址:http://www.fancynode.com.cn/pxcook

以上是关于推荐一款UI设计师的标注切图的利器的主要内容,如果未能解决你的问题,请参考以下文章

怎么把ios 适配安卓 标注和 切图

Sketch切图的正确姿势

Assistor PS切图

怎样添加 android 1920 * 1080 ui

APP UI设计及切图规范

UI设计之——切图规范