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

    技术2022-07-12  99

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

    机器如何帮助设计师制作基于网格的布局?来源于论文《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使用能力上

    Processed: 0.008, SQL: 9