html - 关于在 figma 设计中使用垂直网格的困惑

Question

所以我刚看完这个关于在 figma 中设置响应式网格来设计网页的视频

在此视频中，建议您可以使用每行 8 像素高的垂直网格，以使您的垂直对齐更加结构化和一致。这意味着网格中的不同元素的高度都可以被 8 整除

现在我有点困惑，因为我通常只在我的元素上设置默认高度：自动，据我所知这是推荐的方式（因为它更具响应性），但为了使其正常工作，我需要在我的元素上设置固定高度？还是我误解了什么？

Answer 1

看起来这就是视频所显示的内容。但是，严格控制元素高度的设计是不现实的。用户可以增加他们的字体大小（视力受损）甚至覆盖字体（阅读障碍）。另外，不只是 3 种屏幕尺寸 - 可能有数千种。在元素高度上没有办法做到像素完美。

相反，请关注一致的填充和边距，并确保同级组件的大小相同。这将创造视觉一致性。