xScope工具功能入门介绍

xScope工具功能入门介绍

本文主要是帮助在Win用FC用的好好的，但是到了Mac没有FC用了，只好找到xScope的用户了解xScope的功能。
当然，还要给自己做个小记录，好记性不如烂笔头。

xScope简介

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

xScope

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

功能详解

说是详解，但是由于xScope的功能实在是太强大了，毕竟售价摆在那。
这里写一点我用到的功能。

Mirro镜像

Mirro

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

前端艺术家完全可以更优雅的完成这个任务，总的来说，没啥大用。

返回至简介

Text文本

Text

可以使用这个工具来搜索，检查和格式化开发中的字符。

身为前端艺术家，这种帮助感觉有点舍本逐末了，反正我还没有收到这样高的要求。

返回至简介

Dimensisons外形尺寸

Dimensisons

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

这个功能很不错，基本就是xScope最具有吸引力的一点了，当然还有Ruler功能，做页面的时候这些还是很重要的。

返回至简介

Ruler标尺

Ruler

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

前端同胞的福音，直接告诉你多少px，简直不要太赞。

返回至简介

Overlay栅格布局检查

Overlay

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

谁用谁知道，用了就喊香。

返回至简介

UIScreen屏幕

Screens

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

有待开荒的一个功能，还没有用到，但是感觉会是一个很有用的功能，之后用到了，会继续更新。

返回至简介

Loupe放大镜

Loupe

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

重点在于拾色，量尺寸、拾色、模拟，这三板斧下去，什么页面基本也就解决了。

返回至简介

Guides指南

Guides

显示垂直和水平向导，浮动在屏幕上的所有位置，查看是否对齐。

相信大家都用过这个功能，怎么说，Office、Flash等等的软件都有这个功能，但是，它们的功能都得在工作区有效，而这个，简单来说，整个屏幕就是你的工作区。加上快捷键使用，十分方便，算是比较惊艳我的功能。

返回至简介

Frames框架

Frames

创建一个自定义标记框，能够将框中内容进行截图，可以设置网格线以及固定比例窗口。

还是可以用用的，虽然截图的话，有很多比它好用的软件，设置窗口的话，对美工的话，也有很多很棒的替代品。

返回至简介

Crosshair十字线

Crosshair

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

我觉得是功能重叠的一个功能，没必要特殊分出来的功能，还有待开荒。

返回至简介

---

以上就是本人对于这个软件的一点小看法，当然这个软件还是有待我多加使用的，
纯属小白，大佬勿喷！

最后说一句

其实这个软件的资源不是很难找，虽然我想支持程序员，但是这个价格。。。

---

资源还在审核，审核好了，更新。

---

xScope_4.4.1

参考文章

• xScope精确度量工具介绍

• xScope官网介绍

---

欢迎留言讨论！