This is a recap of a workshop we did for Codepot 2015 back in August. Codepot is a conference that puts an emphasis on hands-on learning and on cross-training in different disciplines. The main purpose of our workshop was to make participants more aware of main typographic principles through practice and a tangible interaction with letters.
Another edition of this workshop will be happening at WUD na Pradze, the Warsaw edition of World Usability Day, on Thursday.
The Medium is the Message
Typography is a powerful tool to provide information. When used wisely it can help; when used badly it can make the information unreadable. The majority of people interact with typography all the time, whether they know it or not. When building software for users, it plays a significant role in conveying messages. Being aware of the basic rules that govern letters, words and blocks of text helps us craft products that communicate clearly with their users.
Tools’ Influence on Typography
Letters were always tightly bound to tools used to create them. Most typefaces from before the digital era have specific elements not for decoration, but because they stem from a particular way of creating letters. An excellent example is serifs in fonts based on Roman capitals, e.g. Garamond or Times. The serifs are actually guide marks – to carve the letter into stone, a chisel was placed along horizontal rules to make all characters equal in height.
It shows that typefaces were created to suit the material, not against it. Understanding this can help make decisions about appropriate fonts for different sizes of screens or print.
Create some lettering intuitively Learn typography basics Refine letters created with newfound knowledge
We set up the workshop for a maximum learning effect. Participants worked in pairs to discuss their approach and make decisions consciously. Diverse materials were provided to see many different results and to work with different limitations.
The most challenging part was to use angular elements to create lettering with mostly rounded letterforms. We can find the same difficulties when designing or using digital fonts on low-density displays. Lego bricks behave similarly to pixels here.
A box of matches
Matches are also problematic when it comes to round shapes but give great opportunity to create a clear and convenient modular system to build set of letters. The challenge of this approach is to achieve distinguishability and suitability at the same time.
Cable ties are elastic but they don’t have any shape memory. When you try to bend them too hard they are easy to break. For creating letters this means you should work with them, not against them and be careful because mistakes are hard to fix.
Thin cables can be messy and tangled but on the other hand they’re soft so creating round shapes is a piece of cake.
Tools and materials used to create letters are bound tightly to all decision made along the way and have a great influence on the quality of the final output. We should keep this principle in mind when choosing the right typeface for our purpose. Most typefaces were designed to cover specific goals: display well on low density screens, print well in small sizes or be legible on street signs from a long distance. An awareness of its main purpose is helpful when it comes to deciding which typeface suits our needs.
See all workshop results here.
- Gosia FiedorowUI Designer
- Magda ZadaraUI Designer