作为UI设计器/开发人员,很自然地探索您或他人创建的UI。 无论是选择的边距,图标中使用的角度,某些元素的长度或边框,使用的颜色还是仅放大到像素附近。 QuickLens提供了一套工具,可实现所有这些操作以及更多其他功能!
点击安装: QuickLens for Mac
功能特色
专为您的屏幕任务量身定制的工具。 单独使用每个工具,或组合使用它们以获取最大功率。 |
![]() | 跨桌面 所有工具都可以在桌面级别,任何应用程序或跨应用程序使用。这是一个精心设计的选择,可以最大程度地进行探索。 |
镜片 Lens可以说是套件中功能最强大的工具,非常适合近距离查看设计 |
放大细节 高达64倍的缩放级别,更接近于这些UI详细信息。 | ![]() |
![]() | 样品颜色 从桌面选择颜色并维护调色板。您可以单独选择颜色,也可以从一个区域选择颜色。 将它们导出到HTML颜色表或JSON |
颜色格式,配置文件和模拟 查看多种格式的颜色或切换颜色配置文件。 您还可以模拟色盲 | ![]() |
![]() | 检查色彩对比 对您的调色板背景进行实时颜色对比和可读性检查。争取AAA评级! |
获得精确的测量 想知道图标的大小吗?使用内置的像素面积测量来查找。 | ![]() |
统治者 以任意角度测量垂直,水平或线条 |
距离和角度 线条,斜线?没问题!长度或角度都无法逃脱强大的标尺。 | ![]() |
![]() | 单位 以像素或英寸,厘米或毫米为单位进行测量。查看以度或弧度为单位的角度。 |
做4 同时打开多达4个标尺,每个标尺都测量UI的不同方面。 | ![]() |
![]() | 相对位置 当标尺为水平或垂直时,只需将鼠标移到标尺上即可查看相对位置。 |
帧 在设计上覆盖网格 |
构筑一切 使用“框架”工具检查元素尺寸,长宽比,拍摄快照,甚至捕获视频。 | ![]() |
![]() | 行和列 在设计上创建行和列以及覆盖网格。有多个预设可供选择甚至创建自己的预设。 |
金色网格 使用Golden Grid检查空间分布。您可以控制分割的数量,甚至可以转角。 | ![]() |
指南 类似于Photoshop®指南,但在桌面上的任何位置 |
检查布局 设置垂直和水平指南以检查网站和应用程序的布局。您可以为每台显示器设置指南。 指南也加倍以检查路线。 | ![]() |
![]() | 使用指南面板进行管理 使用指南面板可以快速添加,删除和分发指南。当您在显示器之间移动时,它甚至显示指南计数。 |
选择,锁定,捕捉 可以单独选择指南以进行批处理操作,例如锁定,删除,移动。锁定导板,以确保您不会意外移动它们。 您也可以将参考线对齐到屏幕上的附近边缘。 | ![]() |
![]() | 导轨之间的距离 使用便捷的快捷方式,您可以切换参考线之间的距离。当您想精确缩小差距时,这很有用。 |
单片眼镜 方便的演示工具 |
迷你镜头 就像随镜头移动的迷你镜头工具一样工作。从1倍放大到32倍。 借助光标快捷键,查看光标下方的颜色和熟悉的像素网格。 | ![]() |
![]() | 各种形状 轻松在矩形,圆形和正方形形状之间切换 |
在单片眼镜外面调暗 昏暗的桌面其余部分仅聚焦于单片眼镜区域。非常适合向您的团队进行快速集中的演讲。 | ![]() |
![]() | 各种大小 多种尺寸可专注于您想要的区域 |
十字准线 检查对齐方式,实时尺寸或仅检查鼠标位置 |
路线和位置 使用十字准线模式检查对齐方式或仅检查屏幕上的位置 | ![]() |
![]() | 实时距离 实时测量UI元素之间的距离 |
边界框 只需在屏幕上拖动以找出UI元素的边界框 | ![]() |
含电池 QuickLens还有更多功能可以改善您的日常使用和便利性。 |
颜色,浅色和深色 在工具的各种颜色主题之间切换。包括亮和暗模式。 | ![]() |
![]() | 快捷方式查看器 这些工具装有便捷的快捷方式。使用快捷方式查看器掌握它们。 您也可以将它们作为HTML表格查看。 |
工具面板 一个选项板可以将它们全部统治-工具选项板是您的中央命令中心。 它可用于启动和关闭工具,更改颜色主题以及明暗模式。 | ![]() |
![]() | 轻轻一碰 完整的Touch Bar支持所有工具和窗口。有时,通过Touch可以更轻松,更快地进行操作! |