UI Design Gallery

Yuyang Wang Supervisor: Dr. Zhenchang Xing

COMP4560 02/04/2019

Motivation

Apart from the function of applications, the icon and the interface style may be the first thing people concern about. UI is always one of the most important parts during the software construction, since it is the most intuitive way for our audiences to evaluate our applications.

Part I

Mobile UI Gallery Website

Goal: Give developers some ideas about the widgets in a application.

From Widgets to Icon

Part II

Icon Evolution

Goal: Give developers some ideas to make their icon more lovely!

Plan

Extract Icon Data From Archive Website

Do data processing (deal with Damage Files, Redundancy, ）

Explore different metrics on Icon image

Use Machine Learning to predict downloads and rating or generate new Icon.

Expected Outcome

A website to help developer find out how good their Icon is (Is there anything they can improve?) and how many downloads or what rating score they may obtain.

Use GAN to generate a desired Icon for developer.

Approach

HTML and CSS

Web Crawler

Data Analysis

Machine Learning (CNN, GAN)

Questions?

Thank you for your listening!

Reference: website pictures accessed from http://mui-collection.herokuapp.com.