Auto-Icon+:面向 UI 开发中图标设计的自动化端到端代码生成工具
人机交互
2022-04-20 v1 软件工程
摘要
约 50% 的开发资源被用于 UI 开发任务 [9]。图标开发占据了大量开发资源,可能是一项耗时的任务,因为开发者不仅需要考虑有效的实现方法,还需要考虑易于理解的描述。在本文中,我们提出 Auto-Icon+,一种从设计工件中自动生成可读且高效的图标代码的方法。根据我们对设计师(图标由多个组件组装而成)与开发者(图标作为单一图像)之间差距的访谈了解,我们应用启发式聚类算法将组件组合成图标图像。随后我们提出一种基于深度学习模型和计算机视觉方法的方法,将组合后的图标图像转换为带有描述性标签的字体,从而减轻开发者繁重的手工劳动并促进 UI 开发。我们在真实世界 UI 开发环境中定量评估了我们所提方法的质量,并证明该方法能为开发者提供准确、高效、可读且可用的图标设计代码,节省了 65.2% 的实现时间。
引用
@article{arxiv.2204.08676,
title = {Auto-Icon+: An Automated End-to-End Code Generation Tool for Icon Designs in UI Development},
author = {Sidong Feng and Minmin Jiang and Tingting Zhou and Yankun Zhen and Chunyang Chen},
journal= {arXiv preprint arXiv:2204.08676},
year = {2022}
}
备注
Accepted to ACM Transactions on Interactive Intelligent Systems (TIIS)