前言
最近有个烦恼是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程序,如下图所示:
点击【是】按钮,之后就打开了刚才复制的图片,如下图所示:
如下所示,就可以轻松的对该图片进行标注和测量了。
作者:欧阳鹏 欢迎转载,与人分享是进步的源泉!
转载请保留原文地址:
http://blog.csdn.net/ouyang_peng/article/details/53526830