我这样做是为了让你可以按住

Latest email list discussion forum.
Post Reply
ruhul800
Posts: 1
Joined: Wed Nov 01, 2023 11:11 am

我这样做是为了让你可以按住

Post by ruhul800 »

它是一个 Web 组件,所以我在 visbug.web.app 上为您加载了一个网页,看起来有一大堆艺术板,当然,还预加载了 VisBug。这个网站的目标是让你玩、探索和删除。我认为删除键是最令人满意的工具之一。你会想,“我可以对页面做什么?” 你会说,“好吧,我可以毁掉它。”

亚当:删除,它会找到下一个......这对于删除来说是相当困难的。你删除一些东西,它就会选择下一个同级。所以它将永远选择下一个兄弟姐妹。如果你按住删除直到删除整个...无论 牙买加手机号码列表 如何,非常令人满意。点击刷新,一切都会回来。但是 VisBug 附带的第一个工具(因此当您刚启动它时)是指南工具。我过去常常把纸举到屏幕上,或者我会去获得一个系统扩展,它允许我对事物进行排序并创建线条。

亚当:因为,是的,对于很多设计师来说,对齐在某个时刻变得非常光学,对吗?他们不一定想要数学对齐,对吗?这就是排版具有视觉字距调整的原因。这不是数学字距调整。这是人为的字距调整。因此,指南工具的根源在于设计师所发生的许多问题都是放大内容,检查对齐情况。间距好不好?

亚当:这就是指南工具所做的第二件事。当您启动它并且将鼠标悬停在某些内容上时,您会看到您悬停的元素周围有一个小框。然后虚线参考线就会出现,就像标尺通常所做的那样。就像在 Sketch 和 Zeplin 中一样,您将鼠标悬停在其中即可获得这些指南,这是相同的概念,只是存在于您的页面上。如果您单击某些内容,然后将鼠标悬停到新目的地,您将获得测量工具。而测量工具是以像素为单位的,而且是计算出来的……所以直观上看,它之间有多少像素。不是别人说什么。它并不是把所有的间距加起来,只是你点击这个东西,它距离另一个盒子这么远。

Image

亚当:我认为这真的很有帮助,因为您可以按住 Shift 并继续单击,并从本质上验证五个图标之间的间距是否相等。只需点击几下即可。不必了解代码,只需启动 VisBug,悬停、单击、单击、单击,您就会看到,“哦,看它是这样。是的。每个之间有 15 个像素。” 或者有时你会遇到一些烦人的事情,你会单击一个框,然后单击其父框,你会发现它的顶部距离是 9,底部距离是 8。然后你会想:“我该如何将其居中?某种程度上它介于两者之间。” 并握紧拳头。

亚当:但至少您可以使用指南工具轻松轻松地看到它。是的,这就是指南工具。

德鲁:我肯定也经历过,把一些纸举到屏幕上。另外,我要使用的另一个技巧是打开另一个浏览器窗口并使用窗口的边缘来对齐项目。然后,您尝试将所有内容保留在正确的位置,以便在更改代码和刷新时,所有内容仍然保持一致。是的,这不是一种理想的工作方式。
Post Reply