UI设计图的标注工具大比拼
UI设计图标注工具大比拼
作为一名在乎设计的前端程序，电脑里备着诸如PS啊AI啊Sketch之类的是一件很平常的事情，方便与设计稿进行对比啊（方便偷偷修改下设计稿，对个像素改个尺寸什么的，哈哈- -哈- -……）
当然，这些不是今天主要想说，今天主要想结合自己实际工作和历史积累的小小对比成果说下目前市面上的一些标注工具的优缺点好坏：
PxCook:（我的评价：4.5星）
先说我用过还不错的标注工具，也是我目前在用的工具。操作形式和MarkMan有些许相似，不过交互体验上高出了一个档次。主要表现在支持智能的拖放标注，移动设备单位切换等方面上。并且它是为数不多的PS和Sketch都支持的标注工具。
（所有的对比中，我都尽可能使用同样的图来说明效果。）
优点：
- 成熟：跨平台——支持Windows和Mac
- 成熟2：支持PS和Sketch。
- 交互特别智能，也方便，一拖一放就标注完了。
- 相当需要说的一点：对于PSD文件或者Sketch进行了修改之后，PxCook里的标注会自动进行更新，免除了手动操作的过程。这是后面很多软件没有的。
- 支持移动设备的多单位切换。
对于应用了图层样式的图层而言，它会忽略图层样式的尺寸，比较符合我们开发人员思路。
对于应用了颜色叠加的文本，标注时候，颜色值首先是正确的。
对于应用了颜色叠加，同时嵌套了组也对组应用了颜色叠加的文本标注颜色值也是正确的，以上两点很重要，因为我发现很多设计师喜欢通过这种方式来修改文本颜色。
缺点：
- 不能支持多个文件同时进行标注。
- 对于图层样式等信息，不能进行详细查看。
价格：
免费
Assistor PS:（我的评价：3星）
韩国推出的一款综合类设计辅助工具。其中也提供了标注功能。其流程为通过控制PS进行标注，类似于插件但并非插件。可谓开创了自动标注的先河，基本操作就是通过先选中图层，然后在插件面板中点击生成标注，标注会以一个新的图层的方式存在在你的设计稿中。只不过该软件已许久不在更新和维护了。
优点：
- 较为智能，不用手动去对像素了。
- 支持字体等标注，以及支持基本的颜色叠加识别。
- 支持Windows和Mac。
l 缺点：
- 仅支持PS。
- 对标注图层的设定有些欠妥：生成的标注是单独的图层，管理起来不方便；可以对同一个图层点击多次标注，这样就创建了多个相同的标注图层……
- 不能同步更改，如果设计稿改了，那标注改起来很不方便，先要找到对应的标注图层删掉，然后再重新标注。
- 速度慢（运算速度），比如我点一下标注，在PS里需要算几秒才能标出一个距离。
- 会把图层的效果（比如投影等）也算到尺寸里？！在大多数情景下感觉似乎不太符合开发人员的思路。
对于这种带有混合模式以及透明度的颜色叠加的文本进行标注时，颜色值取值不正确。最终结果应该是黑色，但是标注结果却是红色。
对于嵌套了组，同时对组也应用了颜色叠加之后，的文本标注取值也不对。最终结果应该是绿色，标注结果也变成了红色。
价格：
由于公司被收购，从100usd/年变免费。（兴致勃勃的下载后，然后发现也就是及格吧- -）
标你妹啊：（我的评价：3.5星）
这是一款在线的非标注工具，更适合开发人员，可以及时动态看到设计稿的相关标注信息，只需要把PSD上传上去即可，它会在服务器上去分析你的PSD然后提供和标注相关的数据。
优点：
- 交互方式更加流畅和直观，操作响应程度很快。
- 对于移动单位标注的切换更加直观和方便。
- 对于应用了图层样式的图层而言，它会忽略图层样式的尺寸，比较符合开发人员思路。
缺点：
- 安全的担心：需要上传PSD文件，对于一部分人和公司，文件的保密性可能是不能逾越的鸿沟，同时对PSD文件体积有限制。
- 只支持PSD文件。
- 上传受到网速限制，那些大文件真是要很久啊，不太符合国情。
- 有bug：对于一部分psd文件无法正常解析。
对于进行了颜色叠加的文本，得到的颜色值是错误的。
外面如果再嵌套了一个组，得到的颜色就错的更加离谱了。
价格：
免费
MarkMan：（我的评价2.5星）
MarkMan是我最早接触过的标注工具，那时候标注需要的不多，作为一个可以为所有图片格式提供通用标注的软件来讲，MarkMan是个不错的选择，早期版本中是不支持移动端单位的，不过大概在几年前吧，他们加入了单位切换。问题在于，交互。他们后来加入的所有功能都放在了右键菜单里，用起来并不是那么方便，不过作为元老级产品，MarkMan是很赞的。直到他们把免费版变为了收费版后，就没见他们怎么更新过了。
优点：
- 入场比较早，做得比较早？
- 为常见图片格式提供通用基本的标注，满足基本需求
缺点：
- 标注方式不智能，只能说是满足基本需求
- 部分功能（比如单位切换）在右键菜单里，很不方便，交互不够简洁明了。
价格：
60rmb每年
Dorado：（我的评价：2星）
Dorado是后来腾讯出的一个标注工具，这个应该是继MarkMan之后一个同样在当时比较方便的标注工具了，好像和MarkMan之间有一段小风波。不过我们不讨论它，单纯客观来评价这个软件。他基本功能和MarkMan差不多，但是他的体积非常的小。
优点：
- 为常见图片格式提供通用基本的标注，满足基本需求
- 体积小巧，只有几百K，而且是绿色的不用安装。
- 支持的图像格式更多。
缺点：
- 只有Windows版本，没有Mac版本。
- 还是标注方式不够智能，仅满足基本需求
价格：
免费
Parker：（我的评价：2.星）
Parker是以插件形式进行辅助标注的工具。支持PS和Sketch，要分别为两个工具去单独安装插件Parker插件。基本操作与Assistor PS特别像，甚至连一些Bug和处理也一样[Microsof1] ，详见如下文中提到的缺点。
优点：
- 满足基本标注需求。
- 较为智能，不用手动去对像素了。
- 支持字体等标注，以及支持基本的颜色叠加识别。
缺点：
- 生成的标注是单独的图层，管理起来并不方便，并且可以对同一个图层点击多次标注，这样就创建了多个相同的标注图层。
- 如果设计稿修改了，那标注修改起来不方便，先要找到对应的标注图层删掉，然后在重新标注。
- 运算速度较慢，比如点一下标注，在PS里需要算几秒才能标出一个尺寸。
- 会把图层的效果（比如投影等）也算到尺寸里，感觉不太符合大多数开发情景。
对于这种带有混合模式以及透明度的颜色叠加的文本进行标注时，颜色值取值不正确。最终结果应该是黑色，但是标注结果却是红色。
对于嵌套了组，同时对组也应用了颜色叠加之后，的文本标注取值也不对。最终结果应该是绿色，标注结果也变成了红色。
价格：
60rmb一次性付费。
UI设计图的标注工具大比拼相关推荐
- 分享一个神器，我们前端再也不怕UI设计图不标注了
2019独角兽企业重金招聘Python工程师标准>>> 做前端,我们得和后台打交道,得和UI打交道.我们做怕的是 UI 设计稿缺少标注,那么我们得画大把时间去自己动手!!!当然不可以 ...
- android APP UI设计图标注、换算
作为一名 Androider,能遇到一个优雅的设计屎也得靠运气.唉,说多了都是泪啊. 狼哥特地贴上一篇关于UI设计的文章,你可以拿去BS你们的设计屎了. -------------- 众所周知,对追求 ...
- android 标注 比例换算,android APP UI设计图标注、换算
作为一名 Androider,能遇到一个优雅的设计屎也得靠运气.唉,说多了都是泪啊. 狼哥特地贴上一篇关于UI设计的文章,你可以拿去BS你们的设计屎了. -------------- 众所周知,对追求 ...
- 像素大厨标注如何导出Html,每个设计师都在用的UI标注工具UI切图软件——PxCook像素大厨...
PxCook(像素大厨)是面向设计师的一款免费.交互流畅.全平台支持的标注切图工具软件.它支持对PS.Sketch设计元素尺寸.元素距离.文本样式.颜色的智能标注,支持智能切图. 以下,就会着重展示P ...
- 4款UI智能标注工具真实测评-有态度的测评
小编用同一张图的标注结果,测评一下当前市面上的各种智能标注工具,及其优缺点. UI智能标注工具哪个好用?这样的疑问通常源于以下几个场景: 懒,不想一个个试: 忙,没时间一个个试: 白,无从下爪: 对目 ...
- android 尺寸转换工具,Android APP界面标注、尺寸换算和APP标注工具
今天25学堂跟大家来聊一聊 Android APP标注尺寸入门教程和app标注工具. 众所周知,对追求高还原的移动APP产品来说,移动APP设计稿上的精确尺寸标记是必不可少的的一步.很多设计师都抱怨A ...
- android 标注 比例换算,Android APP界面标注、尺寸换算和APP标注工具
众所周知,对追求高还原的移动APP产品来说,移动APP设计稿上的精确尺寸标记是必不可少的的一步.很多设计师都抱怨APP程序员做的效果太差,跟设计图相差太多,你有没有提供最规范的Android APP界 ...
- 怎样构建中文文本标注工具?（附工具、代码、论文等资源）
来源:Paperweekly 本文长度为2218字,建议阅读4分钟 本文为你介绍中文文本标注工具的构建方法,并提供多个开源文本标注工具. 项目地址: https://github.com/crownp ...
- labelme数据增强_NO. 21 标注工具 amp; 合成数据生成工具
[VGG Image Annotator ( VIA )] 简介:快速.轻便.设计精良,但功能有限 网址:http://www.robots.ox.ac.uk/~vgg/software/via/ [ ...
最新文章
- python打包成exe可执行文件指定进程名字
- Install vsftpd on centos
- 统计分组的原则是要体现什么_什么样的卖场原则更能体现商业设计的价值!
- 计算机考研：计算机操作系统知识点复习
- yarn install 遇到的错误消息 - Error EPERM operation not permitted, open .yarnrc
- int android.support.v7.widget.RecyclerView$ViewHolder.mItemViewType' on a null.....
- python paramiko长连接_【Python】 SSH连接的paramiko
- np.radians_带有Python示例的math.radians（）方法
- 视频人脸检测——Dlib版（六）
- 方法的直接调用，反射调用与……Lambda表达式调用
- linux 文件读写 加速,MMAP文件加速读写小技俩
- envi linux 安装教程,Ubuntu下普通用户安装ENVI 4.8
- iOS- 利用UIImageView自己整了个不会说话的汤姆猫
- Android开发技术学习之下拉刷新功能的实现
- python删除指定元素 多个_Python List remove（）删除多个元素
- docker单主机网络类型
- 四旋翼飞行器4——四旋翼飞行器的硬件设计（还未完）
- uefl计算机mbr分区方案,免重装系统 手把手教你MBR转GPT分区表-电脑教程
- ZOJ 3587 Marlon#39;s String 扩展KMP
- 关于Qt信号槽的一些小坑