在图形设计中使用垂直网格的困惑

Question

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

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

现在我只是有点困惑，因为我通常只是在我的元素上有默认的高度:自动设置，据我所知是推荐的方式(因为它更敏感)，但为了使这个工作正常，我需要在我的元素上设置固定的高度?还是我误解了什么?

Answer 1

这显然是视频所显示的。严格控制元素高度的设计是不现实的。用户可以增加字体大小(视力受损)，甚至覆盖字体(阅读困难)。另外，屏幕尺寸不止3种，可能有数千种。元素高度没有办法做到像素完美。

更确切地说，关注你自己一致的填充&边距，并确保兄弟组件的大小相同。这将创造视觉一致性。