如何使用网格来改善视觉层次结构?

模块化网格

模块化网格通过将内容划分为同等标准来提供平衡的布局,但跨多个列的能力确保内容看起来迷人且具有参与性。

无网格

所有利润为 8 倍,如 24,56,98,144px 等。

带网格

列网格

此基于列的结构用于在整个设计中始终如一地放置文本、图像和程序。此网格布局有助于响应。

无网格

列网格

现在,完全平衡

对于移动屏幕

结论

这样,网格可以使您更容易创建等级制度。它与对称布局建立平衡,您可以用它来平衡您的元素并决定一方是否压倒另一方。

本页面最后更新于 2021年06月10日 10:00