xScope精确度量工具介绍
勤奋的小卫子
1
2018.12.01 23:04:34
字数 677
阅读 1,391
一、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.十字线
十字线
快速轻松地位和对齐屏幕上可见的任何点，显示当前鼠标位置相对于屏幕左上角的位置