UI设计图的标注工具大比拼joekychen

作为一名在乎设计的前端程序，电脑里备着诸如PS啊AI啊Sketch之类的是一件很平常的事情，方便与设计稿进行对比啊（方便偷偷修改下设计稿，对个像素改个尺寸什么的，哈哈--哈--……）

当然，这些不是今天主要想说，今天主要想结合自己实际工作和历史积累的小小对比成果说下目前市面上的一些标注工具的优缺点好坏：

PxCook:（我的评价：4.5星）

先说我用过还不错的标注工具，也是我目前在用的工具。操作形式和MarkMan有些许相似，不过交互体验上高出了一个档次。主要表现在支持智能的拖放标注，移动设备单位切换等方面上。并且它是为数不多的PS和Sketch都支持的标注工具。

（所有的对比中，我都尽可能使用同样的图来说明效果。）

优点：

对于应用了图层样式的图层而言，它会忽略图层样式的尺寸，比较符合我们开发人员思路。

对于应用了颜色叠加的文本，标注时候，颜色值首先是正确的。

对于应用了颜色叠加，同时嵌套了组也对组应用了颜色叠加的文本标注颜色值也是正确的，以上两点很重要，因为我发现很多设计师喜欢通过这种方式来修改文本颜色。

缺点：

价格：

免费

AssistorPS:（我的评价：3星）

韩国推出的一款综合类设计辅助工具。其中也提供了标注功能。其流程为通过控制PS进行标注，类似于插件但并非插件。可谓开创了自动标注的先河，基本操作就是通过先选中图层，然后在插件面板中点击生成标注，标注会以一个新的图层的方式存在在你的设计稿中。只不过该软件已许久不在更新和维护了。

l缺点：

对于这种带有混合模式以及透明度的颜色叠加的文本进行标注时，颜色值取值不正确。最终结果应该是黑色，但是标注结果却是红色。

对于嵌套了组，同时对组也应用了颜色叠加之后，的文本标注取值也不对。最终结果应该是绿色，标注结果也变成了红色。

由于公司被收购，从100usd/年变免费。（兴致勃勃的下载后，然后发现也就是及格吧--）

标你妹啊：（我的评价：3.5星）

对于进行了颜色叠加的文本，得到的颜色值是错误的。

外面如果再嵌套了一个组，得到的颜色就错的更加离谱了。

MarkMan：（我的评价2.5星）

MarkMan是我最早接触过的标注工具，那时候标注需要的不多，作为一个可以为所有图片格式提供通用标注的软件来讲，MarkMan是个不错的选择，早期版本中是不支持移动端单位的，不过大概在几年前吧，他们加入了单位切换。问题在于，交互。他们后来加入的所有功能都放在了右键菜单里，用起来并不是那么方便，不过作为元老级产品，MarkMan是很赞的。直到他们把免费版变为了收费版后，就没见他们怎么更新过了。

60rmb每年

Dorado：（我的评价：2星）

Dorado是后来腾讯出的一个标注工具，这个应该是继MarkMan之后一个同样在当时比较方便的标注工具了，好像和MarkMan之间有一段小风波。不过我们不讨论它，单纯客观来评价这个软件。他基本功能和MarkMan差不多，但是他的体积非常的小。