Design the UI

Let's take a look at how to sketch UI and identify components from the sketches.

Sketching layout

To begin, we want to sketch out all the screens. In our case, there are four.

Sign-in screen

For example, the first one, the sign-in, has the title Lang-Man and subtitle, the gallows, the name entry, the language selection, and a “Start” button.

Get hands-on with 1200+ tech skills courses.