前言

最近有个烦恼是UI设计师可能太忙了，经常给出的UI设计稿中有很多地方都没有标注，比如长度和颜色值等。这个时候每次都要通过RTX来联系UI设计师或者直接跑到UI设计师面前，喊他重新标注一下，特别影响工作效率。

然而我对PS不熟练，又不想每次都去找UI设计师重新标注，只能自力更生，因此我想有没有能够高效地对设计稿标注及测量工具呢？

通过百度搜索到一款名为Markman的工具，能够高效地对设计稿标注和测量，下面我就把这款工具推荐给你们。

一、Markman介绍

Markman 是一款高效的设计稿标注、测量工具，是一款既有爱又给力的长度标注神器！设计师、重构、前端工程师必备。Markman 是基于AdobeAIR平台的方便高效的标注工具，可方便地为设计稿添加标记，极大节省设计师在设计稿上添加和修改标注的时间。Markman 使用起来也是非常简单，双击添加测量，单击改变横纵方向等等功能，基本都是一键完成。下面来介绍Markman的几个核心功能。

1、长度标记

2、坐标和矩形标记

3、色值标记

4、文字标记

5、长度自动测量

6、标记拖拽删除

7、支持多种图片格式

支持PSD（需用最大兼容保存）、PNG、BMP、JPG格式

8、设计稿自动刷新

在标注的过程中，如果设计稿在被修改和保存了，马克鳗会自动重新载入设计稿，让设计和标注同步进行

9、定制标记样式

在标记和空白处，点右键，会出现定制样式的菜单，可以修改标注的：颜色、大小、色值格式等

10、支持Retina@2x图

对于文件名末尾是@2x的图，会自动缩小50%加载，以便测量出来的长度不会被x2

作者：欧阳鹏欢迎转载，与人分享是进步的源泉！

转载请保留原文地址：

http://blog.csdn.net/ouyang_peng/article/details/53526830

二、Markman下载与安装

1、下载Markman.air安装包

1、进如Markman官网 http://www.getmarkman.com/进行下载，如下图所示：

点击【下载】按钮，下载Markman的免费版本。

文件名为MarkMan.air，该文件运行的话需要Adobe Air环境。

2、下载Adobe AIR安装包

下载 Adobe AIR环境

3、安装Adobe AIR

下载完Adobe AIR安装文件后，自动弹出下图所示的安装提示框，点击【我同意】进行安装

安装成功后，如下图所示，点击【完成】

4、安装Markman

安装好Adobe AIR之后，Markman.air自动变成如下所示：

双击Markman.air文件之后，弹出如下所示的安装提示框：

点击【安装】按钮，进行Markman的安装，如下所示：

如上图所示，选择好安装位置之后，点击【继续】按钮继续安装。

5、使用Markman

安装好之后，会自动运行Markman程序，如下图所示：

这个时候我们就可以直接拖入文件，或者复制文件之后直接按Ctrl+V快捷键粘贴进Markman程序，如下图所示：

点击【是】按钮，之后就打开了刚才复制的图片，如下图所示：

如下所示，就可以轻松的对该图片进行标注和测量了。