GUIGAN: Learning to Generate GUI Designs Using Generative Adversarial Networks

TL;DR

GUIGAN is a novel generative model that automatically creates GUI designs by reusing existing components, significantly improving design quality and aiding designers through a GAN-based approach that models component compatibility and structure.

Contribution

This paper introduces GUIGAN, a GAN-based model that generates GUI designs by reusing components, offering a new approach to automate and personalize GUI creation.

Findings

Outperforms baseline methods by 30.77% in FID

Achieves 12.35% improvement in 1-NNA accuracy

Pilot user study shows generated GUIs are acceptable

Abstract

Graphical User Interface (GUI) is ubiquitous in almost all modern desktop software, mobile applications, and online websites. A good GUI design is crucial to the success of the software in the market, but designing a good GUI which requires much innovation and creativity is difficult even to well-trained designers. Besides, the requirement of the rapid development of GUI design also aggravates designers' working load. So, the availability of various automated generated GUIs can help enhance the design personalization and specialization as they can cater to the taste of different designers. To assist designers, we develop a model GUIGAN to automatically generate GUI designs. Different from conventional image generation models based on image pixels, our GUIGAN is to reuse GUI components collected from existing mobile app GUIs for composing a new design that is similar to natural-language generation. Our GUIGAN is based on SeqGAN by modeling the GUI component style compatibility and GUI structure. The evaluation demonstrates that our model significantly outperforms the best of the baseline methods by 30.77% in Frechet Inception distance (FID) and 12.35% in 1-Nearest Neighbor Accuracy (1-NNA). Through a pilot user study, we provide initial evidence of the usefulness of our approach for generating acceptable brand new GUI designs.