且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-10-09 15:42:47

前言

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

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

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

一、Markman介绍

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

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

1、长度标记

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

2、坐标和矩形标记

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

3、色值标记

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

4、文字标记

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

5、长度自动测量

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

6、标记拖拽删除

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

7、支持多种图片格式

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

8、设计稿自动刷新

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

9、定制标记样式

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

10、支持Retina@2x图

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


作者:欧阳鹏 欢迎转载,与人分享是进步的源泉!
转载请保留原文地址:
http://blog.csdn.net/ouyang_peng/article/details/53526830

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


二、Markman下载与安装

1、下载Markman.air安装包

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

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

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

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

文件名为MarkMan.air,该文件运行的话需要Adobe Air环境。
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍

2、下载Adobe AIR安装包

下载 Adobe AIR环境
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍

3、安装Adobe AIR

下载完Adobe AIR安装文件后,自动弹出下图所示的安装提示框,点击【我同意】进行安装
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍

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

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

4、安装Markman

安装好Adobe AIR之后,Markman.air自动变成如下所示:
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍

双击Markman.air文件之后,弹出如下所示的安装提示框:
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍

点击【安装】按钮,进行Markman的安装,如下所示:
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍
如上图所示,选择好安装位置之后,点击【继续】按钮继续安装。

5、使用Markman

安装好之后,会自动运行Markman程序,如下图所示:
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍

这个时候我们就可以直接拖入文件,或者复制文件之后直接按Ctrl+V快捷键粘贴进Markman程序,如下图所示:
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍
点击【是】按钮,之后就打开了刚才复制的图片,如下图所示:
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍

如下所示,就可以轻松的对该图片进行标注和测量了。
【我的Android进阶之旅】 高效的设计稿标注及测量工具Markman介绍


作者:欧阳鹏 欢迎转载,与人分享是进步的源泉!
转载请保留原文地址:
http://blog.csdn.net/ouyang_peng/article/details/53526830

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