马克鳗（美术设计稿标注工具）

下载地址：http://www.getmarkman.com/

使用它可以方便的输出美术设计稿上标注相应界面元素的大小，颜色，边距，说明等。个人感觉非常棒

核心功能

  • 长度标记


  • 坐标和矩形标记


  • 色值标记


  • 文字标记

贴心功能

  • 长度自动测量

  • 标记拖拽删除

  • 支持多种图片格式

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

  • 设计稿自动刷新

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

  • 定制标记样式

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

  • 支持[email protected]图

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

版权声明：本文为博主原创文章，未经博主允许不得转载。

时间： 2024-10-10 08:22:20

马克鳗（美术设计稿标注工具）的相关文章

从网易与淘宝的font-size思考前端设计稿与工作流

1. 问题的引出 最近阅读白树的博文<移动web资源整理>时,他在博文中有一段指出,如果html5要适应各种分辨率的移动设备,应该使用rem这样的尺寸单位,同时给出了一段针对各个分辨率范围在html上设置font-size的代码: html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}} @media screen and (min-width:376

从网易与淘宝的font-size思考前端设计稿与工作流 (转)

从网易与淘宝的font-size思考前端设计稿与工作流 阅读目录 1. 问题的引出 2. 简单问题简单解决 3. 网易的做法 4. 淘宝的做法 5. 比较网易与淘宝的做法 6. 如何与设计协作 7. 总结 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:). 1. 问题的引出 最近阅读白树的博文<移动web资源整理>时,他在博文中有一段指出

[转载]从网易与淘宝的font-size思考前端设计稿与工作流

原文地址:http://www.cnblogs.com/lyzg/p/4877277.html 原文作者:流云诸葛 阅读目录 1. 问题的引出 2. 简单问题简单解决 3. 网易的做法 4. 淘宝的做法 5. 比较网易与淘宝的做法 6. 如何与设计协作 7. 总结 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:). 1. 问题的引出 最近阅

前端标注工具标你妹啊与马克鳗小对比

前端标注设计图的工具我用的并不多,刚开始搬砖的时候就是个啥也不知道的囧·雪诺,看公司里的前辈用的是qq截图,有时候直接打开PSD文件.作为一个数字记忆盲[行数255我可以转眼记错跳转到522],让我记住这种瞬间的数据我实在做不到. 知乎一下后我发现了马克鳗这个神器,英文名Mark Man,官网http://www.getmarkman.com/.对于收费这个事情国内人才辈出你懂得,不过最好支持一下正版啦. 用马克鳗也差不多一年了,说说它的优势:打开设计图速度快,可以标记宽高坐标以及颜色,支持多种

PxCook 点击设计稿即可生成代码前端，高效智能的设计研发工具，智能标注软件。

版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] PxCook 像素大厨 设计师一键拖拽上传后,可智能标注.然后程序员点击pxcp即可生成css xml swift objective-c还有NativeReact的代码了.支持画板解析.项目 字多不看的话 (走心要听: 这次3.0版本相比于之前更加高效,易用.支持 Win & Mac ,并且是支持PS和Sketch全平台. 拖拽即用和一键流的理念我想都明白它易用性的含义.不但体现在设计稿导入上,智能标注和生成代码也是一样.

MarkMan – 马克鳗，让设计更有爱！

scavin(Google+) on 2010.11.16. MarkMan – 马克鳗 是一款方便高效的标注工具,极大节省设计师在设计稿上添加和修改标注的时间,让设计更有爱.Adobe AIR 平台.@Appinn 感谢微博好友 @Stonehe 同学给@小众软件推荐了 MarkMan 这款很有爱的设计辅助软件. 一张标注了间距和长度的设计稿,才是有爱的设计稿.想做有爱的设计师,又想摆脱人肉标注的重体力劳动吗? MarkMan – 马克鳗 可以很方便的为设计稿添加标记,双击.滚轮.拖动… 推荐

苹果如何实现一份设计稿支持多个尺寸?

本文转载至 http://www.a.com.cn/info/gc/2014/1027/277775.html 随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是来了,移动设计全面进入“杂屏”时代. 移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿.随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是来了,移动设计全面进入“杂屏”时代.看看下面

一款APP从设计稿到切图过程全方位揭秘 Mark

纯干货!一款APP从设计稿到切图过程全方位揭秘 @BAT_LCK:我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不同,流程不尽相同,但是终究还是能有些帮助. 依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用.另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~ 这里我们只说IOS系统下的设计,至于Android,因为尺寸

转【iOS设计】一款APP从设计稿到切图过程概述

这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱.1 Part 1 项目立项 文件结构 项目名称v1.0 -> 01_源文件psd 02_效果图jpg 03_标注图png 04_标注源文件 05_切片资源png 原型.rar 工具: 界面设计:PS, AI 标注:PxCo