用语言进行设计：利用生成式大型语言模型勾勒 UI 设计意图的线框图
人机交互
2023-12-14 v1
摘要
线框图绘制是 UI 设计流程中的关键步骤。与低保真度版本相比，中保真度线框图提供了更具冲击力和吸引力的视觉效果。然而，它们的创建可能耗时且费力，需要添加实际内容和语义图标。在本文中，我们引入了一种新颖的解决方案 WireGen，仅需简短的设计意图描述，即可利用生成式大型语言模型（LLMs）自动生成中保真度线框图。我们的实验证明了 WireGen 的有效性，它生成了 77.5% 显著更优的线框图，优于两个广泛使用的上下文学习基线方法。一项有 5 位设计师参与的用户研究进一步验证了其在真实世界中的实用性，凸显了其提升 UI 设计流程的潜在价值。
引用
@article{arxiv.2312.07755,
title = {Designing with Language: Wireframing UI Design Intent with Generative Large Language Models},
author = {Sidong Feng and Mingyue Yuan and Jieshan Chen and Zhenchang Xing and Chunyang Chen},
journal= {arXiv preprint arXiv:2312.07755},
year = {2023}
}