Types of Type
Inside Front
Dust cover
Contents
6-7
6-7
8-9
10-11
12-13
14-15
16-17
18-19
20-21
22-23
24-25
26-27
28-29
30-31
32-33
34-35
36-37
38-39
39-40
42-43
44-45
46-47
48-49
50-51
52-53
54-55
56-57
58-59
60-61
62-63
64-65
Introduction
By Sam Wallbank
Chapter 1.
Type in Editorial
Ten Princples of ‘Good Design’ from Dieter Rams
Barnbrook on Typography
Editorial Manifesto of 6
Ten Princples of ‘Good Design’ from Dieter Rams
After studying architecture at the Werkkunstschule Wiesbaden, the highly awarded and respected Dieter Rams landed a job at the architectural firm of Otto Apel (1953). Two years later, he left the firm and joined the product company Braun, where he created a legacy. Within the 40 years of working at Braun, Rams produced and oversaw over 500 innovative products as chief of design. Many of his designs are featured in museums throughout the world.
Good Design Is Innovative Good Design Makes a Product Useful Good Design Is Aesthetic : Good Design Makes A Product Understandable Good Design Is Unobtrusive Good Design Is Honest Good Design Is Long-lasting Good Design Is Thorough Down to the Last Detail Good Design Is Environmentally Friendly Good Design Is as Little Design as Possible
Barnbrook on Typography
Why is typography important? It is one of the basic building blocks of design. You can’t be a good graphic designer without a thorough knowledge of typography. So those students reading this who say they find typography boring should look at changing their career. What makes a good typographer? Absolutely it is about attention to detail first, that is what separates good typographers and designers from the average ones. It’s how you can aid proper comprehension of information, not how pretty you can make something look. Its very easy to see if someone is a good typographer because when they send you their portfolio they will have cared about how they have set their contact details and crafted the captions. You will be surprised about the amount of students who don’t even know how to use basic punctuation, which is essential if you are a typographer. What is the future of typography? Well it is difficult to know where to stop when I think of the future, when people ask me this question because it is so open ended. Do people mean ten years? A thousand years?, A million? Therew is a conflict now between asserting national identity and communicating clearly internationally. As it becomes easier to create typefaces electronically, will cultures that have lost their written language now rediscover them? Will English still be the ‘international language’ or do we need a new international language based on Chinese? In the longer term, will we evolve into a new way of writing that can be sent quickly electronically? Technology has always affected the future of language from ancient wax tablets to the computer screen. Will choosing typefaces become almost superfluous because the same information has to be displayed on so many different technologies? Will another alphabet have the same number of characters in a thousand years
time? Will people still use typefaces if they don’t use reading as a primary form of communication? Just to namedrop, I once asked William Burroughs to write a piece of text for a project I was doing at college. He never wrote the text but he was kind enough to invite me to meet him at a private view of his artworks and we had an interesting discussion about the future of typography. I asked him bout his feelings about typography and he said that he wasn’t interested in it because all words and representations of concepts, would be replaced by a system similar to Ancient Egyptian hieroglyphs that would be understood worldwide. Something which would naturally develop from the system of pictograms in airports or people’s experiencing and interacting international spaces. How does a student learn to be a good typographer? It’s a case of first being interested in the subject and wanting to find out about it. The principles of good typography have not changed since the beginning of printing and are universal across languages. They are to do with aiding legibility such correct work count, line length and understanding hierarchy of information. Its not difficult to find the information, then only by actually doing it you will you know what is good and bad. So I would say learn the rules of good basic text setting, then start with the experimental work after you have done this. It sounds silly I know – yes you must have passion and a desire to change things – but you also must have knowledge of the rules to rebel against. Almost as important is a critical awareness, knowledge of where you are placed within your discipline and history. If you learn these three things they will provide at least the parameters with which to understand the complexities of typography and produce work which can be innovative.
Editorial Manifesto of 6
Turning Pages
Paul Willoughby ‘Blurrint vision you see type and images as abstract forms and shapes and balance weights and compositions without overanalysising content. When considering how a graphic is held within the page, it narrows your view of positive and negative space.’ Turning pages ‘There are two ways of viewing type: as striking visual elements that can completely change the attitude of the reder towards the printed page; or as mere background, that most readers aside from typographic geeks barely even notice. Both are equally true.’ Laura Meseguer ‘Typography plays a major role, whis is that communicating and it does it by titles, paragraphs, columns and is based on how these are intergrated with the other elements of the magazine thus defining the style (sober and functional, fun and flashy, ect.). Typeface is used on three basic levels (arranged in columns, paragraphs around images or on pages); headlines (words or phrases); or in small sections (such as subtitles or captions) or even others that are more discreet (page number, section titles).’
Typo Mag
Ludovi Balland ‘In my projects, typography is always one of the most important issues. What is more exciting than choosing your outfit before going out? Typography is the outfit of the text.’ Emiliano L.Suarez ‘If you’re working on editorial or print projects, print it out to preview your design. Dont work only on screen especially if you’re combining small and display size fonts as you can get confused- make sure you’re not zooming in at 6400% to read your smallest font size’
Luise Mendo
WW
Picture Caption 1
Often in my teachings I use the metaphor that magazines are old radio shows. You probably know these: a story being tolf on the radio with many different characters coming in and out of the rooms, expressing their personalities only through voice differences, accents, maybe in the way they pronounce the letter ‘R’. Not only single image to illustrate them; the only information we are provided with to make sense of what is happening and how people react comes in the form of sound: the different voices, the special effects, the changes of rythm, the dialogues. This is exactly how type works. You have words, combinations of letters that create ideas, interpreted by the reader. But the type treatment helps us understand - before you read one word - what is important, what is not, if it is a story about politics or light gossip article, comunicated all this by type. In other words, you could “read” a magazine in a language you totally don’t know just by looking at the type treatment: size, the chosen typeface, the colour, underlining decoration all these things are sounds of a radio show, tell us who’s the good guy, who’s the bad guy and who’s the girl in the story. Thank god for type.
Picture Caption 1
In an era when we are literally immersed in messages, the personality, size, font and treatment of type can tell you much more than words alone can. That makes art director behind a magazine such an influential figue with the power to say things, to make the reader read something or neglect it.
Studio Profiles
Biblioteque
Bureau Bruneau
Colophon
Eric Hu
Grilli Type
Hey Days
Hort
Biblioteque
Olt Aicher
Le Corbusier
Dieter Rams: Ten Principles
Tim Beard / Jon Jeffrey / Mason Wells
Biblioteque are one of the foremost young uk design groups. Formed by the trio of designers Jon Jeefrey, Mason Wells and Tim Beard.
London
2003
D&AD
Flint
Bureau Bruneau
Ludvig Bruneau
After graduating from the Graphic Design department at Westerdals School of Communication in 2010 he undertook an internship at Sagmeuster Inc. in New York
Lava Film AS
Lava Film AS
I mainly work with printed matter ranging from visual identities to editorial design and packaging. The ideas behind my projects varies from technical to emotional concepts.
Oslo/ Norway
Lava Film AS
Cesium 137
Cesium 137
Colophon
Picture Caption 1
Anthony Sheret / Edd Harrington
From Apercu to Untitled
Apercu Specimen
From Apercu to Untitled
Colophon is an independent type foundry set up by Brighton based design studio, The Entente. As well as distributing and acting as a platform for fonts designed by The Entente, it selects fonts designed by other designers to distribute and create products for. Some of the typefaces released by colophon are limited edition ranging from 50-500.
Brighton/ UK
Eric Hu
Eric Hu
Panoramic Landscape
Eric works through a range of medias focussing on typography identity and publication design.
New York/ USA
Panoramic Landscape Ruisse The Lagoon is Gone
Grilli Type
Visuelle Dialogue
Visuelle Dialogue
NoĂŤl Leu / Thierry Blancpain
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut mi elit, quis iaculis turpis. Aliquam gravida leo at massa ullamcorper a mollis ipsum feugiat. Nunc dui turpis, luctus in ullamcorper vel, pharetra ut arcu. Nam et velit quam, sit amet sollicitudin metus. Vivamus ut dignissim nisi. Morbi facilisis lacus nisi, eget interdum enim. Ut euismod nibh ipsum. Phasellus sit amet nunc dui.
Switzerland
2+++
Visuelle Dialogue
Hey Days
Berg & Berg
Berg & Berg
Berg & Berg
Mathias Haddal Hovet / Lars Kjelsnes / Martin Sanne Kristiansen / Thomas Lein / Stein Henrik Haugen
Heydays work across a variety of media and fields ranging from identity design to art directing. Working in the fields of publications, magazines, campaign marketing, web, packaging and motion graphics.
Oslo / Norway
2008
Heydays Stationary
Heydays identity
Heyday Business cards
Hort
Kiefler Woche
Zoom Lebron IX
Calle Underground
Eikes Grafischer
HORT began its inhabitance back in 1994, under the previous stage name of Eikes Grafischer Hort. A direct translation of the studio’s mission. A creative playground. A place where ‘work and play’ can be said in the same sentence. An unconventional working environment. Once a household name in the music industry. Now, a multidisciplinary creative hub. Not just a studio space, but an institution devoted to making ideas come to life. A place to learn, a place to grow, and a place that is still growing. Not a client execution tool.
Berlin / Germany
1994
Bauhaus Dessau
Bauhaus Dessau
Bauhaus Dessau
Studio showcase
Show c
case 1#
Chapter 2.
Type in Identity
Essay/ Interview 1
Essay/ Interview 2
Quotes on type in Identity
‘Letters are not pictures but signs for sound’ Eric Gill ‘The Alphabet is a system of visual symbols used to denote language.’ ‘If language is phonetic, writing was orignally simply a means of recording it or conveying it to people out of earshot.’ Angus Hyland The message is always very clear and straightforward, the typography much more ambiguous and open for interpretation. I found that by utilizing an open typographic approach combined with the clear message many viewers have an easier time relating their own experience. Sagmeister
Quotes
Add scan
Studio Profiles
Hunt Studio
Julia
Lineto
Main Studio
Milieugrotesque
OK-RM
Hunt Studio
Melbourne / Australia
Process Journal 6
Process Journal 6
Process Journal 4
Hunt Studio is a Melbourne-based boutique design consultancy that specialises in considered and bespoke design outcomes across all mediums and formats. Working with a wide range of clients across all disciplines, they pride themselves on our their attention to detail, and the unique process they bring to each one of there projects.
Process Journal 6
Process Journal 4.5
Julia
Valerio Di Lucente / Erwan Lhuissier / Hugo Timm
Premio Typeface: Wallpaper Magazine
Variability Exhibition
Julia is Valerio Di Lucente (Italy), Erwan Lhuissier (France) and Hugo Timm (Brazil). We met at the Royal College of Art in London, founding the studio in 2008 upon our graduation. We work on books, typefaces, exhibition design, posters, websites, identities and tablet applic tions. Our practice is complemented by teaching in the UK and abroad.
London / UK
2008
Volt Magazine
Volt Magazine
Lineto
Cornel Windel / Stephan Muller
Lineto started out by Cornel Windlin and Stephan M端ller in 1993, five years later they jointly set up Lineto.com to distribute their own typefaces on the web.
Simple Specimen
Akkurat Specimen
They have invited a number of their fellow designers to publish their own fonts alongside. Lineto has grown into a reputable library of original typefaces. As of 2007 J端rg Lehni has officially joined forces as a third associate.
Switzerland
1998
LL Brown Typeface
Replica Specimen
Main Studio
Edwin Van Gelder
Mark magazine
A wonderful World
Les Canaux De La Mode
Mainstudio’s projects include editorial design, books and visual identities for clients within architecture, art and fashion. His design approach is creating a clear concept, while always playing with the context of the information.
Amsterdam / Netherlands
2004
Stills- Wiel Arets
Stills- Wiel Arets
Milieugrotesque
Generika Specimen
Generika Specimen
Lacrima Specimen
Timo Gaessner / Alexander Meyer
MilieuGrotesque reflects Timo and Alexander’s interest and involvement with all things typographically related to work and thought.They also provide comprehensive typographical consulting, exclusive typefaces, bespoke designs and custom font solutions tailored to particular requirements, such as stylistic refinements, unique logotypes, language extensions as well as technical adaptations for any conceivable medium.
Berlin / Zurich
2010
Chapeau Specimen
Chapeau Specimen
Generika Specimen
OK-RM
In other words
Seascape
Picture Caption 1
Oliver Knight / Rory Mc Grath
The studio has a project specific approach allowing for a highly varied output that encompasses visual identity, publication design, art direction, editorial and digital projects. The studio’s methodology is built on an objective to communicate the intrinsic attributes of each commission through well-crafted, thoughtful and direct solutions. A grounding in conceptual thinking and a distinctive language based typographic approach is essential to the studio’s practice.
London / UK
2008
Zuneta
Zuneta
Free to Air
Studio showcase
Showc
case 2
Chapter 3.
Type Production
Karen Cheng
Erik Spiekermann
Quotes on type production
Karen Cheng on the process of type design
There is no single, ‘correct’ process for creating a typeface. The methodologies of individual designers are as unique and varied as the designers themselves. In some ways, the most difficult part of the design process is finding the initial inspiration to make a font. The vast number of existing typeface (last estimate at 50-60,000 in 1996) can be intimidating, especially for the novice designer. Still, the ongoing proliferation of type shows no sign of abatement; if anything, the complexity of the modern world encourages continued growth. Many of the new fonts issued today are commissioned by clients for specialised audiences. For example fonts have been customized to appeal to readers of every possible demographic: conservatives, liberals, children, teens, the elderly, sports fans, fashion followers, enviromental activists and technological enthusiasts, to name a few. In some cases, the inspiration behind a new font is purely visual. A typeface is the formal manifestation of the authors voice. Type adds subtle but important nuance to textual communication. The right typeface, in combination with layout and typography, results in documents that are precisely tailored, aesthetically and conceptually, to a single purpose. Regardless of the motivation behind the design, once and initial idea has germinated, the next logical step os tp define specific typographic parameters. Moster designers begin by sketching a few key letters that set the proportions and personability of a font. (These letters vary from face to face, but generally, the lower case a, e, g, n and o are good starting points.) Once the selected letters have been roughly outlined, a word or series of words can be
tested . One frequently selected term is ‘hamburgefontsiv’ since it includes many of the most commonly occuring lower case letters. Alternatively, asentance or simplWe text passage can be an effective test. The first sketches can be created manually or digitally. Digial programs include both vector drawing applications (such as adobe Illustrator) as well as specialist font design software (such as FontLab, Fontographer or DTL Font Master.) Generally speaking, novice designers are off drawing type characters by hand. Organic curves (such as those on the s, a and g, for example) are difficult to render with points and line segments; the hand and eye are usually more graceful and more accurate in a physicalenvironmentwith a fixed scale. Additionally, free sketching encourages creativity in the early stages of design. Once the basic design idea for a font has been determined, the full set of characters (letters, numbers, punctuation, symbols and diacritics) must be fleshed out. Analogue drawing must be scanned and traced to create digital character outlines. After all digital outlines are refined, characters must be imported into specialist software this is to complete the final stages of production; spacing, kerning and hinting. The initial spacing of a font is set by determining the left and right side bearings of each character (the side bearing is the distance between the letterform and the sides of an imaginery bounding box. Setting the sidebearings would be simple if all the characters had the same width (as in monospaced typewriter font) or the same basic profile (for example, diagonal, round, square). However, most fonts contain letters, numbers, symbols and
punctuation with vastly different widths and shapes. Therefore, each character requires customized sidebearings that are appropriate to their unique form, width and density.
Both spacing and kerning can be set automatically in the previous discussed font design softwares. The default values generated, however, should be used as an inital guide rather than the final result. Spacing is an arduouse process that requires substantial testing and fine-tuning. The overall set of a typeface should be optically even so that text blocks uniform shade of grey. Additionally, the se of type should be ‘normal’ - nether too tight nor to loose. Tight setting impair legibility, since they create confusing letter combinations ‘rn’.
There i s no right or wrong way of creating a typeface, each designer is different and has his or her own way of working. It gives a good insight into what is generally considered when working and designing with type.
Extracts taken from DesigningType
Unfortunately , even spacing cannot be accomplished solely through the setting of letter sidebearings. Characters with open diagonal sides the A, J, L, P, T, V, W, Y, 4, 7, f, j, r, t, v, w and y) cause problems, since their structures must extend into the space of adjacent letters to prevent unsightly gaps. The process of finding and adjusting these awkward letter pairs is called kerning.
Erik Spiekermann
Throughout his illustrious career as a designer and typographer, Erik Spiekermann has created dozens of commercial typefaces (FF Meta, FF MetaSerif, ITC Officina, FF Govan, FF Info, FF Unit, LoType, Berliner Grotesk) and many custom typefaces for world-renowned corporations.
What do you think of Apple and their approach to design in general? How does their industrial and web design compare to typeface design? I bought my first Mac in 1985 and have probably bought every single computer they ever made at one time. I also have a large collection of equipment by BRAUN, most of it designed by Dieter Rams. If you look at the stuff from the 60s now, you see where Apple (i.e. Jon Ives) get their direction. They have learnt to bring objects down to the essentials without making them look boring and purely functional. They know that aesthetics play a big role in function because we do not like to use anything that is ugly. Function also follows form. Perhaps that is the common denominator for my typefaces: I have always designed my faces for a specific purpose, but they always have to look pleasing, whatever purpose they serve. Can you briefly describe what the current process is like for you to create a new typeface and where do you get your inspiration from? The question about inspiration is tedious because I work like everybody else. Everything can be inspirational, there is no method or proper process. Like any design process, I look at the brief, take it apart, look at comparable briefs, make analog sketches, discuss with colleagues and the client and then carry on condensing the sketches, at some point digitally. What are the challenges today for someone getting started in typeface design versus when you first started in the 1970s?
There is more competition out there. While there are fantastic tools available that I would have killed for, it has also become very difficult to master all of them. We are therefore on the way back to share work between people. Some of us are good at sketching, some at programming, some at using production tools. Not one person can do all of it equally well. That is how type used to be made before desktop computers and that is how type is made again today. Can you describe your ideal work environment? This is a silly question because I have no fixed formula. Every project is different and the work environment is always different as well. I do not work on my own, ever. (See question “Can you briefly describe what the current process…”) Which typefaces’ styles do you think will be the most popular in the near future and why? The ones that express the Zeitgeist, In other words: all the styles that are appropriate, fashionable, legible and cool, how ever that may be defined at the time. We do not have one style or fashion (not even within one culture, let alone globally) anymore but many currents at the same time. Type design has always been eclectic. Type has always mirrored what went on in the visual world. These days it does so as quickly as music does and even more quickly than literature and film because you can design and produce a single typeface in a few days, all on your own. It is only the larger, more professional typographic systems that need weeks and months to complete, but even that is less than what it takes to make a movie.
7 Solutions for creative block
1. Avoid Do something else, wash the car, back-up your data, do errands. 2. Think Sit back and think about the issue, just let your mind go. 3. Research Look up stuff, go through your old projects, but avoid Google it takes too long to find anything useful. 4. Collect
We all have lots of stuff; there must be something in there that is waiting to be used.
5. Sketch Drawing is great, even if you have no talent. Just visualising the simplest things makes them come alive. 6. Deconstruct
Take the problem apart, look at the parts and then put them back together.
7. Talk
Quote on type production
Quo
otes
Studio Profiles 3
Onlab
Rosario Florio
Salut Public
Studio Makgill
Studio Newwork
Toko
Onlab
Nicolas Bourquin
Berlin / Germany
Claude Loewer: Exhibition
Claude Loewer: Exhibition
Onlab’s aim is to develop innovative approaches and strategies as well as solution-oriented and structured working methods while looking at cultural differences and similarities in a subjective manner. onlab’s core strategic goal is to link content and production aesthetics with elements of topicality.
2001
Ohne Grenzen Year Book 2012
Ohne Grenzen Year Book 2012
Ohne Grenzen Year Book 2012
Rosario Florio
Switzerland
Picture Caption 1
Picture Caption 1
Picture Caption 1
Since 2009 Rosario has been working with some friends and set up Bureau Collective. This coprises of Larissa Kasper, Banziger Hug, Dominic Rechsteiner and Andreau Rueeger.
Picture Caption 1
Picture Caption 1
Salut Public
Picture Caption 1
Picture Caption 1
Picture Caption 1
n/a
Resolutely geared towards international markets, Salutpublic forge its practice around the book design , the architectural identity, the graphic design and designing websites. With its multidisciplinary experience, the studio permanently binds the form to content and develops strategies and structural narrative for arts and cultural mediation.
Brussels
2002
Picture Caption 1
Picture Caption 1
Studio Makgill
n/a
Box Park store front
Picture Caption 1
Box Park Signage
Focusing on brand identities and visual communication for a broad and discerning clientele.
London
2005
Pantograph type
Lollipop Shoppe
Lollipop Shoppe
Studio Newwork
Picture Caption 1
Picture Caption 1
Picture Caption 1
Mewwork Magazine
n/a
They work across a range of media spanning print, screen graphics, products, and environments, aiming to create newness that could last decades.
New York / USA
2007
Picture Caption 1
Picture Caption 1
Toko
Eva Dijkstra / Michael Lugmayr
Toko philosophy and creative process follows a distinctive conceptual approach in which critcal thought, experimentation and collaborations are key.
Agda Extra Bold
Picture Caption 1
Based in Rotterdam and in 2008 permantely operating out of Sydney, Australia.
Rotterdam / Sydney Netherlands / Australia
Twin
Host
Picture Caption 1
Showcase 3
Showc
case 3
Index
www.bilioteque.com
www.bureaubruneau.com
www.colophon-foundry.org
erichu.info
www.grillitype.com
heydays.no
www.hort.org.uk
www.huntstudio.com.au
www.julia.uk.com
lineto.com
www.mainstudio.com
www.milieugrotesque.com
www.ok-rm.co.uk
www.onlab.ch
projectprojects.com
www.rosarioflorio.ch
www.salutpublic.be
www.studiomakgill.com
www.studionewwork.com
www.toko.nu
Baubauhaus
Collate
Darkside of typography
Design Inspiration
Eight 48
ffffound
Graphic Exhchange
Ignant
ISO50
Mag Culture
Many Stuff
Nous Vous
Index 2
Nowness
Recolte Difgitale
Reform
September Industry
Slanted
Today and tomorrow
Trendlist
Type Token
Typographic art stuff
Visuelle
Void
Computer Arts Collection
Desinging Type
Grids
How to be a Graphic Designer without losing your soul
Studio Culture
Symbol
Turning Pages
TypoMag
Acknowledgements
Adrian Shaughnesy Andrew Losowsky / Gestaulten Ambrose / Harris Angus Hyland Erik Spiekermann Karen Cheng Laura Mesgeur Simon Garfield Tony Brook
In
nside back
Back Page