xScope 4 for Mac：设计师的精密测量与审查工具

本文来源：爱上MAC  |  软件下载地址：xScope 4 for Mac

xScope 4 是一款专为Mac用户设计的专业屏幕测量、原型审查和设计辅助工具套件。它集成了多种实用工具，帮助设计师、开发者和产品经理精确测量屏幕上的任何元素，检查对齐、颜色、字体，并模拟不同设备上的显示效果，是确保设计实现精准度的得力助手。

一、核心界面与工作区详解

xScope 4 并非一个单一窗口的应用程序，而是一个包含七个独立工具的“套件”。所有工具都通过一个位于屏幕顶部的、半透明的“工具条”（Toolbar）进行统一管理和调用。

1. 核心工具条 (Toolbar)

• 位置与外观：默认位于屏幕顶部中央，鼠标靠近时显示，远离时自动隐藏（可设置常显）。
• 功能：包含七个圆形图标，分别对应七个工具：标尺（Rulers）、放大镜（Loupe）、尺寸（Dimensions）、屏幕（Screens）、叠加层（Overlays）、取色器（Color）、测距仪（Frames）。点击即可激活对应工具。
• 控制中心：工具条右侧的“i”图标可打开偏好设置，齿轮图标可快速访问常用设置（如全局快捷键、工具条位置）。

2. 七大工具工作区

• 标尺 (Rulers)：提供水平和垂直的可移动屏幕标尺，用于直接测量距离。可设置原点、单位（像素、点、英寸等）和辅助线。
• 放大镜 (Loupe)：一个可自由移动的放大窗口，能放大屏幕局部区域，显示像素级细节、RGB/HEX颜色值和坐标。
• 尺寸 (Dimensions)：用于测量屏幕上任意两点或多个点之间的精确距离、角度和面积。通过拖拽创建测量线。
• 屏幕 (Screens)：模拟不同设备屏幕尺寸、分辨率和安全区域，并可进行截图和录屏。
• 叠加层 (Overlays)：将自定义的网格、线框、图像或网页叠加在屏幕上，用于视觉对齐和比对。
• 取色器 (Color)：高级取色工具，可捕获屏幕任意点颜色，管理颜色样本，并对比两种颜色的对比度（WCAG标准）。
• 测距仪 (Frames)：测量屏幕上任何矩形元素（如按钮、图标）的尺寸、边距和相对位置关系。

二、完整操作流程：从启动到导出

1. 启动与基础设置

1. 从“应用程序”文件夹或启动台打开 xScope 4。首次启动后，工具条将出现在屏幕顶部。
2. 打开偏好设置：点击工具条右侧的“i”图标，或使用快捷键 Command + ,。
3. 在“通用”标签页中，可设置工具条位置、显示行为、默认单位和快捷键。

2. 创建/打开“项目”进行测量审查

xScope 的核心工作是即时测量，无需传统“项目文件”。其“项目”概念体现在“叠加层”和“屏幕”工具的预设管理上。

1. 启动设计软件或打开待审查的网页/原型（如 Sketch, Figma, Safari）。
2. 调用所需工具：将鼠标移至屏幕顶部呼出工具条，点击对应工具图标（如“尺寸”工具）。或使用全局快捷键（如默认 Control + Option + D 打开尺寸工具）。
3. 进行测量：以“尺寸”工具为例，激活后，在起点单击并拖拽至终点，释放鼠标即可看到距离、ΔX、ΔY值。可连续测量多个线段。

3. 使用“叠加层”进行视觉比对

1. 点击工具条中的“叠加层”图标（或使用快捷键 Control + Option + O）。
2. 在出现的叠加层控制面板中，点击“+”号添加新叠加层。
3. 选择类型：网格（Grid）、线框（Layout）、图像（Image）或网页（Web）。
4. 配置参数（如网格间距、颜色、不透明度），叠加层将实时显示在屏幕上。
5. 使用键盘方向键微调叠加层位置，按 Esc 键可暂时隐藏/显示当前叠加层。

4. 使用“屏幕”工具进行设备模拟与捕获

1. 点击工具条中的“屏幕”图标（或使用快捷键 Control + Option + S）。
2. 在控制面板左侧选择设备类别（如 iPhone 15 Pro）和具体型号。
3. 屏幕上会出现该设备尺寸的模拟框，可拖动定位。框内区域即模拟的设备屏幕。
4. 截图：点击控制面板中的相机图标，即可对模拟框内区域进行截图，并自动保存至桌面或指定位置。
5. 录屏：点击红色圆点图标，可开始录制模拟框内的屏幕活动。

5. 导出结果

xScope 的测量数据本身不直接导出为文件，但可通过以下方式记录和分享：

• 截图：任何工具激活时，都可以使用 Command + Shift + 4 进行区域截图，将测量结果可视化保存。
• 颜色样本：在“取色器”工具中，捕获的颜色可保存在内置样本板中，供设计时参考。
• 屏幕工具输出：通过“屏幕”工具截取的设备模拟图或录制的视频，是直接的输出成果。

三、常用功能进阶技巧

1. 测量组合与记忆

• 在“尺寸”工具中，按住 Shift 键拖拽，可强制测量线保持水平、垂直或45度角。
• 在“测距仪”工具中，测量一个矩形后，按住 Option 键拖动其边缘，可以快速测量该元素到屏幕边缘或其他元素的间距。
• “尺寸”工具的测量结果会暂时保留在屏幕上，便于进行多组数据对比。

2. 精准对齐与辅助线

• 在“标尺”工具中，从标尺刻度处向屏幕内拖拽，即可创建一条无限延伸的辅助线。可将辅助线拖回标尺以删除。
• 激活“放大镜”工具后，移动鼠标时按住 Command 键，放大镜会暂时锁定，方便精细查看。

3. 颜色对比度分析

• 在“取色器”工具中，捕获两个颜色后，它们会出现在样本区。点击样本区下方的“对比度”按钮，会自动计算并显示两种颜色的对比度比率，并给出是否符合WCAG AA/AAA标准的提示。

4. 快捷键自定义

所有工具的全局快捷键均可在偏好设置的“快捷键”标签页中自定义，避免与其他软件冲突。

四、常见问题与解决方案

1. 工具条无法呼出或消失

• 问题：鼠标移到屏幕顶部不显示工具条。
• 解决：
  1. 检查 xScope 4 应用程序是否正在运行（检查菜单栏或Dock栏图标）。
  2. 前往“系统偏好设置”>“安全性与隐私”>“隐私”>“辅助功能”，确保 xScope 4 已被勾选。这是xScope控制屏幕所必需的权限。
  3. 在 xScope 偏好设置的“通用”中，检查“工具条位置”和“显示工具条”选项是否设置正确。

2. 测量结果不准确或抖动

• 问题：测量线难以对准像素边缘，数值跳动。
• 解决：
  1. 使用“放大镜”工具辅助进行像素级对齐。
  2. 在“标尺”或“尺寸”工具设置中，启用“吸附到像素边缘”选项（如果可用）。
  3. 尝试按住 Shift 键进行约束测量。

3. 叠加层无法在特定应用上显示

• 问题：叠加层被某些全屏应用（如演示模式下的Keynote）或图形密集型应用遮挡。
• 解决：这是系统层级的限制。尝试将应用窗口化而非全屏，或调整叠加层的不透明度使其更明显。

4. 快捷键失效

• 问题：设置的全局快捷键无响应。
• 解决：
  1. 检查快捷键是否与其他应用（如系统快捷键、输入法）冲突。
  2. 在 xScope 偏好设置的“快捷键”中，重新分配一个独特的组合键。
  3. 确保“启用全局快捷键”选项已勾选。

五、xScope 4 for Mac 快捷键汇总表

以下为默认快捷键，可在偏好设置中自定义。