前言

高效的設計稿標注及測量工具Markman介紹。最近有個煩惱是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的免費版本。<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwPjxpbWcgYWx0PQ=="這裡寫圖片描述" src="/uploadfile/Collfiles/20161209/20161209093941374.jpg" title="\" />

文件名為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程序，如下圖所示：

點擊【是】按鈕，之後就打開了剛才復制的圖片，如下圖所示：

如下所示，就可以輕松的對該圖片進行標注和測量了。

---

作者：歐陽鵬 歡迎轉載，與人分享是進步的源泉！
轉載請保留原文地址：
http://blog.csdn.net/ouyang_peng/article/details/53526830