We live at a time of rapidly increasing automation. Today, information is almost completely reliant on digital networked media formats and platforms for its production, publication, preservation and relevance. All information ends up on screen, one way or another. Yet despite the abundance of digital formats and processes, graphic designers are continually rediscovering and redefining the fundamental qualities and affordances of analogue processes.
Designers who explore the use of handmade type in their designs:
Niklaus Troxler
Niklaus Troxler is a Swiss graphic designer. This design is inspired by his love of jazz music. This is a poster for a jazz festival and is a silkscreen print. The random markings and splashes express the freedom of jazz music and its random pattern. The bubbly markings imply softness and a happy spontaneity.
Mut zur Wut: Schluss mit der Schwarzmalerei (‘Enough of that doom and gloom’) poster
This poster by Troxler also uses handmade type. He has used ink to create expressive text. This time, the expression is more harsh than the jazz poster. The pale letters seem to emerge from a dark background.
badbadbadbad.com
Braulio Amado is a Portuguese graphic designer and illustrator living in New York. He produces playful, often colourful posters using a lot of analogue techniques such as paints, pencils and collage.
I like the way Amado combines random splashes of merging colour with a fine, capital typeface.
The text is placed at the top of the poster in neat lines that make the information easy to read.
‘Poster: British Painting exhibition at the Hayward Gallery
Arts Council of Great Britain1974
The Arts Council commissioned a poster to announce an exhibition of British painting in London’s Hayward Gallery. By using the title as the feature of the poster, and drawing the conventional letters as abstract ad illustrative symbols, the lettering was appropriately converted into pictures. The image was also used as the cover for the catalog.’
I like the combination of chunky and fine markings. The finer lines look as though they have been drawn by pen and the thicker lines could be brushstrokes.
‘Decorative posters: Fruit & Cream, Snacks & Breakfast and Cheese & Biscuits
Lyon’s Tea Shop1968
These posters were designed as an inexpensive way of enlivening the dreary interiors of the Lyon’s chain of teashops.
Inspired by the decorative lettering of the Lyon’s sign, Fletcher created a series of brightly coloured typographic posters dealing with the theme of food. Not only did they stimulate the appetite, they also offered culinary suggestions.
The typographic sources of the posters are various. While some, such as ‘Cheese & Biscuits’ suggest that Fletcher had been rifling through nineteenth-century type catalogues, others, such as ‘Fruit & Cream’, derive from the designer’s own handwriting.’
Ed Fella
Beautiful posters by Ed Fella. ‘He spent 30 years as a commercial artist in Detroit. During that time he experimented with typography and gave lectures to students at the Cranbrook Academy of Art.’
‘Edward Fella’s whimsical and extremely detailed typography has had an important influence on contemporary graphic design. His signature deconstructive style, featuring colourful hand-drawn font, broke every rule in the hand-book. Fun, mad and eclectic, it is no wonder that It’s Nice That love him.’
This poster makes use of cut-out lettering. The designer has cut the title from paper, which reflects the art of Henry Moore, whose exhibition the poster is advertising.
Moore poster, Henryk Tomaszewski, 1989.Peter Mendelsund, book covers, (2013)
The combination of a classic-looking serif typeface, with the handwriting gives an interesting contrast. The handmade lettering look as though they have been scrawled onto the cover with a black marker. This gives the impression of someone breaking the rules and therefore adds a mischievous personality. I imagine the characters in these books must be rebellious in some way.
Il Pleut, Guillaume Apollinaire, 1918Lewis Carrol, Mouse’s Tale, 1865
Using the text I came up with from the random word generator, I played around further with the tools I’ve learned so far.
The reason I like this collection of words, is the double meanings.
‘Palm’ could be a palm tree or the palm of a hand.
‘Match’ could mean a pairing of 2 objects or people, football match, or a matchstick used to start a fire.
This is found often in poetry.
I typed the words using the type tool in adobe illustrator. I then turned them into vector images and experimented from there.
Below are the first 4 examples. I included italic font in the second image, to place emphasis on the adjectives ‘Blank’, ‘revolutionary’ and ‘perfectly’. I liked the effect this had of almost breaking down the text. I feel it made it easier to understand.
In the fourth experiment, I formed the words into a bridge shaped structure to illustrate the word ‘bridge’. I enlarged the ‘A’, as I felt this letter also has a bridge-like structure.
Placing these images into adobe photoshop, I was able to add these effects:
‘Radial blur’‘Ripple’
I then went back into adobe illustrator and experimented with the words again.
Large to small and cluttered to neat. I feel this suggests a large blank space and a small match.
2) Disorder to calm, like a wave crashing on the shore or something disrupting the flow.
3) Use of serif font (Bodoni) sets the middle sentence apart from the rest of the text and suggests something more formal.
4) Image trace> line art> increase stroke> outline>invert fill. I then went back into the image with the pen tool and added lines to help the words be more legible. I arranged the words in a way that feels more free and perhaps palm-leaf-like.
When there are words with a double, or triple meaning, the way they are presented/ arranged can help suggest to the reader which meaning you want to get across.
There is text that is seen and text that is read. I will be exploring what text does, rather than what is says.
Dada artists:
The optophonetic of poet Raoul Hausmann, presented by Cecile Bargues (Visual representation of sound poetry). http://www.diptyqueparis-memento.com/en/dada-optophonetic/
“I pasted words and sentences together into poems in such a way that their rhythmic composition created a kind of drawing. The other way around, I pasted together pictures and drawings containing sentences that demand to be read.” — Kurt Schwitters
Schwitters’ also wrote sound poems. This is where phonemes are separated and recombined so they are no longer words.
‘Twelve’ poem by Kurt Schwitters https://www.hamishandmartine.co.uk/hamish-martine-and-kurt/
Schwitters also produced drawings using letters. These cannot be read, but instead were to be viewed for their visual quality.
I really like the shapes he creates on the page, in the above poems. The ‘Cigarren’ poem has been designed to be displayed as a long thin line, imitating the cigarette shape.
Concrete poetry is poetry in which the poet’s intent is conveyed by graphic patterns of letters, words, or symbols rather than by the meaning of words in conventional arrangement.
https://www.britannica.com/art/concrete-poetry
Kenneth Goldsmith
Kenneth Goldsmith explores ‘Uncreative writing’ in his book with the same name. In this video, he is reading a newspaper article as a ‘contemporary poem’.
Lists
Being a reader myself, I have always been fascinated by the beauty of words. The mundane becomes interesting when frame it or combine it in new or random ways.
I particularly like a list. This is one kind of list, my housemate’s shopping receipt from the supermarket:
Sam Winston
In this poster, Winston has cut the words of a story up, and arranged them in lists of alphabetical order.
Winston creates incredibly detailed and intricate artworks using words. In the piece Stolen Dictionary, he cut the words from the dictionary and pasted them in a formation that reflected his own narrative. I like this idea of re-purposing words that have been printed for another purpose.
My Experiments with un-creative writing
My first approach was to collect together random leaflets, flyers, catalogues and an unwanted novel. I then cut out words, but in a loose way. For example, I didn’t want to control the process too much. I wanted the sentences to be a bit random and not make sense completely.
I glued the sentences onto paper and scanned the page:
My second method came as an accident. I had earlier cut words from the green paper. This left rectangular gaps in the paper. When I laid it onto another page of text, certain words showed through. I then continued to cut into the paper, mostly at random, but I had to look at the page underneath to check the gap would show a line of text and not half a line.
I like this formation, because it is not a predictably (left-aligned) arranged text. It can be read in more than one day, decided by the viewer.
Words from The Picture of Dorian Gray by Oscar Wilde
My third method was to use the random word generator.
I used it to generate singular words, writing them on paper as I went. I then re-arranged the text to an order that made sense to me/ had a better flow:
Blank arrangement
at the revolutionary bridge.
A perfectly palm-sized match.
How to place the text?
How the designer chooses to arrange the text will have an impact on the overall message.
‘Alignment refers to the way individual elements of a design are arranged. This is commonly seen in text placement- for example, most lines of text in a Microsoft Word document are left-aligned by default, where the text forms a uniform line on the left-hand side.’ (quote found here)
I looked at Modernist design to see how text could be placed within a design.
‘Kazimir Malevich, An Englishman in Moscow, 1913-14. Painted in what was known in Russia as a Cubo-Futurist style.’
The painting reflect the principles of Cubism. It has an underlying symmetry. The almost random placement of text in this piece, creates a feeling of freedom and playfulness. A more abstract alignment can add a dynamic quality.
Bauhaus
A poster for Josef Albers’ Dismountable chair, 1929
The playful curving of text around the corner of the material echoes the curve of the furniture. The edge alignment of text at the top and bottom of the page act as a frame and focus the viewer’s attention to the central image.
A. M. Cassandre, Harper’s Bazaar magazine cover, 1939. ‘This cover playfully exploits Cubism, Purism and Surrealism to create a memorable image of chic modernity.’
Here, the cover lines are aligned around the shape of the mask.
‘Cover Lines: These are lines of text on the front cover which allows the audience to see what sort of content is within the magazine.’ (Slideshare.net)
The way the text is tiered makes it ‘step up’ across the cover. This is more fun than if Cassandre chose a right alignment for example.
‘Cassandre’s imagery was so strange that his work looks psychedelic today (the chemical Surrealism of a later time). For an American magazine of this era, his work must have stood out like a big strange thumb.’ (quoted from here)
“During his brief tenure as cover artist for this high-end fashion publication, Cassandre both brought Surrealism into American editorial illustration and depicted the emotional and mental collapse of an entire world as it rapidly disappeared forever.” — Art Chantry
Jan Tschichold
‘In 1927, he joined a group formed by Kurt Schwitters, The Circle of New Advertising Designers. It was this group that formulated the principles of what was proclaimed The New Typography. Although the group had some dialogue with the Bauhaus they kept a distance, possibly for fear that either side might subsume the other’s identity. The New Typography was organised around these principles:
asymmetrical balance of elements
content designed by hierarchy
intentional white space utilisation
sans serif typography
(above) The cover of Typographic Mitteilungen: Elementare Typographie, 1925, a trade magazine in which Tschichold introduced the ideas of the Russian Constructivism and The New Typography to Germany’s printers. The content was met with great controversy but was widely adopted.’
(right) Gustav Klutsis, ‘Workers, Everyone Must Vote in the Election of Soviets’ poster, 1930. For this memorable image Klutsis used his own hand, repeated many times.
The elements in this poster create diagonal movement. This gives the image a sense of instability and something in motion.
“Constructivism is early Soviet youth movement created by Vladimir Tatlin that was inspired by Cubism, Suprematism and Futurism. It flourished following the Russian Revolution of 1917 and sought to abolish the traditional artistic composition, and replace it with “construction.” Concerned with the use of “real materials in real space”, the movement sought to use art as a tool for the common good, much in line with the Communist principles of the new Russian regime.
The foundation of Constructivism was to express the experience of modern life and to develop a new form of art more appropriate to the democratic and modernizing goals of the Russian Revolution and build a new society.” (info sourced here)
Herbert Matter, Travel poster, 1936
This poster is promoting the Swiss travel industry. Arranging the text at an angle reflects the slope of the mountains and action of the skier in the background. This text arrangement hints at the fun and adventure of the holiday.
Working with scans
scan of the collageTo create this effect, I opened the scan in photoshop and played with the levels. These colours are disturbing. They distort the words and affect the readability of the text.scan of the collage
When working from the scan, I can achieve many effects. The image is restricted in that the placement will remain the same as when I manually stuck the pieces on the paper. However, I have the option of moving each piece individually by turning the image into a vector on adobe illustrator.
I can then select ‘line art’ ‘technical drawing’ and other options to change the appearance of the line.
I opened the scan in adobe illustrator. I transformed the scan into a vector image, by clicking ‘Object’ > ‘Expand’. This was the result.I then selected ‘pathfinder’ > ‘outline’ > stroke 2 pt.Because the image is now a vector, I was able to ungroup it, take the letters apart, or distort each letter, as above. I stretched the ‘u’ and ‘a’.
I experimented with bitmapping the image. After opening the image in photoshop, I then converted it to greyscale >bitmap > diffusion dither. This was the result:
‘Diffusion dither’Diffusion dither, then ‘invert’ flips the image to the negative version.
Some effects affect the readability of the text. I opened this scan in adobe illustrator and turned it into a vector.
I liked the look of the word ‘substitutions’, but the other words are mostly unreadable.
The word ‘substitutions’ reminded me of this modernist style by the design duo Sawdust:
‘Legibility and readability are not the same thing. The degree to which a typeface is legible is entirely dependent on the designer of the typeface, whereas readability is largely the province of the typographer. Legibility is the degree to which individual letters can be distinguished from each other. Generally, the most legible typefaces are those with larger, open or closed inner spaces.’
Readability refers to the ease of reading text. ‘the reader should not normally be aware of the activity of reading at all.’
‘The ability to read quickly and to be able to select in order to use time efficiently depends very much on the order and arrangement of type being normal. Surprises are disruptive to the mechanics of reading.’
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duration
Description
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.