一、xScope简介
这是一款Mac
平台的设计精确度量工具,专门为设计师和开发人员创建的一套功能强大的工具,能够检查和测试屏幕上的图形和布局。能够帮助每个设计者快速,精确的完成工作,度量距离,角度的标尺,放大镜,精确垂直,水平标记辅助线,精确阔度,包含以下十个工具:
-
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.十字线
十字线快速轻松地位和对齐屏幕上可见的任何点,显示当前鼠标位置相对于屏幕左上角的位置
网友评论