我们注意的方式才是关键：通过区别变体实例化 UI 组件
人机交互
2026-02-27 v1
摘要
前端开发人员参数化视觉和行为属性以创建可广泛重用的 UI 组件。虽然灵活，但实例化较难，因为开发人员必须推理大量属性值及其相互作用。实际情况下，他们必须探索组件的大型设计空间并为属性提供真实且自然的值。为此，我们提出区别变体：既模仿又distinct的变体。我们将区别变体生成框架定义为设计空间抽样，结合符号推理识别视觉上重要属性与 LLM 驱动的模仿抽样器，以从其世界知识中生成真实的实例。我们在 Celestial 中实现区别变体，该工具帮助开发人员探索和可视化区别变体。在针对前端开发人员 (n=12) 的研究中，参与者发现这些变体对比较和映射组件设计空间有用，报告模仿实例与领域相关，验证了 Celestial 将组件实例化从手动过程转换为结构化、探索性活动。
引用
@article{arxiv.2602.22436,
title = {The Way We Notice, That's What Really Matters: Instantiating UI Components with Distinguishing Variations},
author = {Priyan Vaithilingam and Alan Leung and Jeffrey Nichols and Titus Barik},
journal= {arXiv preprint arXiv:2602.22436},
year = {2026}
}