Professional Documents
Culture Documents
Politecnico di Milano
Communication Design, 2010
Contextual Ligatures
Boss Said
W
elcome on Ligatures. What Road signage is a good example of how
you have in your hands is a this art, that seems to belong to an older time,
journal of typography about has actually a big impact on our daily lives.
typography. As you may Typography is at a crucial moment in its histo-
have already noticed, this is ry: while governments insist on mistreating it,
a magazine with a double reading: Contextual digital publishing sets it free from being a mat-
and Discretionary. The latter addresses the is- ter for the chosen few, making it available to
sues closer to the fans of glyphs and kerning, those who are unfamiliar with its rules as well.
while Contextual treats typography applied to While on the one hand there are numerous
the everyday world: typography, how it is and events that bode well for a return to the golden
how it should be. age of Venetian printers, on the other hand we
This issue features a major report on road are faced with an unfortunate and raw use of
signs: when they were developed, who the pro- what has been discovered as if it were the latest
tagonists were and how we arrived at today’s fashion. It takes just a few minutes browsing
babel of signs and signals. Studies on this kind web sites about graphics to see how typogra-
of typography could provide great help to the phy has become a new virus. Text becomes im-
people: which characters are the most appro- age, dominated by effects of light and such, but
priate, which weights are more suitable for fast rarely the typeface adds any meaning to the im-
viewing, how much tracking is necessary and age: most of the time its choice is based on ste-
which corrections are needed, going from posi- reotypes or pleasant curves only.
tive to negative. Every cloud has a silver lining and, from
All these studies have been conducted in iso- some of these resembling drifts, several valu-
lation (often with very positive results), as there able ideas, which are worth working on and
isn’t any institution or organization that deals may be able to produce some really interesting
with the development of an effective empirical works, may eventually arise.
study of signage – an activity that any driver on
the road would very much appreciate. Darth Vader
1
Index
07 Guilloches
ROAD SIGNAGE
24
09 Gargantua
A journey into the world of signage.
When it was born, who the main
Event Report
designers are and which types are used.
10 THYPE!
27 HISTORY OF SIGNAGE Three days of hard work
at Politecnico di Torino in
When and why were honour of typography.
road signs born?
40 PICTOGRAMS
42 BOOK VS IPAD
In a few decades there has Print is dying.
been a general change of Digital is surging.
reading habits. Let’s understand
if and how books
could be replaced.
2
Contextual Ligatures
Anthropology Year 1, issue n#1 – Reg. trib. of Milano number 1537 of September 28, 2009
& LEGIBILITY
What does reading really mean? Director Graphic & Art Direction
What is the difference between Darth Vader Alessandro Dallafina
TYPOGRAPHY EDITOR
The Italian science magazine Philip Morris Stefano Meroni
is back with a new look. Valeria Farina
3
News
http://www.type-together.com http://www.cofa.unsw.edu.au/
Bree: I love her Poster
4
Contextual Ligatures
all Portfolio and Performance ac- U’, he actually meant that.” Typography Contest. The results
counts can be used with unlimited You can browse through its 166 were announced by Kamel Gaddas,
websites. No matter how many pages and, if you like it order the WinSoft International CEO in a
domain names you own, you can book, you can do it right via web. ceremony held at the Adobe Beach
use Typekit on all of them now. Bash today in Dubai.
Use as many fonts as you like, www.hyperactivitypography.com The theme of the contest was
across as many sites as you want. collaboration and communica-
And if you’re a designer or agency tion, two fundamental values for
working on client sites, go ahead Colosseo Letterpress Poster WinSoft International as well as
and use your single account to UNESCO’s theme for 2010, the
serve them all. What began as a 10-year wedding
anniversary to Rome concluded a
http://typekit.com/ year later as an artistic endeavour
to re-imagine the Coliseum with
type. In March 2009, Cameron
Must! Have! This! Book! and his wife, Suzanne, spent sever-
al days in Rome to celebrate their
The in-school design agency 10-year anniversary. This was also
Studio 3 (part of the Norwegian a chance to observe in detail the
Coliseum, which Cameron had
5
World
I
’ve just seen this project on drawing them out on a wall using
Swiss Miss and I really like the biros:
idea. Matt Robinson and Tom
“A selection of the most
Wrigglesworth compared just how
commonly used typefaces were
much ink different common type-
compared for how economi-
faces use at the same point size by
cal they are with the amount
of ink which they use at the
same point size. Large scale
renditions of the typefaces
were drawn out with ballpoint
pens, allowing the remaining
ink levels to display the ink ef-
ficiency of each typeface.”
It’s not a scientific analysis or
anything but it is a gloriously fun
thing to do. I like the way they
ended up with a graph made out
of biros at the end of it, showing
how much ink is left, the resulting
evidence is its own data. It’s a great
way of explaining typographic col-
our too. Love it.
Matt Robinson
www.matthewrobinson.co.uk
6
Contextual Ligatures
B
anknote patterns fascinate
me. I can get lost for hours
in all the details, seeing how
the patterns fit together, how the a The basic hypertrochoid equation. This makes a nice rosette.
lettering works, the tiny security
“flaws”, they’re amazing.
Central to banknote designs are
Guilloche patterns, which can be
created mechanically with a geo-
metric lathe, or more likely these
days, mathematically.
The mathematical process at-
tracted me immediately as I don’t
have a geometric lathe and nor do
I have anywhere to put one. I do,
however, have a computer, and
at the point I first started play-
ing with the designs (mid-2004)
Illustrator and Photoshop had b The guilloches applied to the old italian 500.000 Lire.
gained the ability to be scripted.
So off I went, using the hypotro-
choid equations on Mathworld to
create rather rough and ready pat-
tern; scripting at this point didn’t
have a very usable set of functions
for creating beziers, so I had to
use crummy line segments. The
process took ages and served just
to prove to me that I
could do it, but the re-
sults were too poor to
I can get lost for hours in
go much further. all the details, seeing how
Then, a couple of
years later I discov-
the patterns fit together,
ered Grapher on the how the lettering works.
Mac. Aha! Now here
was a program that could create
the patterns I was after and export
to EPS. Well, kind of.
7
World
8
Contextual Ligatures
Paul Dijstelberge. Born in 1956, he was a restaurant cook for 14 years and an expert bibliographer for 17 years. He completed his PhD on the use of initials
and ornaments in the 17th century, and currently works as an Associate Professor to Professor Dr Lisa Kuitert (History of the Book) at the University of
Amsterdam; and as a curator at the Special Collections. He publishes in the field of the history of the book and also writes short stories that have been
published in several literary magazines. He lives in Leiden with his wife and two daughters. www.grandgargantua.com
9
Event Report
10
Contextual Ligatures
11
Event Report
custom ligature
Marta Bernstein
Paolo Ciampagna
T
ypoGraphy and letters are an
“Invisible Need” without which
communication wouldn’t have Meet the Man
evolved into nowadays forms
and the everyday items we are all
familiar with. We met Francesco Franchi, unveiled
“Invisible” because we don’t often capture the his secrets, investigated his deepest
entire and complex form of a glyph, our atten- hidden treasures and bothered him
tion being held by the meaning the text bears, with a thousand questions to let
forcing the process that gives shape to the lan- our readers have a taste of what’s
guage to be hidden and put aside. “Need” be- happening in his genius-like mind
cause typography is nowadays a necessary tool and at IL’s editorial department.
to transmit messages internationally and with
rapidity, from newspapers to sms, from web to “IL–Intelligence in lifestyle” is a
books. monthly magazine, geared towards
Thype! is born from the wish of making to- men. It is sold together with the
morrow graphic designers more aware of the newspaper “Il Sole 24 ORE”, the Michele Bortolami
basic principles of each proper communication leading financial and economic daily
product that has its roots in typography. newspaper in Italy. One of its strong
The event consisted in three days of lectures, features is the use of the grid, the
conferences and four different workshops. typography and the headline design,
The conferences were held by the designers taking inspiration from the Swiss
involved in the event plus a very special guest formalism, and the bold and witty
on Thursday 6: Francesco Franchi, art direc- design of the 70s Italian and North
tor of IL, an italian monthly magazine winner European popular magazines.
of several awards for its graphic treatment, the
conscious and innovative use of infographics, at page 60 of Contextual
Tommaso Delmastro
the beauty in composition and the depth of its
reports.
12
Contextual Ligatures
Roberto Nacco
Roberto Balocco
editorial poster
design design
2nd floor
logo type
design design
1st floor
Piero De Macchi
13
Event Report
Editorial Design
Logo Design
14
Contextual Ligatures
Type Design
Poster Design
15
Event Report
www.nicobrusa.it
16
Contextual Ligatures
The Workshops
17
Books
H
yperactivitypography
from A to Z is an activity
book for typographers il-
lustrated in a nostalgic vintage
18
Contextual Ligatures
19
Exposition
J
une 2008: in the centre
of Lodi was created the
Museum of printing and
printmaking, born from the great
passion Eng. Andrea Schiavi had
for this art and its important his-
tory. The museum occupies two
thousand square meters on the
ground floor of what was, until the
eighties of last century, the former
printing Lodigraf.
The collection is among the
most important in Europe and
along with the Tipoteca Italiana
of Cornuda, which is specialized
on typefaces, is the most complete
in Italy. This includes machinery,
equipment and memorabilia from
different eras, showing all print
jobs, from the woodcut intaglio,
screen printing by the letterpress,
offset printing by lithography,
from manual to mechanical com- a A detail of the Linotype
position in lead up to the type-
setting and computer. A living
museum not only dedicated to
schools but to every lover and cu-
rious about this historic art.
At the entrance the visitors find
the Binding room, a fascinating
gallery whose walls feature large
panels from an ancient bookbind-
ing; many machines are ready for
cutting, folding, sewing sheets of
paper printed, and complete the
product-book with different fin-
ishes on the cover or back. a The art gallery, with the press machines
20
Contextual Ligatures
21
Exposition
45
Pages printed every year
To enrich the precious collec-
tion a complete system for educa-
tional use in the manufacture of
paper pulp from the watermark,
the machinery for printing cards
values, collections of old cars
and typing system for printing in
trillion
Braille, and a significant complete
implant for enamel Press relief
(rilievografia) with two beautiful
antique presses capable of print-
1886
ing in multiple colours. Introduction of the Linotype
Last in the museum, the Hall
of presses there is a rich and ele-
gant selection of presses from the
nineteenth century, mainly, from a A detail of the Heildeberg Cylinder
the famous Dell’Orto factory. Of
particular interest are the press-
es Stanhope and Albion belonged
to Claudio Wilmant, the most fa-
mous engraver and founder active
in Lodi and Milan in the nine-
teenth century.
Successively printing presses
and other presses of fine work-
manship follow, and finally, in
the centre of the room, you can
see the jewel of the museum: the
“Columbus Press”, invented by
American George Clymer, built in
London since 1817. It is the only
specimen preserved in Italy. a The Columbus Press
22
Contextual Ligatures
Typographic
Chess Board Stewart Walker – Photos: Stewart Walker
T
he typographic chess board
is a conceptual project that Stewart Walker
uses letterforms as the piec-
es and is based around the idea
that typography is a game: He has just graduated from
Duncan of Jordanstone Art
“The grid system is an aid,
and Design College, Dundee
not a guarantee. Like the grid
with an upper 2nd class
on a chessboard it creates
(2.1) honours degree. He’s
structure whilst permitting
enthusiastic about design,
a number of possible strate-
passionate about typography
gies, each unique to its user.
b The white pieces are set in Caslon Bold Condensed and a keen collaborator.
These strategies have varying
strengths and weaknesses and
www.zeropoint25.com
must be employed tactically
depending on the situation or
opponent. This allows the sub-
ject to look for an appropriate
solution, but does not guaran-
tee success.
23
Report
Road Signage
A journey into the world of road Road Signage – Index
24
Contextual Ligatures
F
ollow the signs and you can not
be wrong... If this is the answer of
the person we ask the way, we are
already resigned to the idea that,
unless we find another one more
precise, we will get lost for sure.
Unfortunately this is how signage works in
Italy, or rather, how it doesn’t work: just for ex-
ample, 6.91% of the accidents in Italy in 2005
were caused, according to istat, for incidents
involving noncompliance signal stop. Research
on the state of road signs made by 3m also un-
derlined that in none of these cases the in-
tersection has shown horizontal and vertical
signage both according to the law.
The data show that the too often unjus-
tified weaknesses of our signage system are
there (the first 3m of research dating back to
1998), but the problem remains dramatically
visible every day on our roads. Old signals liv-
ing with the new ones, information that, when
not entirely “eaten” by the surrounding nature,
are consumed by rust, misplaced or simply not
placed at all, and then if it is true that the sys-
tem of road signs of a country constitutes one
25
Report
of the first cards for tourists who visit it, alas! data provided by 3m, only to get in the car and
One of the main problems of Italian signs maybe lose the way after a few kilometres.
appears to be the absence of a committee that
deals with inventory, test and sanction and re- Type design for signage
move cases that are not actually under. The The design of a typeface requires constant
work of 3m, although it constitutes the main What is signage? reference to the context of use, as well as on-
reference of the inefficiencies of our signalling Signage is any kind of visual going audits of the work, aimed at identifying
system, is named after the world leader in the graphics created to display the correct anatomical proportions and prop-
production of the “face”, the film that covers information to a particular erly balance the thickness and counterpunches.
the iron or aluminium to form the signal. audience. This is typically In type design for road signs, this makes that
Would therefore be quite natural to think manifested in the form of the theory and case studies, although they offer
the conflict of interest would with ease cause wayfinding information in interesting insights and solutions, should con-
the distrust of the places such as streets or tinually be compared to “field” verify.
inside/outside of buildings. For this reason the prototype signals be-
come an essential tool designed to compare
the forms with the known human and physi-
cal problems; they do not lead to a final solu-
tion, but to a possible solution, to constantly
call into question to make sure of the actuality
and validity of the project choices.
Shape Code
These specific shapes on signs send
messages to the audience and form a set of
rules to follow when developing signage.
Colour Code
These specific colours on signs send
messages to the audience and form a set of
rules to follow when developing signage.
26
Contextual Ligatures
ROAD SIGNAGE 1
History
of Signage
Follow the signs and you cannot go
wrong… Where and when were the
road signs born?
I
t seems necessary to introduce this
historical analysis of road signs cit-
ing a good example which dates back
almost at the same time as roads and
of which numerous examples still re-
main: the milestones.
These signal elements were positioned on
the main Roman roads from 123 BC following a
proposal by the tribune Gaius Gracchus.
Initially placed every thousand steps (hence
the term mile) from the Servian walls of Rome
to the most remote Roman provinces, they
pointed to the distance from the capital or ma-
jor cities. The usefulness of these communica-
tion tools was such that, long after the end of
the Roman Empire and more precisely in 1773
in Britain, the General Turnpike Act imposed
various consortiums to build guides at inter-
vals of a mile with the aim of having a tool to
charge tolls.
Britain is not the only country where this
communication model survives: in other
European countries like France or Portugal, or
even East Asian countries like Japan we can still
find the information provided on more or less
modern panels or stones, but retain the struc-
ture with three elements: street name-distance
destination.
Roman milestone d
27
Report
italian focus
At the sitting of the Council of the Italian
Cycling Touring Club of October 1895, L.V. First milestone d
Bertarelli, after noting that the Vice-Consul
of Senigallia had placed on its own will, along
about 40 km of the Via Flaminia, plates placed
on poles, with distances in kilometres, asserted
that an important sum should be placed in the 1773 – General Turnpike Act
budget to give this service a certain develop-
ment throughout Italy. 1898 – Second International Congress
Indeed it was clear how important it was to Uniform signage among countries
adopt a system of signposts. On country roads, Symbols instead of writings
in fact, there were
crossroads and inter-
sections without any
Road signs should clearly 1908 – First Road International Congress
warning and the sit- mark distances, directions, 1931 – Conference of Ginevra
uation was no better
for what concerned
the proximity of crossings Shape code
28
Contextual Ligatures
29
Report
Iceland
United Kingdom
Canada Ireland
Egypt
Mexico
Colombia
Peru
South Africa
Chile
Note: Legenda:
Far from being exhaustive, this map
traces the paths of the two main Transport (and derivates)
typefaces for signage, from the
known origins to the countries H. Gothic (and derivates)
where they could be find in their
original forms or derivated ones both fonts
path of the font
* substituted
with another font
30
Contextual Ligatures
Denmark
Holland*
Italy China
Greece
Emirates
Thailand
Malaysia
Australia
N. Zealand
31
Report
ROAD SIGNAGE 2
Signs
of Design
The first typographic project for
a signage system: the London
Underground by E. Johnston
One of the first examples of type design for Jock Kinnear describes the possible influ-
signage is the project of Edward Johnston, the Edward ences of the work of him who was master of
British calligrapher got commissioned to de- johnston his master:
sign an uppercase character for the coordinat-
It is interesting to note that Johston was
ed image of the London Underground by Frank The father of london
a teacher of calligraphy, and recommend-
Pick, Director of London Transport. Beside be- underground signage
ed a method of proportioning letters simi-
ing a coordinated image project which is still system and bullet logo
lar to that practised by Arab calligraphers.
valid and effective after nearly a century, ac-
Both were based on the diamond dot pro-
cording to Giovanni Lussu it can be consid-
duced by a quill or reed pen held at an angle,
ered part of the first of modern sign design for
but there is no trace in Johnston’s published
a public service. The character was terminated E. Johnston was a
notebooks that he was aware of the work of
by Johnston and Eric Gill, his assistant in 1916. British craftsman who is
Muhammad Ibn Muqlah, who formulated
It is worth mentioning this project, although it considered the father of
the rules of letter design still followed by
is not a character for road signs, because it is modern calligraphy. He
Arab calligraphers.
a checkpoint for the design of the shift in the has influenced typeface
big city and because its sudden, geometric, yet designer and sculptor Eric It is ironic that while Muqlah’s work laid the
elegant design, has influenced many sans ser- Gill, author of the London foundation of a shift from the primitive Kufic
if characters, including, for example, Gill Sans, Underground logo. He is style to the following Naskhi Johnston’s study
1927 famous for designing the of medieval calligraphy should have been the
The lowercase version of the character was sans-serif Johnston has used basis of his “essential letters”, which one can see
designed later, for the warnings and that alpha- throughout the London as a setting aside of five letter hundred years of
bet was one of the most identifiable character- Underground, as well as the development and to return to first principles. it
istic for the identity project of the London tube. famous round symbol. was indeed typical of his questing natures that
32
Contextual Ligatures
10.01
Opening of London Tube
should be know this, he was a seeker of perfec- His station lettering still functions superbly
tion, alike in his and his graffiti lettering. Two and bears witness to two influences: the 10th
1863
details of the Underground Sans can probably century Winchester hand, which he admired
be attributed to his lifelong study and chief pre- above all others and which was in turn de-
occupation: the diamond and the dot over the rived from the Carolingian script, and the early
“h” gave the toe to the lower case “L”. Caslon, from Roman inscriptions. A.B.
33
Report
16.09
Geneva Traffic Convention
ROAD SIGNAGE 3
1950
The Geneva Convention on
Good Signage
Road Traffic is accepted in a
majority of the nations; major
non-signatory countries
include Germany, which did
Requirements
not have a government yet at
that time.
The main regulation about
international driving licence
is in Annexe 9. Switzerland
signed but did not ratify the
Convention.
Traffic signs or road signs are or passive information function: given the na-
signs erected at the side of ture of vehicle of instruction, they are intended
08.11
to provoke an immediate reaction to their ob- Vienna Road Convention
roads to provide information servers. This is why, instead of camouflage and
to road users. But not disappear into the environment in which they
1968
are inserted, they must prevail in the eye of the
many people know what observer, clearly identifiable and readable.
the variables and the rules Since the sender-receiver model for the
transmission of messages, semiologist Pierre
behind road sign design are. Guiraud suggests three different modes of
T
communication: indication, representation In 1968, the European
o know well the issues related to injunction: they deal respectively with being, countries signed the Vienna
the design of road signs it may be knowing and acting. Convention on Road
useful to refer to the definition and Mollerup says therefore, to define a “theory Traffic treaty, with the aim
some considerations about the com- of wayfinding”, the three categories of Guiraud of standardizing traffic
municative functions of signals: the can be renamed in identification, explanation regulations in participating
dictionary De Mauro says: a “signal” is the in- and education. countries in order to facilitate
dication, visual or auditory, conventionally es- The locations signal is therefore an example international road traffic and
tablished, which provides news, a message or of identification, because it identifies the place to increase road safety. Part
an order. where you are. Combining an arrow to a place of the treaty was the Vienna
we instead have an explanation in this case an Convention on Road Signs
MESSAGES directional explanation. The last case is an ex- and Signals, which defined
Although in the wayfinding design a sign is ample of instruction: the “no parking” falls into the traffic signs and signals.
actually just the culmination of a process of this category because the message instructs the As a result, in Western Europe
broader analysis, we can focus on this “goal”, reader on what can or can not do. the traffic signs are well
decomposing into its basic elements and using The signpost image is a special case in which standardised, although there
them as tools for analysis and design. the three categories are simultaneously present are still some country-specific
For the semiotic, road signs are sets of signs and can effectively synthesize what has been exceptions, mostly dating
that have not, however, only a communicative said so far. from the pre-1968 era.
34
Contextual Ligatures
CONTENT
Wanting to this list the main “components”
signals, it is little wonder seeing as an indica-
tion of how that figure is made up of five mes-
sages, three graphical and two others that
could be defined as morpho-semantic: typog-
raphy, arrow, pictograms add to the aforemen-
tioned form and colour.
TYPOGRAPHY
The evolution of technology for the writing
on signals led to a clear distinction between let-
tering, term referred to a production of unique
pieces that fit the support on which they are
produced, and typographic character, an in-
dustrial product capable of serial reproduction
and automation, most often designed and im-
plemented in a context other than that which
will be used. The design of fonts for signs must
consider many variables ranging from material
used for production, letting distance, possible
visually impaired end users.
With the signage typography becomes a
three dimensional typography. According to
Smitshuijzen signs projects aim at reaching
the biggest number of users of any other typo-
graphic design, and in most cases probably be-
yond any realistic expectation.
Many researches were carried out to be able
to understand which characters are more read-
Flaminia able than others, but all have led to conclusions
A type system for road signs that have simply confirmed what the printers
already taught: we have greater ability to read
what looks most like what we already know, be-
cause reading is an at activity that we learn and
The Flaminia project is based This led to the design of the that becomes the result of habit, but we have
on the MA thesis by Andrea Flaminia type system, which no innate quality that allows us to distinguish
Bergamini which reacts permits users and designers shapes or letters. Quoting Smitshuijzen, still in
to the chaotic and poorly to test and interpolate its Signage Design Manual he states that:
executed road signs seen a variety of letterforms
“The sans serif font, often recommended
throughout Italy. The core using four Multiple Master
in the signage design, are not really charac-
idea of the project is that axes. Flaminia is a tool
ters more suitable than serif character.
lettering for traffic signs for designing high-quality,
should always be tested in well-legible type for road
[...] But it is true that serifs help guide the
real-life environment, and the signs, and it will be available
eyes on the lines of text, then the serif char-
final solution must always for free.
acters tend to behave better than sans serif
be based on such testing. at page 20 of Discretionary
fonts when reading long texts.
35
Report
ARROW
Adrian Frutiger in his Signs and symbols, says:
“When two oblique lines come together to
form an angle, the image of a movement or
a direction is somehow produced. [...] In the
conventional sign of the arrow the inland
areas of the angle are enlarged and doubled
by taken part.”
This sign, used by the oldest humans (one
of the first metaphorical use of the arrow was
alleged to the greek astronomer Hipparchus
around 150 BC), found
great success in the
Western world after
The design must also take
the end of the nine- into account the spacing
teenth century, when in
London was proposed
between letters and the
to eliminate lettering margins to be adopted
indicating a direction
to replace them with a
in the signals.
symbol that had a universal value. In the early
Italian street signs a curved arrow indicated a
dangerous turn and the horizontal a direction.
36
Contextual Ligatures
in developing arrow
designs for signs, in-
any “arrow” glyph, but it
cluding arrows that should be considered as
form the shape of
signs (Paris), triangu-
an important alphabetical
lar arrows and chev- component of any typeface. b Arrows of Köln–Bonn Airport
rons (Italy), and fat
lines with cutouts (U.K.). In North America
signs have used Federal Highway arrows for
some time. Ironically, this arrow form was
found to be not highly legible in tests by the
Pennsylvania Transportation Institute, with
Meeker and Associates and Terminal Design,
except when designed with a very long tail.
Many urban sign designers today use the
Montreal Expo arrow head. This arrow, de-
signed for the 1967 Montreal Expo, has a
long thin tail and a wide, narrowline head,
and has tested very well for legibility.”
The position and placement of arrows on
signs is another key area in which extensive
testing has been carried out. Various studies
have shown that the eye tends to follow the
37
Report
Adrian Frutiger
Born May 24, 1928 is one
of the prominent typeface
designers of the twentieth
century, who continues to
influence the direction of
digital typography in the
twenty-first century; he
is best known for creating
the typefaces Univers and
Frutiger.
Another arrow placement issue that affects The Highway Code A journey into the world of forms. From
legibility is the hierarchy of arrows. A consist- This code provides for the the fundamentals of design history of the
ent rhythm of arrows is just as important for use of a number of signs, scriptures, mystical symbols from the mark and
legibility as arrow placement. Most designers which should always be modern signage, experience design by Adrian
use the system recommended by John Follis in accompanied by a textual Frutiger explores the relationship between
Architectural Signing and Graphics by which explanation, this precept, thought and sign. A book full of examples
destinations that are straight ahead are placed essential in the light of the from various traditions of image, where the
at the top of the sign, followed by destinations foregoing, however, is too variety of expressions graphics is sorted and
on the left, and then destinations on the right. often dismissed. analysed to the extreme complexity of visual
Once the driver understands this hierarchy, it communication.
is easier for them to read the signs.
38
Contextual Ligatures
FORM COLOUR
The classification of Mollerup is confirmed Warning sign shape As for colour, red was chosen as most suit-
by the signals provided by the Highway Code, In most countries, they able to represent prohibitions, instructions or
which have three main functions: to provide usually take the shape of warnings of danger because they it is not often
information (names of places, streets or histor- an equilateral triangle with occurring in nature. Green, because of his mas-
ical monuments), give directions or instruction a white background and a sive presence, should be avoided. Blue is used
with obligations, prohibitions and dangers. thick red border. But these only for the signals of invitation or direction.
With the evolution of the speed of travel, the two variables may varies As noted in History of Road Signage, the
quantity of time required to recognize a threat from country to country. almost standardized system used in Europe is
and the subsequent reaction time have now by partially derived from the one introduced by
far exceeded the capacity of human reaction, the Touring Club in 1931 and consists mainly
requiring a precise structure based on shapes, of a category based on four specific forms and
colours and, in some cases, even pictograms. colours that vary depending on the content of
By referring to Frutiger’s Signs and Symbols, signal. In the U.S., however, for some strange
he is to identify the origin of the shape and col- reason, the most prevalent form is a yellow
our signals a necessity dictated by its attempt diamond: beside the presence of the limit de-
to distinguish them from the surrounding scribed above for people who do not speak the
environment. language, this system may be ineffective in
In a modern city in fact rectangular or square terms of reaction times because the signals are
forms prevail (for example houses, skyscrap- unrecognizable from a distance.
ers or buses and trains), so the warning If the complexity of the signal is a prob-
signs or prohibition, which must capture lem of interpretation for the wayfinder even in
more look, are diamond-shaped, tri- front of a single signal, it becomes even more
angular or circular; the lines outlin- important when he has to decode multiple sig-
ing these forms have a much more nals next to each other, when they are stacked
marked contrast with the sur- or side by side. In this case we must take into
rounding urban environment. account that the number of elements to
split to get the information needed will
be five times the number of signals!
A.B.
39
Report
ROAD SIGNAGE 4
Pictograms
AIGA system
In a few decades there has This system of 50 symbol
40
Contextual Ligatures
ence that oversees your language. meaning is not comprehensible at first glance
and requires some mental work. This is the
[...] As to which one is realized in the case of traffic signs as those for “priority” and
design of interfaces for the computer: the “traffic in both directions”. In this group there
current trend, very reasonably, is that you are many examples of signs whose meaning
always accompany the pictogram with the remains doubtful to many people even after
text in the clear. [...] Like it or not, the uni- many years of use. For example signals formed
versal visual language of our planet (until by a combination of abstract elements, as in the
they were replaced by Chinese or others to case of a square with an opening on one side, a
come) is now written in simplified English, room and a door with the arrow indicating the
and must deal with this. Proper use of pic- direction of travel. This signal requires a much
tograms in the design field can be assessed longer time for consideration of decision time
only with a proper culture of writing.” available to the pedestrian that is approaching
the door in question. A sign of this kind will
Frutiger, on the other hand, distinguishes never satisfactorily serve its purpose, because
three different ways to represent information it was designed to be both inappropriate to im-
pictographic: the first includes those signs that mediate visual recognition and for a basic proc-
as realistic figures, usually in the form of sil- ess of learning. In the case examined, we prefer
houettes, leave no doubt about the meaning, verbal information: “inside” or “outside”.
regardless of the language and way of life of The third group includes indicators that are
those who sees them. A cigarette crossed out not based on pictorial but abstract signs, and
and the telephone have become universally therefore require an appropriate time to learn.
understandable. There is no need of a special Once absorbed into the subconscious, as the
training to understand these signs, which give signs of the alphabet, they are understood im-
immediate information. mediately. The clearest examples of this catego-
The second type includes diagrams whose ry are signs of “one-way street” and “forbidden
direction”, now used even on pedestrian streets,
universally known and respected.
Complex problems on pictographic design
arise when it comes to services rather than spe-
cific objects such as “customs”, “lost and found”,
“self service”, “waiting room”. The problem of Otto Neurath
indicating the toilets will probably never be Philosopher and social
solved except by verbal means, because the dis- theorist, member of the
tinction between men and women represented influential “Vienna Circle”,
in the West with pants and skirts do not work was particularly associated
everywhere. with “physicalism”, which
In this regard it is interesting to note that aimed to establish an entirely
the U.S. signalling is primarily textual, unlike materialist foundation
Neurath works the European one based more on pictorial- of knowledge. His best
Some examples from the book diagrammatic component: a justification for philosophical work was
“The language of pools” this choice can be easily detected whereas in published in the group’s
the former case, notwithstanding a vast terri- journal Erkenntnis. In
Neurath originally intended tory, the Interstate wind up thousands of miles Vienna, he became involved
Isotype to be used by where there is a linguistic uniformity, whereas in a project which evolved
educators of young children, in Europe the opposite is true, and a few hun- into the “Gesellschafts-und
but it wound up instead dred miles away, the driver can be in countries Wirtschaftsmuseum”, which
heavily influencing modern whose official language is completely different. tried to convey complicated
public signage, statistical In this case, a system based on graphic conven- social and economic relations
graphics, and information tions becomes a necessity. A.B. to the Viennese public, known
graphics as the Vienna method
41
Tech
L
ike the publishing industry wob-
bles and Kindle sales jump, book
romanticists cry themselves to
sleep. But really, what are we shed-
ding tears over? We’re losing the
throwaway paperback. The airport paperback.
The beachside paperback.
We’re losing the dregs of the publishing
world: disposable books. The book printed
without consideration of form or sustainabil-
ity or longevity. The book produced to be con-
sumed once and then tossed. The book you bin
when you’re moving and you need to clean out
the closet. These are the first books to go. And I
say it again, good riddance.
Once we dump this weight we can prune
our increasingly obsolete network of distri-
bution. As physicality disappears, so too does
the need to fly dead trees around the world.
You already know the potential gains: edgier,
riskier books in digital form, born from a lower
barrier-to-entry to publish. New modes of sto-
rytelling. Less environmental impact.
A rise in importance of editors. And,
yes – paradoxically – a marked increase in
the quality of things that do get printed.
From 2003-2009 I spent six years try-
ing to make beautiful printed books. Six
years. Focused on printed books. In the 00s.
And I loved it. I loved the process. The finality
of the end product. I loved the sexy-as-hell tac-
tility of those little ink and paper bricks. But I
can tell you this: the excitement I feel about the
iPad as a content creator, designer and publish-
er – and the potential it brings – must be ac-
knowledged. Acknowledged bluntly and with
perspective. With the iPad we finally have a
platform for consuming rich-content in digit-
42
Contextual Ligatures
al form. What does that mean? To understand The iPad The Core of Thing
just why the iPad is so exciting we need to think Is a tablet computer For too long, the act of printing something in
about how we got here. designed and marketed by and of itself has been placed on too high a ped-
I want to look at where printed books Apple for Internet browsing, estal. The true value of an object lies in what it
stand in respect to digital publishing, why media consumption, says, not its mere existence. And in the case of a
we historically haven’t read long-form text gaming, and light content book, that value is intrinsically connected with
on screens and how the iPad is wedging it- creation. Released in April content. Let’s divide content into two broad
self in the middle of everything. In doing so I 2010, it established a new groups. Formless Content and definite Content
think we can find the line in the sand to define class of devices between Formless Content can be reflowed into differ-
when content should be printed or digitized. smartphones and laptops. ent formats and not lose any intrinsic mean-
This is a conversation for books-makers, web- ing. It’s content divorced from layout. Most
heads, content-creators, authors and designers. novels and works of non-fiction are Formless.
For people who love beautifully made things. When Danielle Steele sits at her computer, she
And for the storytellers who are willing to take doesn’t think much about how the text will look
risks and want to consider the most appropri- printed. She thinks about the story as a water-
ate shape and media for their yarns. fall of text, as something that can be poured
c An Amazon Kindle into any container. (Actually, she probably just
compared to the Apple thinks awkward and sexy things, but awkward
iPhone. and sexy things without regard for final form.)
Content with form – Definite Content – is al-
most totally the opposite of Formless Content.
Most texts composed with images, charts,
graphs or poetry fall under this umbrella. It
may be reflowable, but depending on how it’s
reflowed, inherent meaning and quality of the
text may shift.
display reading
Designers do this consistently when choosing Lorem ipsum dolor sit amet, consectetur adipiscing The amount of horizontal movement required
paper sizes, margins, and typefaces for Maecenas feugiat ultricies elit, vitae egestas ligula of the eye can be balanced with a reasonable
physical media, and we should not be scared to vertical measure (the height of the column).
ligula lacinia eu. Sed molestie consequat tempus.
question convention in interaction models to The horizontal orientation also allows for
improve the ease of reading the materials we Cras suscipit quam lorem, in semper nunc. Sed sit something we take for granted with pagination
are asked to design, so long as we can do so in amet dolor justo. Sed sit amet blandit mi. Aenean in books: the ability to disregard and not
a way that is better for the user or reader. reread text we’ve already read.
suscipit hendrerit magna, id blandit augulvulputate.
One primary area horizontal orientation can Rereading and losing position, in fact, is a
improve reader experience is with the flow of Lorem ipsum dolor sit amet, consectetur adipiscing common problem with long, vertical swaths
the eye. Consider the path the eye takes when of text. It’s difficult to disregard already read
reading on a normal, vertically scrolling block Lorem ipsum dolor Lorem ipsum dolor
text, and the flow of the eye is not balanced
of text in a window, versus how the eye behaves because the implied movement is usually so
Maecenas feugiat Maecenas feugiat
reading shorter, smaller segments of text strongly vertical. The reader is also frequently
arranged in columns horizontally. ligula lacinia eu. ligula lacinia eu. interrupted by the need to reorient the text by
The benefit is in the equilibrium of how the scrolling to produce new paragraphs to read.
Cras suscipit quam Cras suscipit quam
eye moves. With smaller columns placed It’s not torture, but I think the readability is
amet dolor justo. amet dolor justo.
horizontally, the eye can move left to right worse than we realize due to our acclimation
to read a line, move down to take in the next, suscipit hendrerit suscipit hendrerit to the vertical reading environment. We do so
then when finishing a column, can jump to the much of it, we had to adapt. But that doesn’t
Lorem ipsum dolor Lorem ipsum dolor
next and disregard previously read columns. mean it’s optimal.
43
Tech
44
Contextual Ligatures
45
Web
THe LEague
of Moveable Type Caroline Hadilaksono & Micah Rich
W
e are Caroline and b Goudy Bookletter 1911, made by Barry Schwartz, is based on giving things away sometimes.”
Micah, the founders of Frederic Goudy’s Kennerley Oldstyle. These are letters that take It’s not always about the money,
The League. As design- command of the space around them; notice, for instance, the sometimes it’s also about making
ers on the web, we have a calling bowed shapes of the v and w. a contribution to the society, in
to raise the standards of the web- this case, the design community.
design world. We’re not the only Giving one typeface away for free
ones who value good design, and will most likely only boost sales,
it’s time for the web world to catch and it’s a good deed. We want
up with it. We understand the more people to look at it like that:
challenges that comes with the like they have a responsibility to
internet, but with our recent dis- do something good for their peers.
covery of @font-face, we started We’re not asking type design-
getting excited. b League Gothic is a revival of an old classic: Alternate Gothic ers and type foundries to sacrifice
For those who aren’t up to No.1. It was originally designed by Morris Fuller Benton for the profit, we’re asking them to con-
speed, @font-face is a fairly new American Type Founders Company (ATF) in 1903. The company tribute to a greater cause, to cre-
addition to web styling, letting went bankrupt in 1993. And since the original typeface was ate a community where we not
a designer specify the location created before 1923, the typeface is in the public domain. only have a high design standard
of their own font files. Instead of for print and web alike, but also
having to design with just a hand- a community where we’re able to
ful of web-friendly fonts, we’ll be share our creations, knowledge,
able to use any typeface we desire. and expertise with our peers and
Well, that’s our vision, anyway. the world.
46
Contextual Ligatures
b Raleway made by Matt McInerney, is an elegant sans-serif b Chunk is an ultra-bold slab serif typeface that is reminiscent
typeface, designed in a single thin weight. It is a display face of old American Western woodcuts, broadsides, and newspaper
that features both old style and lining numerals, standard and headlines. Used mainly for display, the fat block lettering is
discretionary ligatures, a pretty complete set of diacritics, as The unreserved yet refined for contemporary use.
well as a stylistic alternate inspired by more geometric sans-serif
@Font-Face
typefaces than it’s neo-grotesque inspired default character set.
Rule
With the release of
Safari 3.1, website
makers can use any
licensed TrueType or
OpenType font
47
Antropology
READABILITY
& LEGIBILITY EXP
What does reading really improve readability, really meet this need? How
mean? How does our brain typographic variables (which come from cen-
turies of actual practice) influence the process
do it? Here you will find a of reading and how the characteristics of vis-
little taste of what the huge ual perception may make the choice of this or
that character in a given context? How does the a Readability
difference between legible thinking and research on reading and its cogni- d Legibility
and readable is about. tive and physiological cues can provide the the-
oretical matter on visual communication?
If writing is an essential element in graph-
I
ic design, studying the reading process may be
n a significant portion of the artwork, decisive for anyone involved in vis-
not only when designing a font for
text, reading is a fundamental objec-
ual communication. The written
word, even considering the typo-
The design of typefaces
tive. If you want to maximize reada- graphic matter itself has various only plays a simple part
bility in relation to “space-saving”, for
example, often we are forced to act on hearsay,
levels of planning: the design of
the typeface is a simple portion of
in the complex problem
according to tradition, common places or com- the overall problem of reading. of reading.
mon sense, without these criteria being for- To observe experimentally the
malized or analysed. It almost feels the need to variation of some parameters on reading per-
have a reasoned documentation on the subject formance in a particular context, according to
of reading, which can serve as a tool for plan- the variables of type design, aims to raise an
ning and reflection, not in competition but to issue: reflect on the meaning and function of
support to the tradition and to the skills of the certain formal characteristics in relation to per-
designers. petual compromise between easy reading, at-
To what extent formal amendments tradi- tractive appearance and economy of space. You
tionally made on a character, with the aim of can not expect to find a definitive answer to
48
Contextual Ligatures
49
Antropology
50
Contextual Ligatures
92
is in many ways similar to an image and it is Rod cells in the retina
therefore reasonable to hypothesize that the
same perceptual processes that are implicated
in the analysis of a figure operate even in the
case of reading, at least in the early process.
The luminous information that hits the back
of the eye (retina) reaches through the optic
nerve a sorting nucleus (thalamus), which “re-
million
directs” the same information on three differ- Rod cells, or rods, are
ent channels: one for the colour analysis, a one photoreceptor cells in the
for the form and one for the movement. The retina of the eye that can
integration of the three types of signals occurs function in less intense light
at different levels in the cerebral cortex, where than can the other type of (both geographical and historical) of this writ-
it has to extract a “invariant” of the image/word photoreceptor, cone cells. ing form is such as to arouse the suspicion that
which is not affected by design characteristics, Named for their cylindrical the linear writing is a special case within a
spatial position and size. shape, rods are concentrated much wider one.
The informational processing has reached a at the outer edges of the More than a hypothesis, a provocation, with
high level here and is ready to be complement- retina and are used in the creation of a form of writing that does not
ed with semantics and phonology. The path peripheral vision. More base its syntax on the positioning within the
described, which commonly takes the informa- sensitive than cone cells, rod sentence but on the placement of the elements
tion in the case of visual recognition (whether cells are almost entirely in space; the activation of new brain areas, pre-
this refers to images, objects or words), is called responsible for night vision. cisely those of the dorsal route, could become
“ventral route”. crucial in the process of reading.
In reality, however, objects also have a place Areas of this road would come into play in-
in the space, a local organization of its parts terfaced with the classic areas for higher-order
and, often, a movement. And indeed there is interpretation and processing, but provides a
a second way of processing visual information, fundamental contribution (in parallel) for the
which in this case is processed according to development of a primary channel that until
their just mentioned size, the spatial location, now has never (or almost ) been activated dur-
the local organization and movement. ing reading processes, that of spatial relation-
This way is called “backbone”, and is essen- ships. This proposal is bold, but may contain
tial for orientation and detection of objects in great potential.
natural settings. In our research we are reflect-
=6
ing on the theme of space syntax as a medium Cone cells in the retina
for the development of new communication About the authors
tools and areas of writing. This begs the ques-
tion if the backbone way can play a role in this.
And perhaps the fact that there is a way that
million
Exp is an independent
can convey a certain piece of information rais- research group that began
es the idea of space as syntax. operating in 2004, is formed
The sequentiality and linearity were always by a team of type designers,
dimensions that highly characterized areas of Cone cells, or cones, are graphic and semiotic. The
writing closer to us. However, there are writ- photoreceptor cells in the objective of Exp is to study the
ings in which the bond of linearity is broken retina of the eye that function phenomena of reading and
and the spatial dimension assumes a precise best in relatively bright light. writing. Specifically, it deals
denotative function: the space can be read! The cone cells gradually with addressing the influence
Just think Aztec writing, or the Semantic become sparser towards the of some variables on the
Typography of Stefan Themerson proposed by periphery of the retina. Cones printing process of reading.
Giovanni Lussu, or geographic maps, unicode are less sensitive to light than
or the work of information design by Ladislav the rod cells in the retina but www.expresearch.com
Sutnar. The high frequency and distribution allow the perception of colour.
51
Action!
T
he Society of Typographic Aficionados glyphs contributed by designers from over 20 countries.
(SOTA) is proud to announce the re- With your support, Font Aid can continue its efforts to
lease of “Coming Together”, a font cre- assist others in dire need of aid.
ated exclusively for Font Aid IV to benefit the
victims of the recent earthquake in Haiti. The www.typesociety.org/fontaid.html
font consists entirely of ampersands, to repre-
sent the idea of people coming together to help
one another. Type designers, graphic designers, buy it from
and other artists from around the world con- www.ascenderfonts.com/font/coming-together-font.aspx
tributed artwork to the font. www.veer.com/products/typedetail.aspx?image=UMT0000515
www.fontshop.com/fonts/foundry/sota
The font is being be sold for $20US and is new.myfonts.com/fonts/fontaid/coming-together
available through font distributors Ascender
Fonts, Veer, FontShop, and MyFonts. All pro-
ceeds from the sale of the font will go to
Doctors Without Borders, to help with their the glyph
relief efforts in Haiti.
The “Coming Together” font contains over
400 glyphs and is supplied as a single, cross- A moment of relief after all this reading.
platform OpenType font. All glyphs are ac- Can you recognize the font for each &?
cessible using OpenType-savvy applications, Try the typo geek game!
Unicode-savvy utilities, the Character Map at page 62 of Discretionary
utility on Windows, and FontBook on Mac OS
X.
52
Contextual Ligatures
53
Project Review
54
Contextual Ligatures
55
Project Review
56
Contextual Ligatures
Typefaces in use
Along the custom lettering of the main articles, excerpts and tles are written with this typeface.
for the heading Newton uses subhead. It’s legibility makes this Farnham give the page a good tex-
two typefamilies: Farnham, of font suitable for small captions. It ture, maybe not the best, the mood
Christian Schwartz, and Titillium, works well also within the boxes. stays light and relaxed. Too bad for
a project from Accademia di Belle Farnham is a modern serif font, the total absence of ligature.
Arti di Urbino. heavily influenced by the work of This couple of typefaces goes
Titillium is a sans serif, very Johann Fleischman, a German- well together because of the simi-
minimal and white. Altough it born punchcutter contemporary lar proportions and their edgy and
comes with different weights, it’s of John Baskerville. angular curves.
used mainly the light one. Farnham is used for all the long
Titillium is used for the titles text, except boxes. In some cases ti-
abcdefghijklmnopqrstuvwxyz / 0123456789
CKgaDan
ABCDEFGHIJKLMNOPQRSTUVWXYZ &*?!-:;.
abcdefghijklmnopqrstuvwxyz / 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ &*?!-:;.
Paolo Mazzetti is a graphic
Designer at Robilant
Associati, information Designers: CampiVisivi
designer at EXP – non profit Luciano Perondi
graphic research group. Paolo Mazzetti
www.robilant.it Design date: 2008
Price of the family (11 fonts): free
57
Project Review
Farnham
Christian Schwartz focused on
Fleischman’s exuberant angular-
ity, carrying it to all weights of his
new Farnham series. Farnham has a
rationalist look with a liberty strug-
gle. The proportions are close to the
Baskerville. The axis is vertical for the
roman and quite slanted for the italic.
Farnham has a very wide x-height,
which is a good thing for small texts
(its primary use). The family contains
a text version and a display one. The
text version has three weights, while
the display one comes with light,
medium, regular, bold and black.
Farnham comes with a very elegant
swash typeface, and italic and small
caps. The biggest con is the absence of
ligatures.
58
Contextual Ligatures
Colour identifies
Column the section
59
Meet the Man
FRANCESCO
FRANCHI Valeria Farina
H
ere we are, facing one of the Swiss formalism, linear typography and pre-
youngest and more up-and-com- dominantly black titles.
ing graphic designers in the ital-
ian editorial world. Why did you choose those magazines?
We met him, unveiled his se-
crets, investigated his deepest hidden treasures Those magazines were an expression of in-
and bothered him with a thousand questions tellectual, moral and cultural heritage of a
to let our readers have a taste of what’s hap- particular historical period. They were very
pening in his genius-like mind and at IL’s edito- innovative and influential, breaking the mold.
rial department. Their form was an expression of their content.
We wanted to achieve this with IL, where the
Tell us about IL. Were you inspired by some graphics, more than aesthetics, becomes ethics.
other magazine?
What are the main difficulties encountered
IL’s design is inspired by the popular maga- while working at a magazine like that?
zines of the ’60s and ’70s, both italian and from
northern Europe. From Epoca to L’Europeo, You must be careful to repetitivity. Frequency
their characteristic was a simple design, yet a does not mean routine. For this reason we al-
very bold visual aesthetic, with elements of ways try to renew ourselves, to experiment and
60
Contextual Ligatures
61
Meet the Man
1982
rial design in Italy and elsewhere in Europe?
2004
cus on a precise cut of the journalistic phrase,
careful to the reader’s needs, reader who re-
mains the owner of the newspaper.
2005
synoptic approach and the presence of a mix
of knowledge and skills becomes the condition a
for a process of rational decision. These are “IL” magazine first cover
qualities that not only require different knowl-
edge, but also the assumption of a role that, all
claims to stand above the parties abandoned,
will be able to interact creatively with other ac- He got the Master of Science
tors within each case. in Industrial Design in
2007
His thesis on newspaper
design proposed a new design
paradigm for action in the
redesign of a newspaper
b Double inside pages from the magazines
He has been working at
Il Sole 24 ORE as Art Director
for IL – Intelligence in
lifestyle magazine since
2008
IL uses a lot of illustrations d
62
Contextual Ligatures
63
Ev ts
en ec
c10 ts oj
* Pr
T hy
pe
report
D0
4 * ia
T in n
yp
o am to
Fl w
Be
4* Ne r
rli
4* he
n D2 C5 et
og
C24 * Road Signage gT
in
T m
YP History of signage Co
O
BE 2*
R C5
LI Signs of Design
N
Good Signage Requirements
Pictograms
The Glyph
In
te es
C6
0
rv ac
* ie
n tF
w
Fr s Fo
a a
nc t ic
e E p h y pe
sc Anthropology T ly T
D3 o LF G l e
8 * e
* Fr
a 4 9 h ab
Jo D T e
s nc
h * ov
Bu 3
iv i D6 fM
en o
D14 * Mechanism of Reading
ga g ue
a
The Eye Le
6
*
Asymmetry C4