添加布局网格

添加布局网格

网格可帮助您在画布上对齐和组织元素,使您的设计看起来平衡、整洁且视觉上保持一致。

添加布局网格

首先,确保画布上的辅助线可见:

  1. 点击左上角的 Framer 标志,打开“视图”菜单。

  2. 选择“显示辅助线”以显示网格覆盖层。

或者,你也可以使用显示的键盘快捷键。

设置网格属性

当辅助线可见后,你可以微调布局以适应你的项目需求。

  1. 选择你要使用的断点。

  2. 在右侧面板中,你会看到一组网格控制选项,可用于调整布局设置:

    • 网格类型:根据所需结构选择列网格或行网格。

    • 间距:定义项目之间的间距,实现整洁且透气的布局。

    • 边距:设置外边缘,为设计提供适当的内边距。

    • 宽度:自定义总网格宽度,控制内容占据的空间大小。

Framer “辅助线”弹窗截图

如果遇到任何问题或需要进一步帮助,请通过 我们的联系页面 联系 Framer 支持团队。

Create a free website with Framer, the website builder loved by startups, designers and agencies.