前言

最近有个烦恼是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

【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍的更多相关文章

  1. [置顶] 我的Android进阶之旅------>介绍一款集录制与剪辑为一体的屏幕GIF 动画制作工具 GifCam

    由于上一篇文章:我的Android进阶之旅------>Android之动画之Frame Animation实例 中展示的是Frame动画效果,但是之前我是将图片截取下来,不好说明确切的动画过程 ...

  2. 我的Android进阶之旅------> Android在TextView中显示图片方法

    面试题:请说出Android SDK支持哪些方式显示富文本信息(不同颜色.大小.并包括图像的文本信息).并简要说明实现方法. 答案:Android SDK支持例如以下显示富文本信息的方式. 1.使用T ...

  3. 【我的Android进阶之旅】推荐一款视频转换GIF图片格式的转换工具(Video to GIF)

    一.背景 最近想把一些Android Demo的运行效果图获取下来,但是一直使用真机进行调试,在电脑上不好截取一段gif动画.而之前使用模拟器的时候可以使用 GifCam 工具进行屏幕动画截取.Gif ...

  4. 我的Android进阶之旅------>Android字符串资源中的单引號问题error: Apostrophe not preceded by 的解决的方法

    刚刚在string字符串资源文件里,写了一个单引號.报错了,错误代码例如以下 error: Apostrophe not preceded by \ (in OuyangPeng's blog ) 资 ...

  5. 我的Android进阶之旅------>Android颜色值(#AARRGGBB)透明度百分比和十六进制对应关系以及计算方法

    我的Android进阶之旅-->Android颜色值(RGB)所支持的四种常见形式 透明度百分比和十六进制对应关系表格 透明度 十六进制 100% FF 99% FC 98% FA 97% F7 ...

  6. 我的Android进阶之旅------>解决Jackson等第三方转换Json的开发包在开启混淆后转换的实体类数据都是null的bug

    1.错误描述 今天测试人员提了一个bug,说使用我们的app出现了闪退的bug,后来通过debug断点调试,发现我们的app转换服务器发送过来的json数据后,都是为null.而之前已经提测快一个月的 ...

  7. 我的Android进阶之旅------>关于android:layout_weight属性的详细解析

    关于androidlayout_weight属性的详细解析 效果一 效果二 图3的布局代码 图4的布局代码 效果三 图7代码 图8代码 效果四 效果五 版权声明:本文为[欧阳鹏]原创文章,欢迎转载,转 ...

  8. 我的Android进阶之旅------>如何解决Android 5.0中出现的警告: Service Intent must be explicit:

    我的Android进阶之旅-->如何解决Android 5.0中出现的警告: java.lang.IllegalArgumentException: Service Intent must be ...

  9. 我的Android进阶之旅------>Java字符串格式化方法String.format()格式化float型时小数点变成逗号问题

    今天接到一个波兰的客户说有个APP在英文状态下一切运行正常,但是当系统语言切换到波兰语言的时候,程序奔溃了.好吧,又是我来维护. 好吧,先把系统语言切换到波兰语,切换到波兰语的方法查看文章 我的And ...

随机推荐

  1. linux kvm 的虚拟机处于暂停状态怎么开机 和 KVM-Virsh指令

    [root@ok home]# virsh list Id Name State ---------------------------------------------------- 13svn ...

  2. ubuntu下记录所有用户的登录和操作日志

    一般我们可以用history命令来查看当前用户的操作记录,但是这个命令不能记录是所有用户登录操作的,也不能记录详细的操作时间,且不完整:所以误操作而造成重要的数据丢失,就很难查到是谁操作导致的. 在这 ...

  3. 基于numpy的随机数构造

    class numpy.random.RandomState(seed=None) RandomState 是一个基于Mersenne Twister算法的伪随机数生成类 RandomState 包含 ...

  4. Macbook小问题

    Macbook小问题 有时候 AppStore 和 Safari,QQ等 无法上网,但 chrome 却是正常的.解决办法:终端输入如下命令,其实是在 kill 掉网卡进程. sudo killall ...

  5. CCNA2.0笔记_IP连接排错

    IPv4 路由排错 ping tracert traceroute telnet show mac address-table show interfaces fastEthernet 0/1 sho ...

  6. Jquery学习笔记(6)--jquery中attr和prop的区别【精辟】

    jquery中attr和prop的区别 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很 ...

  7. (译)Getting Started——1.3.2 Using Design Patterns(使用设计模式)

    设计模式解决了一个常见的软件工程学问题.模式不是编码,它是抽象的设计.它用于帮助开发者定义数据模型的结构和应用的交互.如果你采用了某种设计模式,你需要把它的一般形式适配到你特殊的需求上.不论你的应用是 ...

  8. ubuntu qt5 error: Unknown module(s) in QT: webkitwidgets解决办法

    question: project-error-unknown-modules-in-qt-webkitwidgets-webkit os: ubuntu16.04 LTS-32bit qmake v ...

  9. git clone ....git

    [root@st153 git_test3]# git clone git@gitlab.gaobo.com:root/pythontest1.gitCloning into 'pythontest1 ...

  10. SWT将系统图标保存为本地文件

    public class SWTImage {     public static void main(String[] args) {         final Display display = ...