适合用于UI设计器/开发人员探索您或他人创建的UI的一款UI设计开发软件——QuickLens for Mac
作为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可以更轻松，更快地进行操作！ |
适合用于UI设计器/开发人员探索您或他人创建的UI的一款UI设计开发软件——QuickLens for Mac相关推荐
- 炫彩界面库UI设计器分享, 集成开发环境,C++,易语言
炫彩在线帮助文档 炫彩UI截图 炫彩IDE UI设计器 截图 炫彩webUI 炫彩缓动 炫彩 易语言 火山PC例子截图 简介 炫彩界面库–软件界面开发框架,让用户快速开发桌面软件变的简单高效;功能 ...
- Android Studio 2.2 预览版 - 全新的 UI 设计器和约束布局
转自谷歌官方微信公众号"谷歌开发者" [img=http://img.bbs.csdn.net/upload/201605/30/1464590559_880118.png][/i ...
- 敏捷开发创始人_开发人员和技术创始人如何将他们的想法转化为UI设计
敏捷开发创始人 by Simon McCade 西蒙·麦卡德(Simon McCade) 开发人员和技术创始人如何将他们的想法转化为UI设计 (How developers and tech foun ...
- 一个公开了源码的Android UI 设计器，很好很强大，不知道的可以看看
很多人开发Android对设计UI很是头痛,droiddraw是一个公开了源代码的UI设计器,可以根据自己的开发需求来进行修改.首先看图 www.DroidDraw.org提供了在线使用功能,当然也可 ...
- 【Qt教程】2.1 - Qt5 UI设计器、常用控件
1. UI设计器使用 新建工程,将 .ui文件勾上. 双击 .ui文件,会弹出UI设计器,其布局大概为: 其中UI界面的信号槽只能使用系统事件,不能使用自定义信号与槽.所以主要还是由用户代码来完成. ...
- java代码制作activiti会签_activiti设计器会签人员配置
使用activiti设计器进行流程图绘制,并且配置会签和或签人员,我也是在学习中,通过不断查阅资料,总结了三种方式配置会签人员 在配置人员之前,我们先说一下多实例类型 并行和串行 并行:并行代表同时进 ...
- Microsoft Quantum Katas帮助开发人员探索使用Q#实现量子计算
Microsoft根据"软件招式"(Code Katas)这一理念,开源了一个称为"Quantum Katas"的项目.该项目意在帮助开发人员迈出使用Q#语言实 ...
- html幻灯片带工具栏_如何使用开发人员友好的工具幻灯片创建网站
html幻灯片带工具栏 This article was created in partnership with BAWMedia. Thank you for supporting the part ...
- 32款网页设计开发人员必备的谷歌浏览器扩展
无论是Firefox还是Google Chrome,其强大的扩展都是吸引我们最大的原因之一.下面介绍的是网页设计和网页开发人员会经常用到的32款 Google Cchrome 扩展. 1. FireB ...
- UE4学习笔记:学习UE4中的UMG(图形UI设计器)工具(四)：UMG中的动画
学习完了各自控件及操作后来了解控件蓝图中的动画功能 一.简单的UI动画 我们先来接触控件蓝图左下角的动画面板,首先在视觉界面中添加一个Image控件,并设置图片 在动画面板中单击+Animation, ...
最新文章
- Session 时间
- python怎么安装matplotlib-[Python]一步步安装numpy,matplotlib
- CentOS6.5 缺少 libstdc++.so.6(GLIBCXX_3.4.15)
- 联想n308 android 一体机,附文：N308设计回顾_联想 N308_一体电脑评测-中关村在线...
- C#中判断空字符串的3种方法性能分析
- Mongodb 查询时间类型
- list java语法_java基础语法 List
- 零基础写Java知乎爬虫之进阶篇
- 谷歌浏览器 —— 快捷键（vimium：像使用 vim 一样操作当前页面）
- 基于OpenCV全景图像拼接
- 演示：扩展ACL的配置与应用技巧
- win10 安装 framework3.5
- transform translateY(-50%) 实现元素垂直居中效果
- 计算机开机最快设置,怎样让电脑开机更快
- 全球与中国工业级氟化氢铵市场现状及未来发展趋势2022
- C++读写txt文档
- php 时间微秒,PHP中使用微秒计算脚本执行时间例子
- antd Upload手动上传(react)
- CSS设置鼠标变成手样式
- 实施工程师mysql面试题_软件实施工程师面试题（下）