自动布局生成之基于网格的布局

今天这一篇论文公式比较多，需要有点数学功底才能看得懂哈

机器如何帮助设计师制作基于网格的布局？来源于论文《GRIDS: Interactive Layout Design with Integer Programming》，设计师只要定义好元素，布局交由机器自动完成，自动布局采用混合整数线性规划完成。

- 生成布局的原则

1 对齐元素

2 整体组成矩形

3 优先放置特定元素

- 系统的特点

1 实时反馈

2 提供布局多样的建议

3 自动完成部分设计（输入是打散的元素）

4 在受限设计空间内寻找局部解决方案

有一个注意的要点，如果B属于4种如图所示的group，则B的尺寸位置将被完全确认。示例代码使用gurobi完成的，可以考虑使用其他开源的解决方案。

论文：https://arxiv.org/pdf/2001.02921.pdf

项目地址：https://userinterfaces.aalto.fi/grids/

代码库：https://github.com/aalto-ui/GRIDS

数学公式：https://userinterfaces.aalto.fi/grids/resources/GRIDS-Formulation.pdf

更多智能设计相关的资料，可查阅

「 Mix+人工智能 」 专刊

每期由mixlab社区精选。收录人工智能的相关内容，包括AI产品、AI技术、AI场景、AI投资事件、AI的思维方式等，MIX的主题包括：AR、VR、计算设计、计算广告、智能设计、智能写作、虚拟偶像等。

智能时代，人与人之间的差距，体现在AI使用能力上