动它并且将鼠标悬停在
是的，对于很多设计师来说，对齐在某个时刻变得非常光学，对吧？他们不一定想要数学对齐，对吧？这就是排版具有视觉字距调整的原因。这不是数学字距调整。这是人为的字距调整。因此，指南工具的根源在于设计师所发生的许多问题都是放大内容，检查对齐情况。间距好不好？亚当：这就是指南工具所做的第二件事。当您启某些内容上时，您会看到您悬停的元素周围有一个小框。然后虚线参考线就会出现，就像标尺通常所做的那样。就像在 Sketch 和 Zeplin 中一样，您将鼠标悬停在其中即可获得这些指南，这是相同的概念，只是存在于您的页面上。如果您单击某些内容，然后将鼠标悬停到新目的地，您将获得测量工具。而测量工具是 电报号码数据 以像素为单位的，而且是计算出来的……所以直观上看，它之间有多少像素。不是别人说什么。它并不是把所有的间距加起来，只是你点击这个东西，它距离另一个盒子这么远。
亚当：我认为这变得非常有用，因为您可以按住 Shift 并继续单击，并从本质上验证五个图标之间的间距是否相等。只需点击几下即可。不必了解代码，只需启动 VisBug，悬停、单击、单击、单击，您就会看到，“哦，看它是这样。是的。每个之间有 15 个像素。” 或者有时你会遇到一些烦人的事情，你会单击一个框，然后单击其父框，你会发现它的顶部距离是 9，底部距离是 8。然后你会想：“我该如何将其居中？某种程度上它介于两者之间。” 并握紧拳头。
亚当：但至少您可以使用指南工具轻松轻松地看到它。是的，这就是指南工具。
德鲁：我肯定也经历过，把一些纸举到屏幕上。另外，我要使用的另一个技巧是打开另一个浏览器窗口并使用窗口的边缘来对齐项目。然后，您尝试将所有内容保留在正确的位置，以便在更改代码和刷新时，所有内容仍然保持一致。是的，这不是一种理想的工作方式。
http://zh-cn.lobdirectory.com/wp-content/uploads/2024/01/images.jpg
亚当这不是理想的工作方式。是的。还有下一个……所以，哦，第一个版本非常宽松。它没有折断，只是举起了十字准线，这是我稍后会添加回来的功能。所以一些用户会说，“嘿，我喜欢捕捉，它就像我的设计工具一样。但如果我想要宽松的测量结果怎么办？或者我想做一封信，我想测量一封信，而不是它的信箱？” 因此，这个指南工具可以很容易地更改为具有修改键。
亚当：这就是 VisBug 有点不同的地方，但也希望大家熟悉，它非常注重热键修饰符。所以就像你观察专业设计师一样，他们非常精通热键。他们在这里按下热键，放大，在那里按下热键，然后通过键盘进行所有的轻推操作。因此，VisBug 的更改方式非常以键盘为中心。
亚当：这也是因为VisBug允许多项选择，并且它可以同时更改100个项目的间距。而且它的作用是相对的。所以无论如何，它有一些有趣的怪癖，但修饰符概念中的键盘非常重要。您可以在许多工具中保留选项、切换或命令，并获得不同的东西，或者获得一种新的功能。
頁:
[1]