Wireframe-Based UI Design Search Through Image Autoencoder

Accepted to TOSEM

Resource

• Paper: paper, ACM-TOSEM
• Raw Dataset: Dropbox
• Wireframe Dataset: Please use this wirification code to generate the wireframe dataset from the raw dataset
• Code: see code

Video DEMO

Left-click to watch this video.

The website in demo is not supported currently.

Design Space

Examples

Due to the large size of our automatic experiment results (which is about 45GB), we are still working on uploading these data.

Usefulness Evaluation Examples

See examples

More results

Citation

@article{chen2020wireframe,
  title={Wireframe-based UI design search through image autoencoder},
  author={Chen, Jieshan and Chen, Chunyang and Xing, Zhenchang and Xia, Xin and Zhu, Liming and Grundy, John and Wang, Jinshui},
  journal={ACM Transactions on Software Engineering and Methodology (TOSEM)},
  volume={29},
  number={3},
  pages={1--31},
  year={2020},
  publisher={ACM New York, NY, USA}
}