Redirection

I had a realisation after the critique that the typography of my prototype just wasn’t that developed and quite bland. I think I was tunnel vision to creating graphics and I felt tight for time, which meant that I overlooked such an important step. This is unfortunate as it meant I had to work backwards slightly, but I knew that it was an important step for me to take in order to feel happier with my prototype. Strengthening the typography will further develop the E-Book outcome, which will rely quite heavily on typography to add interest.

Sampling Alternative Type Faces

I find that a lot of interesting typographical outcomes use multiple type face combinations. I wanted to replicate this in my design. I introduced Stratos into the mix as I felt the narrow letter forms were a nice contrast from the broadness of Futura and Azo Sans’ geometry. I also explored the different weights and fonts of the already existing Futura and Azo Sans throughout the prototype.

Sampling Typefaces

Sampling Typefaces

Development

I began applying these new styles and typefaces to the content. Admittedly, I am straying quite far from the type scale at points, however these are only guides and I’d rather have a visually dynamic outcome than one that follows the dogma of a type scale. I focused on mixing the typefaces and pairing them in a meaningful way, placing emphasis on headings and quotes. I’ve attached some samples below of the way this looks in it’s raw form.

Title and Paragraph Content

Old Typography

Old Typography

New Typography

New Typography

Quotes

Old Typography

Old Typography

New Typography

New Typography

<aside> ⭐ REFLECTION: I feel far happier with the typography. I didn’t have to spend a large amount of time at all developing it as all it was missing was the variation of weights and breaking free from the limits of the type scale. It has resulted in being very dynamic and I have no doubt this will sit very well in the prototype once I add this in and adjust the rest of the typography to follow suit.

</aside>

Final Typographical Outcome

screen 1.jpg