TYPEFACES:
The typeface used mainly for the app is a downloaded font online, Oldsansblack. The choice behind this typeface is due to it’s unusual sense of self. The main principle reason for this choosing is due to the growing need for companies to adopt a more flexible typographical tone of voice.
The typeface embodies the famous DIN- type fonts. Widely used due to its limited technical difficulty and its legibility and uncomplicated, unadorned design, this is why it is so popular and displayed through many adaptations.
Top companies today have started to use rounded humanist sans, as Helvetica has become the industry standard, and so overused in practice due to it being so approachable as a typeface. Oldsansblack offers the same conjunctions however with more warmth and frendlier tone to it, it a way it provides more personality than Helvetica, this is an attempt that links well with the overall aim and service that trancends throughout the app.
“A great designer knows how to work with text not just as content, he treats text as a user interface”
Combination of Typefaces:
Effective design and good typography go hand in hand, sentiment of synergy might best be described in the case where a typeface in UI design is at its best when going unnoticed.
While optimizing typography includes maximizing readability, accessibility and graphic balance, it is in large part, about usability. When considering user interactions with a typeface on a screen, a designer is forced to confront additional elements such as balance, positing, hierarchy and structure. Ultimately, by doing so it has reduced and removed any friction between the viewer and the interface.
Tobias Frere-Jones - renowned American type designer and creator of the Gotham font among others notes that:
“All text needs legible typefaces. But especially at interfaces, our eyes need fonts that cooperate rather than resist”
Deciding to stick to the rule of 3’s a crowd, hugely benifited the legibility of the app. You have to realise that you may subconciously invite a 3rd anyway. If you look at the screen designed above doesn’t the logo also work as another injected typeface, although it may be sublte it is still present. The designboom logo is bold in it’s intent and has a high contrasting background colour however by working with the rule of 2 it still presents itself in harmony with the other 2 typefaces. It provides visual hierarchy. Even when you’re dealing with just a single font in a design, can change the balance of the whole thing.
Adding in a different font can completely change the balance and tone of your design. So it’s crucial for you to use your own judgement.
To summarise in how successful the typeface selection was, I undertook the following:
- chose complimentary fonts
- established visual hierachy
- considered context
- mixed serif and sans serif
- created contrast
- steered away from conflicting typefaces
- avoided pairing fonts that are too similar
No comments:
Post a Comment