美文网首页
xScope精确度量工具介绍

xScope精确度量工具介绍

作者: 勤奋的小卫子 | 来源:发表于2018-12-01 23:04 被阅读0次

    一、xScope简介

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

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

    二、功能详解

    1.Mirro镜像

    Mirro镜像

    Mac上使用这个功能时,可以轻松地在iOSApple 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.十字线

    十字线

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

    相关文章

      网友评论

          本文标题:xScope精确度量工具介绍

          本文链接:https://www.haomeiwen.com/subject/mqsrcqtx.html