Typography for Screen

We looked at different ways to structure everything. Looking at a block of text and using fonts that match the content to make it more appealing. Using only font, and spacing and alignment.

Untitled

Untitled

Moving onto colour, we repeated the same exercise. Using colours, fonts and images that I thought were complementary to the subject matter.

Untitled

We expanded more on this by starting from a singular paragraph, to a paragraph and images. Then finally moving onto using a website layout to structure the information given. We will use HTML to turn this information on Baskerville into a functioning website in the next few weeks.

Untitled

Scaling it right back from a website to a watch face. We created a simple interface to show that a song is playing, with all the features like pause, play include.

Anatomy of a Typeheight

Untitled

Ligature Examples

A ligature is a glyph that combines the shapes of certain sequences of characters into a new form that makes for a more harmonious reading experience.