自动布局生成之基于网格的布局
今天这一篇论文公式比较多,需要有点数学功底才能看得懂哈
机器如何帮助设计师制作基于网格的布局?来源于论文《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使用能力上