You are on page 1of 11

c4000 bc Beginning of written the first wheeled vehicle c1800 bc The Phœnicians de- 1,300 bc Hieroglyphs shown

language. Pictographs begin (similar to this model found velop a system that connects in a detail from a list of kings'
evolution into nonrepresen- in a burial vault), which could twenty-two spoken sounds names found in the temple of
tational marks. At about the triple the weight pulled by a with corresponding written Rameses II at Abydos.
same time, Sumerians build single ox. symbols.

3 The historical
development of space:
six timelines
Humans began communicating verbally
and through sign language about 150,000 years ago in
East Africa. Writing grew out of painting: cave painting
as early as c25,000 bc (left) represented ideas as well
as events. | As the idea of private property took hold in
the area from present-day Egypt east to Iraq in c4,000 bc,
taxes very quickly followed. Sumerian priests expected
accurate accounting of production in all areas, so picto-

520 bc Sigean Marble written 500 bc 1¼" fragment of an 230 bc Egyptian hieratic script 196 bc The Rosetta Stone,
in ancient Greek boustrophe- administrative record of the (left side) and hieroglyphics or found in 1799 by Napoleon
don (back-and-forth reading). payment of 600 quarts of an “sacred writing” (right side) on and translated in 1822, it is
This begins “I am the gift of unknown commodity to five vil- a fragment of a papyrus scroll. the key to understanding two
Phanodicus …” lages near Persepolis, Persia. ancient Egyptian languages.

EoGD2 Ch3.indd 52 2/26/12 11:13 AM


3,000bc Egyptian hieroglyphics 1,100bc Phœnician “soundscript”

3,000bc Hittite hieroglyphics 1,000bc Cuneiform script

2,000bc Babylonian cuneiform 1,000bc Egyptian hieratic script

1,600bc Cretan linear script 1,000bc Late Phoenician script

1200 bc Sumerian cuneiform Several writing systems symbols to spoken sounds, 842 bc First•use•of•punctuati
(from Latin cuneus: “wedge”) evolved in parallel in communi- and that system was adopted on•are•word-separating•dots•
uses simplified pictures in- ties along the eastern edge of by their trading partners to as•shown•above. Mostwriting,
scribed in clay tablets. the Mediterranean. The Phœni- the west and eventually by the though,runswordstogether.
cians’ system linked written Romans in about 700 bc.

GREEK ROMAN
800bc 400bc 300bc 100bc graphs or “image drawings” were invented using images
for each category and simple markings for quantities. |
Systems quickly grew to more than 2,000 glyphs, which
could be combined to communicate abstract ideas. This
system took some years to learn, and those who did
learn it rose to high ranks in society. The images later
grew to represent more complex ideas, ideographs, and
a new class of people was created to learn the system
and write in clay tablets. This was considered a necessary
but not particularly aspirational task for the aristocracy, Cuneiform was deciphered by
where memory was much more highly valued. | Shortly Henry C. Rawlinson using the
thereafter, Egyptian priests developed their own pictorial c500bc Rock of Behistun in Iran.

c150 bc The Greeks and Romans, ad 114 Trajan’s Column, the column, both wartime (those ad c200 Scrolls, in use since
having adopted the Phœni- carved letters of which are con- are the vanquisheds’ severed about 400 bc, begin to be
cian system, add vowels and sidered the finest roman letters heads being given to Trajan) replaced as a substrate by the
achieve even type color. ever drawn, were first painted and more peaceful achieve- codex, or paged book made
then chiseled. Elsewhere on the ments are commemorated. from animal skins.

3 53

EoGD2 Ch3.indd 53 2/26/12 11:13 AM


ad 230 Papyrus, dried strips of The edged pen, made from c350 Copyists in monasteries c500 One of the first codex
the stem of a giant Nile valley feather quill or reed and dipped use parchment (sheepskin) and (“book with pages”) Bibles is
water grass, is used as writing in ink, was the primary writing vellum (calfskin) in handwrit- copied near Mt Sinai in north-
surface in this Gospel Accord- tool for centuries. It was cut in ten duplications of existing eastern Egypt.
ing to St. John in Greek. this simple three-step process. works, usually Bibles.

writing system which was more concerned with recording


the status of its Pharaohs and gods. The Greeks called
it hieroglyphics, or “sacred writing.” Another Egyptian
language, hieratic script, or “priestly writing,” was de-
veloped in parallel and is identifiable by its use of char-
acters rather than pictograms and having been written
“For all writing is worthwhile … almost exclusively in ink and reed brush on papyrus. |
according to the amount of The need for quicker writing caused the pictograms to Early typecast matrices show
service one gets from it.” be abstracted into cuneiform, or “wedge-shaped” writ- how letters are made in a
Christophe Plantin (1520– ing. This served as a more or less universal language so mold, then separated and fin-
1589), printer and publisher anyone in the greater middle east area, the “Cradle of ished. These are from a c1500
Civilization,” could read and understand the message. | Prague foundry.

1478 Renaissance design us- 1500 In the first fifty years of 1517 Early grid use in G.P. de The master printer checks a
ing white space perfects page printing, 35,000 books pro- Brocar’s Polyglot Bible accommo- proof while his assistant pro-
proportions. This example by duced a total of 8–12 million dates five languages. Such an duces another impression as
the Alvise brothers is among copies. The average run of “in- undertaking requires exceptional printed sheets dry on the line.
the first to use ornaments. cunabula” books is 250 copies. fluency and printing skill.

EoGD2 Ch3.indd 54 2/26/12 11:13 AM


c800 Space between words c1400 Fixed letters carved in 1440 Johannes Guten- goldsmith by trade, he
replaces dots•between•words. wood blocks are used for mul- berg (c1397–1468) of Mainz, understands molds and dupli-
Dots evolve to indicate full tiple impressions. But letters Germany, invents an efficient cating metal masters. His first
stops (at cap height)• and are not yet carved individually system for attaching movable typeface is based on Textura,
pauses (at baseline)• to be assembled and reused. letters to a printing press. A the regional writing style.

When the alphabet was developed by the Phoenicians,


for the first time uniting spoken and written language,
smaller areas had a mechanism for recording their own
regional dialects and languages. | The development
of writing meant preserving thoughts and wisdom for
The first legibility studies were future generations. | The Rosetta Stone was inscribed
conducted in 1878 by French in 196 bc to praise Pharaoh Ptolomy V Epiphanes. Telling “Printing is the subject that
engineer and physician Émile the same story in three languages, it became the key to lies at the roots of Western
Javal. He discovered that the deciphering hieroglyphics and Egyptian demotic script. civilization. It’s the beginning
eye doesn’t move continuously Jean François Champollion translated it between 1814 of everything, really.” Stan
across a line of text, but makes and 1822 using the known third language, Greek. But Nelson, National Museum of
short “saccadic” jumps. his translation was disbelieved until another trilingual American History

c1760 John Baskerville develops c1790 Lithography (“stone 1826 With photography’s 1890 Marginal notes placed
smoother paper and ink and a writing”) is invented, based on invention and inherent realism, logically and intimately near
typeface, with pronounced thicks the idea that water repels oil- printers improve continuous their reference points liven the
and thins, that takes advantage based inks. Its results are more tones. Photoengraving is intro- pages of Whistler’s English book.
of these refinements. subtle than letterpress. duced in 1871.

Lithography

Letterpress

3 55

EoGD2 Ch3.indd 55 2/26/12 11:13 AM


1917 De Stijl (“The Style”) 1919 Cubists reject the per- 1923 Dadaists exploit shock 1923 Constructivists combine
explores asymmetric type, sim- spective of a single viewpoint, through typographic experi- words and pictures into a single
plicity, and dynamic divisions fragmenting and collaging mentation and apparent ran- element. This example by El
of space. It influences construc- images, sometimes adding let- domness. Lissitzky, in a book with a tab
tivists and the Bauhaus. terforms as abstract elements. index, illustrates a poem.

stone, the Canopus Decree, was discovered in 1866. | 18 40–1900 Victorian


18 50–1900 Arts & Crafts
To make facing pages in early books symmetrical – and 18 90–19 05 Art Nouveau
19 05–25
thus more pleasing to God – scribes insisted that both 1910–25
Expressionism
Cubism
the left and right edges of text columns be aligned. This 1910–45 Futurism
1915–25 Dada, De Stijl
required abbreviating words, which led to the invention 1915–30 Constructivism
of contractions. | Richard Hollis, in his Graphic Design, 19
20–35 Bauhaus
1925–40 Art Deco
A Concise History, says, “A single sheet of paper printed 1925–45 Surrealism
19 30–70
on one side is a poster; folded once, it becomes a leaf- Modern
19 45–70 New York School
The Linotype machine replaces let; folded again and fastened it becomes a booklet; 19 50– International
19 60–70 Pop, Psychedelia
handset type in 1886, speed- multiples of folded sheets make a magazine or book. 1970– Basel
ing typesetting considerably. These – the poster, leaflet, booklet, magazine and book 1975–90 Punk
1975–90 Postmodern
– are the physical structures on which graphic designers 19 90– Global
20 07– Web 2.0

1959 The New York School, 1975 The 1960s and 70s 1979 Self-conscious design 1987 April Greiman builds on
beginning just after World War are decades of searching for guides the 1970s and 80s, as Weingart’s work, adding video
II, brings a period of extraordi- symbolism, as shown by Milton in this Wolfgang Weingart and computer references and
nary vibrancy. Glaser’s logo. “Swiss Punk” poster. geometric shapes as decorative
elements.

EoGD2 Ch3.indd 56 2/26/12 11:13 AM


1927 The Bauhaus, both the 1934 Herbert Matter adds 1948 Lester Beall helps create 1957 International, or “Swiss,”
school and the philosophy, is extreme photographic scale to the modern movement in New style grows from the Bauhaus.
founded as a new educational Tschichold’s New Typography York with Scope magazine for Armin Hofmann uses the grid,
program in Germany, marking in montaged posters. Upjohn Pharmaceuticals. asymmetry, and minimal typo-
the birth of graphic design. graphic contrast.

must organize their information.” To these structures we


must add digital paperless communication. | Graphic
design evolved as a profession in the mid-twentieth
century from commercial artists in the trades of printing,
typesetting, and illustration. | There are three kinds of “Disputes between the
messages designers organize: identification (saying what traditional and modern schools
something is), information (explaining relationships be- of typographic thought are the
tween things), and promotion (advertising design whose fruits of misplaced emphasis.
purpose is to be visible and persuasive). These three I believe the real difference lies
Letterforms became more kinds of content can overlap and they do more often in in the way ‘space’ is intepreted.”
pliable, adventurous, and expres- recent years when no opportunity seems to be passed Paul Rand (1914–1996)
sive in the art movements of up to make money. e n d
the early 1900s.

1992 Typographic deconstruc- 1998 Web site design becomes 2002 The computer allows 2010 More than ever, it seems
tion, the battle between legibility the hot discipline through the design from any era – like using noticeable design is done off
and maximum visual impact, is ’90s, largely mirroring print de- these old metal types – but the computer. It uses fresh material
explored by many, led by Nev- sign. Web-like wayfinding is ap- purpose of a document remains rather than the same premade
ille Brody’s ’90s work. plied to multipage print design. to be read. digital pieces as everyone else.

3 57

EoGD2 Ch3.indd 57 2/26/12 11:13 AM


1460 Carolingian handwriting

1467 Sweynheim’s “roman” typeface

1470 Jenson’s “roman” typeface

1500 Griffo’s “italic” typeface

c110 Stone-carvers invent serifs c1450 Gutenberg makes the c1450 Gutenberg’s font has c1460 Konrad Sweynheim brings
by finishing strokes with a per- first movable type, styled after 290 characters, including movable type to Rome, where
pendicular hit. Textura, the dark handlettering many ligatures and contrac- he adopts the region’s preferred
of his region. tions to justify lines. Carolingian writing style.

Timeline 2: Letterforms and typefaces


Letterforms are the shapes of the characters we use
to write. Letterforms can be made by handwriting or
drawing them or by setting them in keyboard-accessible
fonts. A typeface is a set of predrawn letterforms that
are repeatable. Letterforms have existed for thousands
“The art of typography, like of years (technically beginning with the Phœnicians
architecture, is concerned in 1,600 bc, who first attached a glyph to each spoken
with beauty and utility in sound), but the first typeface ever made was Gutenberg’s
contemporary terms.” in about 1450. | Typography as practiced today has
Bradbury Thompson been shaped by technological developments as much 1880 Mocking the idea that
(1911–1995) as by artistic evolution in the intervening 560 years. Yes, type could possibly be set by
machine.

1818 Giambattista Bodoni’s c1885 Andrew Tuer’s function- 1925 Paul Renner’s initial 1930-1960 Technical improve-
hardened “punches,” which al descenderless typeface for sketch for what would become ments in metal typesetting
were used to make female use “where economy of space his Futura typeface shows a abound. Use of sans serif types
molds for molten lead copies. is an object - as in the crowded search for a new formal unity widens. Phototype is invented
columns of a newspaper." among its letterforms. and develops.

1930 Eric Gill’s Perpetua

1932 Stanley Morison’s Times New Roman

1948 Jackson Burke’s Trade Gothic

1957 Max Miedinger’s Helvetica

EoGD2 Ch3.indd 58 2/26/12 11:14 AM


1535 Claude Garamont: first to sell his types

1621 Jean Jannon’s Antiqua

1724 William Caslon: first “English” typeface

1760 Giambattista Bodoni: first “Modern” types

1500-1800 Letters become c1815 Square serif types intro- 1817 William Caslon ıv was made it financially viable in
sharper, change stylistically, duced, soon became known as the first to develop a type 1847 (right). Many typefound-
and are more even in overall “Egyptian” because Egyptian without serifs (left), but it was ers quickly followed his lead
tone, taking advantage of ink discoveries happened to be Vincent Figgins who took the and created their own sans
and paper improvements. wildly popular at the time. idea, named it “sans serif,” and serif types.

typography has changed in response to fashion and style,


but the important, lasting developments have been in
response to improvements in ink and paper, ways to
increase the speed of typesetting, and decreasing the
cost of type’s manufacture. Type is, after all, a business as
well as an art form. | Western letterforms come from two
“What type should I use? sources: capitals, or “majuscules,” perfected in Roman in-
The gods refuse to answer. scriptions (and evolved from earlier Greek and Phœnician 1988 Computers allow anyone
They refuse because they do characters). Lowercase letters, or “minuscules,” evolved with an interest to design
not know.” W.A. Dwiggins in Medieval handwriting, before the invention of print- typefaces, increasing typestyle
(1880–1956), who also drew ing: letters were simplified by copyists so they could be variety and the public profile
this art. written more quickly. e n d of typography.

1960s Phototype, developed 1970-2000 Digital types arrive, 2000 Emoticons are invented 2010 New letterforms are
in the 1920s, leads to tighter putting type design and manu- to add tone of voice to written invented when new communi-
letterspacing in the 1960s facture in the hands of anyone messages, which can be mis- cation needs become evident.
because metal “shoulders” no with a computer. Early types understood. They are combina- This “SarcMark” says “sarcasm”
longer exist. require 300dpi optimization. tions of keystroke characters. and replaces some emoticons.

1974 Dot matrix printers output at 72dpi

1985 Lucida is designed for 300dpi

1990 Beowolf creates letter variations on the fly

1997 First OpenType font has 1,300 glyphs

3 59

EoGD2 Ch3.indd 59 2/26/12 11:14 AM


A

c15,000 bc Identifying marks 3,500 bc The first identifiers c1200 Merchants’ marks are 1282 The earliest watermark,
have been around since the were Sumerian stamps (A). Three widely used to mark packages. a symbol embedded directly
beginning of human writing. thousand years later, cylinder Being diagrammatic, they com- into paper fibers to indicate the
Here, paint was spit-sprayed seals, rolled across soft clay, municate across dialects and paper’s maker, is Italian.
around the artist’s own hand. showed stories as signatures (B). languages, even to illiterates.

Timeline 3: Logos
A logo is a mark that identifies an individual or busi-
ness. Logos have a rich and fascinating history. “Logos” Symbols
Representational signs
Realistic images of objects is Greek for “word,” and it is a term that is widely and
incorrectly used to indicate all corporate trademarks.
Marks may be symbols (marks without type), lettermarks Lettermarks
Pictograms (letters form the name), logos (a pronounceable word), or
Descriptive images of objects
combination marks (symbol and logo together). | What
is right with your logo’s design? Is it smart, beautiful,
Logos
Symbolic signs witty, elegant*, original, well designed, and appropriate?
Pictograms with new meanings Does it use negative space well? Is it, in a word, good**?
A good logo must be good on its own design merits – it
Combination marks
Ideograms
Nonrepresentational ideas
1933 Lucian Bernhard, a Ger- 1971 Carolyn Davidson, a stu- 1972 A logo is a mark that is
man designer now best known dent at Portland State Universi- a pronounceable word, like

Diagrammatic signs for his typefaces, creates a ty, is paid $35 to design a logo Exxon. Shown here is Raymond
Nonrepresentational, arbitrary body of lettermarks for compa- for a new sneaker company. Loewy’s first sketch, done in
nies in Europe and the U.S. 1966.

Synonimic signs
Images with the same referent

Semiotics, the study of signs


and meanings, defines nine cat-
egories of marks, of which these
six are the most important.

EoGD2 Ch3.indd 60 2/26/12 11:14 AM


1502 Aldus Manutius adopts 1670 With the advent of print- 1750 Pottery and porcelain 1864 Stylization is introduced
the anchor-and-dolphin device, ing, “tradesman’s cards” are marks are pressed into the bot- to denote quality in England in
symbolizing the proverb simple, literal depictions of toms of pieces to indicate prov- the second half of the 1800s.
Festina lente, or “Make haste businesses. enance and artisan. These are
slowly.” samples from Delft, Holland.

has inherent aesthetic† quality – and it must be good


for the client by satisfying their brand positioning, by
meeting clearly stated business objectives, and by the
designer’s ability to explain why a design solution is right
thinking. | Though logos are part of a greater branding A logo is often accompanied
effort, every logo should be a perfect jewel of character- by a tagline. “Good to the last
filled relationships that reveals the designer’s mastery of drop®” may have been coined
the fundamental figure/ground relationship. e n d in 1907 by President Theodore
* Elegance is not the abundance of simplicity. Elegance is the absence Roosevelt at Maxwell House
These handlettered logos, all of complexity. ** Good is a solution to a real or clearly stated prob- Hotel in Nashville … or it was

done by Ed Benguiat, are lem. Good lasts for ten years. Aesthetics = artistry + inventiveness written by Clifford Spiller, then
examples of positive and nega- brought to a problem. president of General Foods.
tive shapes in perfect balance.

1978 Abstraction is used in 1989 Stefan Geissbuhler de- 1993 A modern mark notable 2006 Logos need regular up-
symbols when the companies signs the Time Warner mark. for its elegant N, W, and de- dating to be contemporaneous.
they describe are not easily il- The final is a hand rendering scriptive arrow created by The earliest mark here (top
lustrated. This is for a Brazilian because the computer-drawn negative space. left) is from 1901.
banking group. studies were too sterile.

3 61

EoGD2 Ch3.indd 61 2/26/12 11:14 AM


1841 Punch magazine, named 1903 Illustrated news weeklies 1927 A.M. Cassandre’s cover 1929 Modernists transformed
after an irreverent puppet invent- that combined a balance of for the Chemins de fer du Nord, magazines with sans serif type
ed by Samuel Pepys in 1662, type and imagery proliferated the French railroad company, and dynamic layouts, as in
first publishes its mix of politics with the development of indus- was used for every issue of the this early example by Joost
and satirical humor in London. trial society. corporate magazine. Schmidt.

Timeline 5: Magazines
Periodicals evolved from leaflets to pamphlets to
almanacs until 1663, nearly two hundred years after the
invention of movable type, when the first true magazine
offering specific information for a specific audience was a
German monthly, Edifying Monthly Discussions. This was “Advertising made magazines
a collection of summaries on art, literature, philosophy, larger – because ads need
and science. | There are two basic types of magazines: large display space; it made
trade magazines of highly specialized information, magazines use illustrations;
Broom was one of many artist- which are usually mailed to readers; and consumer it required color printing
led periodicals in the 1920s magazines, which cater to wider audiences. With the and better paper; and it
and 1930s “on the vanguard of growth of magazines’ Internet sites, readership of print required huge circulations.”
an intellectual movement.” M.F. Agha (1896–1978)

1953 Bradbury Thompson over- 1964 George Lois creates 1984 Emigre magazine publish- 1992 Nearly illegible type
laps the four process colors as series of covers for Esquire es on the Macintosh platform. defines Ray Gun’s brand. David
flat tints in his art direction of that sometimes use pictures Using custom types, it influenc- Carson’s eagerness for chaotic
Westvaco Inspirations. of pictures, as in this memorial es the design community with design sets this cutting-edge
to JFK. emerging DTP technology. music magazine apart.

EoGD2 Ch3.indd 64 2/26/12 11:14 AM

You might also like