唐煜祺

（四川大学计算机学院，成都610065）

0 引言

平面设计广泛应用在我们的工作和生活中，网站页面、App界面、杂志封面、图像广告，等等。对于一个优质的平面设计，往往离不开好的图形布局（组件的位置和大小）。图形布局设计属于平面设计的草图设计阶段，它决定了页面的层次结构和组件的相对关系，它能够引导浏览者的注意力流动从而影响信息传达的顺序和效率，并且影响页面整体的美观。以微信App界面为例，图形布局图如图1所示。

图1

图形布局的设计需要兼顾用户的需求、目的，并满足基本设计准则和美学要求。设计师通过绘制图形布局图，能够让用户直观地感受到页面的整体效果。但图形布局的设计是一个需要大量设计经验且耗时耗力的过程。图形布局时需要综合考虑美学（组件对齐规则、界面对称性、页面留白比例等）因素，平衡各组件关系（组件的相对大小及位置关系，例如返回按钮大多位于页面左上角）、信息传达顺序（标题、正文、翻页按钮一般按照视觉流顺序依次呈现）等多个因素。即便是对于有大量平面设计经验的设计师，图形布局设计也是一个耗时且反复迭代的过程（最终的页面效果会反馈影响布局设计）。

为了解决上述问题，现有许多研究提出了自动生成图形布局的方法。旨在节约设计时间、提升设计人员与用户的沟通效率，并降低设计人员的学习成本，生成符合基本设计准则的高质量图形布局。本文针对自动生成图形布局的研究进行分类阐述、对比和分析，以便后期对自动生成图形布局研究提供潜在的研究方向和技术参考。……