xScope精确度量工具介绍

一、xScope简介

这是一款Mac平台的设计精确度量工具，专门为设计师和开发人员创建的一套功能强大的工具，能够检查和测试屏幕上的图形和布局。能够帮助每个设计者快速，精确的完成工作，度量距离，角度的标尺，放大镜，精确垂直，水平标记辅助线，精确阔度，包含以下十个工具：

xScope

• Mirro(镜像)
• Text(文本)
• Dimensions(尺寸)
• Ruler(尺子)
• Overlay(覆盖)
• Screens(屏幕)
• Loupe(放大镜)
• Guides(指南)
• Frames(框架)
• Crosshair(十字)

二、功能详解

1.Mirro镜像

Mirro镜像

在Mac上使用这个功能时，可以轻松地在iOS和Apple Watch上查看您的设计和应用程序
这个功能需要从App Store下载配套应用程序才能完成(对开发人员用处不大)

2.Text文本

Text文本

可以使用这个工具来搜索，检查和格式化开发中的字符(感觉对开发人员来说并没什么卵用)

3.Dimensisons外形尺寸

Dimensisons外形尺寸

只需要将鼠标光标放在屏幕上，既可以找到任何屏幕元素的尺寸，非常适合在照片、按钮、界面元素上测量长度(这个功能挺不错)

4.Ruler标尺

Ruler标尺

功能强大的屏幕标尺，用于精确度量像素，包括缩放、旋转和边缘捕捉，可用于测量任何屏幕上的元素

5.Overlay栅格布局检查

Overlay栅格布局检查

适用于web开发，能够检查页面上的元素，支持整页截图，特别是响应式网页设计。

6.UIScreen屏幕

UIScreen屏幕

使用多种屏幕查看你的设计，或者查看在windows平台运行的IE9下的表现，无需将工作转移到其他平台，就能轻松解决这个问题(对设计的同学很有用)

7.放大镜

放大镜

可以精确的放大和检查元素，拾取色值并保存颜色供以后参考，还可以模拟常见的用户视觉问题

8.指南

屏幕快照 2018-12-01 下午10.19.44.png

显示垂直和水平向导，浮动在屏幕上的所有位置，查看是否对齐(不知道为什么我的只显示一根)

9.Framework框架

框架

创建一个自定义标记框，能够将框中内容进行截图，可以设置网格线以及固定比例窗口(一句话来说就是没卵用)

10.十字线

十字线

快速轻松地位和对齐屏幕上可见的任何点，显示当前鼠标位置相对于屏幕左上角的位置