0. 功能简介
先描述一个这样的场景：一个团队用PS来设计UI。完成后，先把最终效果发出来，然后用工具在设计稿上标注各个部分的大小、距离、颜色和字体等。切好贴图，通过svn之类交给开发。
这个场景中存在的问题：
- 上述在设计稿上所标注的信息，基本上，.psd文件中已经有这些信息了。只是你所用的工具选择了先将它导出或转换成png，再由设计师在这张png上做标注。
-
有些工具还支持自动测算距离。像两行文字这种，没有明显边界，会不精确
没有明显边界 - 字体和切图是没法从一张位图中测算出来的，因为在转换成位图时已经丢掉了，通常是设计师手工加上去的。
- 浪费设计师的时间。
- 很多团队的设计师都很忙，有时候还没时间给开发出标尺，让开发先做着，等设计师有空了，再提供标尺，然后开发再修改。等于做了一遍，又改了一遍。
- 你这里怎么又没标？增加沟通成本
-
作为开发，当你在一堆切图里找你要的切图：
你懂我在说什么，这个列表还有十倍长
解决这些问题的工具在这里：NoMark
1. 打开
浏览文件，或通过历史记录来打开
2. 图层属性
点击图层，会显示大小
移动到其他图层上，显示与选中图层的距离
大小和距离的数值和单位跟选择的Mockup Scale有关。通过右上角设置后面会解释
右侧显示选中图层的属性，文本则显示字体信息，非文本则显示大小和导出选项
3. 导出
- 如何导出跟导出设置、选中的Mockup Scale有关。
- 默认导出（包括拖放到XCode或Finder）文件名为选中的图层名称，可以修改。再加上后缀，如：iOS的@2x,@3x
4. Mockup Scale
Mockup Scale是指当前打开的这张设计稿的缩放。
我们举例来理解：
设计稿750x1334，头像大小为110像素x110像素。Mockup Scale选择iOS @2x，则显示为55pt x 55pt。如果导出设置是同时导出@1x、@2x和@3x，则导出结果分别为别为 头像.png(55像素x55像素)，头像@2x.png(110像素x110像素)，头像@3x.png(165像素x165像素)。你会留意到，头像@2x.png的分辨率和它在设计稿上的分辨率一样是 110像素x110像素。这是因为你设置了这张设计稿的缩放为@2x，其它大小都是以这个为标准来计算。同理，如果Mock Scale选择iOS@3x，那那么头像@3x.png为110像素x110像素。
把头像放在界面上，假设不设置约束（Constraint），最终显示为55pt，在@2x屏上显示为110像素。假设所有的距离和大小都按这个原则，那么开发这边垒出来的界面，最终界面在iPhone 6上截屏（同样为750x1334）与设计稿一模一样。也可以理解为：把设计稿放在iPhone 6上显示，即为界面最终效果。大多数情况下，这就是你要的。
当然这只是参考原则，你可以有不一样的策略。
一个建议是，设计师用的手机是多大分辨率，就用多大分辨率来做设计稿，比如用iPhone 6就用750 x 1334 像素来做。这样的好处是，你用你的手机全屏查看你的设计，即为最终效果。相当于你可以实时看到你的设计最终效果。减少最终在设备上渲染出来，这里字体太大，哪里又太小啦看不见。当然，按你的设计最终在小屏上能不能显示得了，在更大屏上又是怎样，这就要靠一些你的经验判断了。开发这边，打开之后选择Mockup Scale为@2x，NoMark会记住你的选择。
5. 其他
像取色这种功能，自己尝试一下吧
