|
我们太高兴表达了。我们正在尝试设计系统,但即使是那些我认为对设计师来说也开始变得有点沉重的东西。他们会说,“哦,也许现在的系统太多了。” 就像,“呃,我被关闭了。我喜欢制作漂亮的东西。如果你从事设计运营,那么这将是一项全新的工作”,或者其他什么。所以…
德鲁:我喜欢 VisBug 采取的方法,而不是另一个 DevTools 面板,因为它的界面在页面顶部嵌入了一个工具栏,就像设计工具栏一样。我想这是一个故意的举动,目的是让熟悉设计工具的人更熟悉它。
亚当:是的。如果您使用过 Paint 或 Photoshop,它们都是这 B2C 电子邮件列表 样的。所以这是一种普遍的事情,如果我在左侧放置一个浮动在你的内容上方的工具栏,几乎每个人都会说,“好吧,我将鼠标悬停在这些工具栏上,看看我的选择是什么。这是我的工具。然后我就可以去玩了。” 它在那里进行了非常愉快、无缝的互动。我确实有一个非常令人兴奋的几乎完成的增强功能。
亚当:所以,这对我来说很酷,但我不知道其他人是否会同样兴奋。这将是您可以在扩展程序设置中更改的模式,您希望如何覆盖页面?因为现在 VisBug 在浏览器页面上放置了一个工具栏,页面呈现正常,我知道这样说会很奇怪,但是好吧,所以你滚动页面、内容和正文浏览器中的宽度到宽度,对吧?所以它填满了小视口。
亚当:我有一个 mod,当您启动 VisBug 时,它会获取整个 HTML 文档并将其缩小到画板中。它看起来像一个画板。它漂浮在灰色空间的阴影上。您可以无限地平移它。因此,您可以滚动离开页面画布,它可以让您做的是,看,假设您有一个非常长的页面,并且您想要从上到下测量某些内容,那么您现在就可以做到这一点,但是当你这样做的时候你会失去上下文。
亚当:在这个新的 VisBug 缩放场景中,您按住键盘上的 option 或 alt,使用鼠标滚轮,或者使用命令按加号减号,您就可以缩放网页,就像它是画板一样。我努力让它尽可能无缝。所以你要进出,然后向下滚动,你进出,从……进行测量,而 VisBug 不在乎。它不断绘制计算叠加,您可以更改间距。
亚当:因为我认为作为设计师,鸟瞰页面的实时情况非常重要。动画仍在播放,你们大家。可滚动区域仍然可以滚动,对吧?这个真的很酷。你就像,“我的整个页面在一个视图中。” 不管怎样,这样就快完成了。在里面-
德鲁:听起来很迷幻。
亚当:这是非常迷幻的。就在其中,我只需要确保它可以跨浏览器工作,因为它显然做了一些棘手的事情来让你的实时页面有这种感觉。但是是的。
德鲁:惊人的。是吗……我的意思是,我认为 VisBug 相当定期更新并且正在取得进展。我们未来可能会看到什么?
亚当:是的,这绝对是我正在开发的功能之一。我有一个功能……所以,当你点击某个东西时,你会得到一个看起来像手柄的覆盖层,对吧?这有点幻觉,它应该让你感觉舒服。目的是最终让这些手柄可拖动。
|
|