GRIDS:使用整数规划进行交互式布局设计

360° 视频与全景内容平面设计与排版工具原型设计与用户测试UI/UX 设计师产品设计师

网格布局被设计师用于在草图和线框图中对用户界面进行空间组织。然而,它们的设计主要是耗时的手动工作。由于组合爆炸和复杂的布局目标,如对齐、平衡以及对位置的期望,这具有挑战性。本文提出了一种新颖的优化方法,用于生成多样化的基于网格的布局。我们的混合整数线性规划(MILP)模型提供了一种严谨且高效的方法来生成网格,确保元素的打包、对齐、分组和优选定位。此外,我们介绍了用于网格布局的交互式多样化、增强和完成的技术。这些功能通过GRIDS工具进行了演示,该工具为设计师提供实时布局建议。我们报告了来自一项评分研究(N = 13)和一项设计研究(N = 16)的发现,这些发现为在设计早期阶段使用计算网格生成的好处提供了证据。

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/papers/chi/32285/2020

广告推荐

学习 AI 编程到 CodeNow

open_in_new打开DOI链接
DOI: https://doi.org/10.1145/3313831.3376553
一眼看懂

论文快照

fact_check
dataset
来源
CHI
calendar_month
年份
2020
emoji_events
奖项
未标记奖项
group
作者
4 位作者
sell
研究子方向
360° 视频与全景内容、平面设计与排版工具、原型设计与用户测试
work
职业/产业
UI/UX 设计师、产品设计师
article
内容状态
仅摘要
hub
相关论文
8 篇相关论文