A REFERENCIA

NO DESIGN
GRAFICO

UM GUIA VISUAL PARA A LINGUAGEM, APLICAES

E HISTRIA DO DESIGN GRFICO

001-039.indd 1

18/11/10 13:05

Graphic Design Referenced: a visual guide to the language, applications, and history of graphic design
2009 by Rockport Publishers, Inc.
A Referncia no Design Grco
2011 Editora Edgard Blcher Ltda.

Edgard Blcher Publisher

Eduardo Blcher Editor
Rosemeire Carlos Pinto Editora de desenvolvimento

Marcelo Alves Tradutor

Vnia Cavalcanti Preparao de texto
Thiago Carlos dos Santos Reviso de provas
Join Bureau Editorao
Ficha Catalogrca
Rua Pedroso Alvarenga, 1.245, 4o andar
04531-012 So Paulo SP Brasil
Tel.: 55 (11) 3078-5366
editora@blucher.com.br
www.blucher.com.br

Segundo Novo Acordo Ortogrco, conforme 5. ed.

do Vocabulrio Ortogrco da Lngua Portuguesa.
Academia Brasileira de Letras, maro de 2009.

Gomez-Palacio, Bryony;
A referncia no design grco: um guia visual para a
linguagem, aplicaes e histria do design grco / Bryony
Gomez-Palacio e Armini Vit; [traduo Marcelo Alves.] So
Paulo: Blucher, 2011.
Ttulo original: Graphic Design Referenced: a visual guide
to the language, applications, and history of graphic design.
ISBN: 978-85-212-0569-2
1.

I. Ttulo

proibida a reproduo total ou parcial por quaisquer meios,

sem autorizao escrita da Editora.
xx-xxxxx
Todos direitos reservados pela Editora Edgard Blcher Ltda.

001-039.indd 2

CDD-xxx.x

ndice para catlogo sistemtico

1.
xxx.x

18/11/10 13:05

A REFERENCIA
NO DESIGN
GRAFICO

UM GUIA VISUAL PARA

A LINGUAGEM, APLICAES
E HISTRIA DO DESIGN GRFICO

Bryony Gomez-Palacio e Armin Vit

001-039.indd 3

18/11/10 13:05

10

Apresentao

Uma Modesta Linha Ilustrada do Tempo

20

PRINCIPIOS
22

60

78

De Design

De Tipograa

De Produo Impressa

90

CONHECIMENTO
92

110

118

126

Em Papel

Online

Na Sala de Exposio

Nas Salas de Aula

001-039.indd 4

18/11/10 13:05

136

REPRESENTANTES
138

212

234

242

De Design

De Formas de Letra

De Escrita

De Designers

250

PRATICA
252

272

320

Nas Paredes

Nas Estantes

Nas Bancas de Revistas

338

362

Sobre Identidade Sobre Formas de Letra

390

392

399

Leitura Recomendada

ndice

Lista de Colaboradores

001-039.indd 5

18/11/10 13:05

001-039.indd 6

18/11/10 13:05

AGRADECIMENTOS
Antes de mais nada, agradecemos a todas as pessoas
que responderam nossos e-mails e telefonemas e
dispuseram de algum tempo para fornecer material e
informaes que so a essncia deste livro.
A obra A Referncia no Design Grco provavelmente
no existiria no fossem a editora, Winnie Prentiss, e
Emily Pottos, editora de aquisies, ambas da Rockport,
que nos procuraram com a ideia de criar um tomo
ambicioso a respeito de design grco. Mais importante,
agradecemos pela pacincia na medida em que adivamos
nossos prazos por meses e meses. Tambm na Rockport,
agradecemos a Regina Grenier, diretora de arte e
gerente snior de design, por seu apoio no projeto deste
livro, alm de a Tiffany Hill e a Cora Hawks por suas
capacidades gerenciais.
Por auxiliar-nos a evitar maiores constrangimentos,
estendemos nossa mxima gratido a Aaris Sherin,
professora assistente de design grco na St. Johns
University, por sua infatigvel vericao de dados e a
Madeline Gutin Perri, por fazer com que parecssemos
escritores melhores do que realmente somos, com sua
precisa edio de texto.
Os conselhos e sugestes iniciais de Michael Bierut,
Tobias Frere-Jones, Jonathan Hoeer, Adrian Shaughnessy
e dos leitores na Speak Up foram fundamentais para
nos colocar no rumo correto. A pesquisa inicial de Nikita
Prokhorov nos ajudou a aliviar o fardo, e sugestes de
Joe Marianek de projetos para ilustrar algumas das
entradas revelaram verdadeiras preciosidades. Tambm

001-039.indd 7

agradecemos a Steven Heller, Michael Johnson e

Patrick Burgoyne pela ajuda consistente em assuntos
grandes e pequenos por todo este projeto.
Agradecemos a todas as pessoas maravilhosas
que nos auxiliaram com os pedidos mais simples ou
complexos (apresentadas na ordem cronolgica que nos
auxiliaram): Stephen Coles, Michael Pieracci e Yves Peters,
FontShop International; Rich Kaplan, Finlay Printing;
Kurt Koepe, Susannah McDonald, Tamara McKenna,
Adi Wise, Simon Beresford-Smith, Pentagram; Bob Zeni,
STA; Dmitry Utkin, designyoutrust.com; Emmet Byrne,
Walker Art Center; Design Maven; Elaine Lustig Cohen;
Laetitia Wolff; Markus Rathgeb; Derrick Schultz e Katie
Varrati; Emily Roz e Mike Essl, Herb Lubalin Study Center;
Marian Bantjes; Stephen Eskilson; Joe Kral; Kari Horowicz
e David Pankow, Cary Graphic Arts Collection, RIT;
Michael Evamy; Marc J. Frattasio, Thomas Phinney, Adobe;
Jennifer Bass; Louise Sandhaus; Grant Hutchinson; Robert
Jones e Jordan Crane, Wolff Olins; Ian Lynam; David
Pearson; Heather Strelecki, AIGA; Sarah Coffman; Michelle
French; Mark Kingsley; Maaike de Laat; Allan Haley; Steff
Geissbuhler; Jose Nieto; Joe Miller; Kevin Reagan; Richard
R. Anwyl, The Center for Design Study. Desculpem-nos se
deixamos algum de fora.
Aos nossos pais e irmos, nossos torcedores mais fervorosos
sem o apoio e conana deles este trabalho teria sido uma
batalha sem m.
E, acima de tudo, a nossa lha, Maya, cuja desenfreada
curiosidade e desejo pela descoberta foram o nosso motor.

18/11/10 13:05

e notas sobre este livro

Apresentao

APRESENTACAO
doloroso e ao mesmo tempo catrtico ter
que admitir isto no papel impresso e logo no
primeiro pargrafo de nossa apresentao:
este livro um dos projetos mais difceis, mais
desaadores e cansativos que j zemos. Uma
parte foi simplesmente as implicaes fsicas
e logsticas que experimentamos escrever
quase 115.000 palavras, coletar mais de 2.500
imagens e seus respectivos formulrios de
liberao, alm de acompanhar os 3.500 e-mails
que escrevemos, sem falar em ter que encarar
prazos de escrita que ns, envergonhadamente,
tivemos que postergar mais de uma vez. A outra
parte deste fardo criativo e que recai de forma
mais pesada sobre ns mesmos, a despeito da
alegria em concluir este projeto o fato de
este livro ser relativamente incompleto.
De incio, estabelecemos que o livro
A Referncia no Design Grco serviria como
um bazar metafrico de informaes sobre
design grco, abrangendo seus princpios
bsicos, histria formativa, projetos seminais
e prossionais inuentes.

Mas, como logo descobrimos, foi impossvel

abranger tudo, seja pelas restries de
tempo, pela limitao no j generoso nmero
de pginas, disponibilidade de imagens
reprodutveis ou o consentimento dos
designers participantes ou dos detentores dos
direitos de obra, e camos na posio em que,
para algumas incluses de sucesso, houve
vrias omisses que incomodam e demo-nos
conta de que as ltimas so to signicativas
quanto as primeiras num campo to rico e
diversicado quanto o design grco.
Entretanto, essas condies no nos eximem
de crticas pelas omisses propositais que
cometemos. Se questionados de maneira
educada, caremos satisfeitos em explicar
nosso posicionamento, seja ele devido pura
ignorncia ou intencional. claro que nem
tudo irremedivel: dependendo do sucesso
desta primeira edio, muitas dessas falhas
podero ser corrigidas nas prximas.
O contedo nal deste livro o resultado
de um turbilho em constante mudana com

nomes, termos, fontes, mtodos, eventos,

marcas, revistas e outros numerosos verbos,
substantivos e nomes prprios que funcionam
como pontos de referncia para prossionais
do design grco da o ttulo. Adotar a palavra
referncia nos permitiu abordar o design grco
de duas maneiras: primeiro, como reconhecimento
de como os designers grcos referenciam
cotidianamente sua prpria histria, apontando
constantemente para outros designers em
particular ou projetos especcos como fonte de
inspirao ou comparao; e, segundo, como
desao de criar um livro que servisse de
referncia tanto de informao textual quanto
visual, documentando e localizando no tempo o
escopo do design grco contemporneo.
Talvez seja mais adequado explicar este livro
usando nosso slogan de motivao: se voc
estiver somente em companhia de designers
grcos, este livro provavelmente tratar de
todos os assuntos prossionais que possam
surgir, dando a voc informao suciente para
entender uma piada sobre o assunto ou balanar
a cabea sinalizando entendimento frente a uma
armao mais profunda.
Devido ao fato de abordarmos assuntos
semelhantes aos de A History Graphical Design,
de Phillip B. Meggs; Graphic Design: A Concise

Notas sobre este livro e como us-lo

ESTRUTURA

Leituras Recomendadas

Cada captulo (por exemplo, Princpios) composto de subcaptulos

(por exemplo, Princpios de tipograa), e nestes esto ttulos amplos
que abrangem muitos tpicos (por exemplo, Letra gtica um tpico
do ttulo Classicao em Princpios de tipograa). Esses ttulos
amplos so explicados em cada pgina do subcaptulo, estabelecendo
contexto e critrios para os tpicos.

Este cone aparece na base de alguns tpicos; ele indica a pgina 390,
onde voc poder encontrar sugestes acessveis.

Texto
A maioria dos tpicos tem de 150 a 300 palavras. Isso no muito.
Assim, ns admitimos, de maneira bastante direta, que muitos detalhes
foram deixados de lado e muitas histrias podem parecer incompletas.
No poupamos nenhum esforo para incluir o mximo de informaes
relevantes, mas isso nem sempre foi possvel. Quando disponveis,
zemos recomendaes de leituras adicionais.

001-039.indd 8

Bibliografia e Notas de Rodap

Desculpe, mas no existem. Isso no quer dizer que no consultamos
um grande nmero de livros, peridicos, revistas e entrevistas de rdio
ou em vdeo. Ns o zemos. E, surpreendentemente, a maioria desses
materiais de referencia facilmente encontrada em buscas online.
Quando no so plenamente disponveis online, as fontes originais
podem ser adquiridas em livrarias, consultadas em bibliotecas ou
obtidas de conhecidos que tm bibliotecas de obras sobre design.
Aproveitamos a oportunidade para aplaudir o Google Books e o Look
Inside da Amazon que nos deram acesso a muitos livros que
encareceriam muito a pesquisa se tivssemos que adquiri-los.

18/11/10 13:05

Apresentao

History de Richard Hollis e mesmo ao ltimo

item da categoria de pesquisa histrica
Graphic Design, A New History, de Stephen J.
Eskilon, ns devemos diferenciar nosso
contedo que certamente construmos sobre os
ombros desses gigantes oferecendo uma nova
perspectiva organizacional por meio da qual seja
possvel analisar nosso passado e presente
enquanto so trazidas novas incluses do
crescente cnone de nossa prosso. Em
Princpios, examinamos os fundamentos do
design grco para estabelecer a linguagem, os
termos e conceitos relativamente objetivos que
regem o que fazemos e como fazemos. Em
Conhecimento, exploramos as fontes mais
inuentes a partir das quais aprendemos a
respeito de design grco, desde as instituies
de ensino que frequentamos s revistas e livros
que lemos. Com Representantes, tentamos
coletar aqueles praticantes individuais ou em
grupo que, com o passar dos anos, tm sido os
mais inuentes ou que mudaram os
rumos do design grco de uma maneira ou outra.
Finalmente, em Prtica, destacamos os trabalhos
mais importantes que tanto exemplicam as
melhores prticas quanto ilustram o legado
potencial do trabalho que produzimos.

001-039.indd 9

e notas sobre este livro

Com esse referencial estabelecido, seguimos

adiante com o preenchimento de quase 500
pginas em branco, usando uma combinao
de perodos de texto abrangentes (embora
admitidamente no aprofundados) e testando
nossa capacidade de resolver quebras-cabea
com tantas imagens que o layout pudesse
acomodar. A despeito dos j mencionados
desaos e tenses, este foi um livro excitante
para ser denido, pesquisado, escrito e
visualizado. Embora isto possa no ser a ideia
que a maioria tenha de prazer, adoramos ter
mergulhado no mundo do design grco. Livros
de design com vrios post-it colados esto
espalhados pelo nosso escritrio; nosso scanner
sempre tem uma la de materiais que precisam
ser digitalizados; nosso histrico de pginas
visitadas na rede tem quilmetros de extenso; os
correios, UPS e FedEx esto constantemente nos
entregando encomendas contendo artefatos
originais de design que os designers nos enviam
ou que compramos no eBay; nosso servidor de
transferncia de dados est constantemente em
atividade com downloads e uploads de arquivos;
alm de usarmos este projeto como desculpa para
visitar arquivos de design na nossa vizinhana.
Pode parecer um pouco bobo e talvez paradoxal,

mas esta foi uma experincia

surpreendentemente enriquecedora.
O resultado um livro que acreditamos ou,
no mnimo, desejamos que fornea um ponto
de vista gil, energtico e informativo sobre as
mltiplas facetas de nossa prosso. No somos
nem historiadores nem crticos, somos meros
praticantes do design que reconhecem a
importncia de se estar ciente do rumo que
nossa prosso seguiu de modo que seja possvel
modic-lo. Esta obra , no nal das contas,
uma reexo de nossas prprias experincias
formativas, e seu contedo representa o que
achamos importante, relevante e inuente ao
longo de muitos anos. Estamos ansiosamente
conantes e avidamente inseguros a respeito
da relevncia e recepo do livro A Referncia
no Design Grco, mas temos conana que
ele servir como pedra fundamental, para ns
e a prosso, para forjar uma histria e prtica
novas no sculo XXI.
Bryony Gomez-Palacio & Armin Vit

Relacionado

Imagens Contemporneas

Um objetivo que gostaramos de atingir com este livro mostrar a teia

de conexes na nossa indstria; e, no esprito da Internet, criamos
enlaces (links) entre itens relacionados. Estes so evidenciados no
texto por um sublinhado em cinza e uma echa indicando a pgina
apropriada, como aqui > 10.

Para entradas que no precisam de projetos especcos de design,

zemos um esforo consciente para encontrar trabalhos novos e inditos
de todo o mundo. Muito do que colhemos veio de pginas da web
como ffffound.com, manystuff.org, monoscope.com e thedieline.com.
Entretanto, pode ser que voc j tenha visto alguns destes.

Imagens Histricas

Para Consideraes Futuras

Para nossa consternao, projetos de design datando dos anos 1950

ou anteriores so dolorosamente caros para serem adquiridos de
universidades, museus e colees especiais. Se dinheiro e tempo no
fossem um problema, este livro estaria repleto deles. Dadas nossas
restries de tempo e oramento, limitamos sua incluso e, para nossas
duas linhas do tempo, zemos nossas prprias interpretaes de
algumas das imagens mais signicativas e conhecidas.

Neste livro existem dez itens que destacamos por meio de designs
diferentes e narrativas mais longas, so projetos ou tpicos que
acreditamos merecerem uma maior considerao e ateno.

Realimentao
Esperamos receber correes, perguntas a respeito de omisses e qualquer
outro tipo de retorno. Por favor, visite underconsideration.com/gdr.

18/11/10 13:05

Uma modesta linha ilustrada do tempo

10

1860 1920

1869 / EUA

1880 / EUA

1886 / EUA

1896 / GRCIA

fundada a
primeira agncia
de publicidade,
N.W. Ayer & Son

Edward J. Hamilton funda a Hamilton

Company em Two Rivers, Wisconsin,
tornando-se o maior produtor de tipos
de madeira

Ottmar Mergenthaler inventa a primeira

mquina de composio, o linotipo

Os jogos da primeira olimpada apresentam

a primeira olimpada de vero 356

1887 / EUA

Tolbert Lanston inventa a mquina

de composio monotipo

REPRESENTANTES PRINCIPAIS

alemanha Peter Behrens / reino unido William Morris / eua Dard Hunter, Bruce Rogers
c. 1880 c. 1910

1891 / REINO UNIDO

1895 / EUA

Artes e Ofcios

William Morris funda a

Kelmscott Press

Elbert Hubbard estabelece a

comunidade Roycroft

REPRESENTANTES PRINCIPAIS

alemanha (jugendstil) Peter Behrens / frana Jules Cheret, Alphonse Mucha,

Thophile Steinlen, Henri de Toulouse-Lautrec / reino unido Aubrey Beardsley,
The Beggarstaff Brothers: William Nicholson, James Prydel / eua William Bradley /
vienna (secesso) Gustav Klimt
1876 / EUA

c. 1890 c. 1915

1896 1926 / ALEMANHA

Cartaz prospecto feito usando tipos

de madeira

Art Nouveau

Georg Hirth
publica a revista
Jugend ( juventude)

Uma Modesta Linha Ilustrada do Tempo

Uma linha do tempo para o design grco verdadeiramente
completa deveria comear milhares de anos antes de Cristo,
transportando o leitor atravs da Renascena, das revolues
industrial e digital e abordando os movimentos Art Nouveau,
construtivista e Bauhaus, apenas para dar alguns exemplos de
marcos histricos. Felizmente, essa abordagem j foi adotada em
A History of Graphic Design, de Philip B. Meggs, que continua
sendo a pedra angular da histria do design grco.
Ficou claro desde o comeo que no seramos capazes de
acrescentar nada de novo aos captulos iniciais da histria do
design. Mesmo a primeira metade do sculo XX se mostrou estar
alm do nosso alcance. Ns tivemos sorte mais uma vez, pois

existe o livro de Richard Hollis, Graphic Design: A Concise

History, que apresenta uma viso global da evoluo das
artes grcas em design grco e seu desenvolvimento na
Europa e nos Estados Unidos. Ns realmente recomendamos
esses dois livros aos leitores desejosos de uma pesquisa
mais aprofundada.
Nossa linha do tempo um resumo de alguns dos mais
relevantes eventos, movimentos, designers e trabalhos em
design desde o nal do sculo XIX at o incio do sculo XXI.
Ela conta apenas uma parte de histria, mas talvez o bastante
para dar uma ideia das bases sobre as quais os que esto
representados neste livro se desenvolveram.

NOTAS
Todas as ilustraes so interpretaes monocromticas do design original e no so rplicas exatas.
Devido ao espao e estrutura do layout, a posio de alguns anos no perfeita e s vezes os mesmos anos no esto alinhados.
Alguns tpicos interessantes no foram includos na cronologia e so tratados com mais profundidade no restante do livro.

001-039.indd 10

18/11/10 13:05

1860 1920

Uma modesta linha ilustrada do tempo

11

1903 / EUA

Frederic W. Goudy funda

a Village Press

Primeira Guerra Mundial

1914 1918

1904 / EUA

1907 / ALEMANHA

Dard Hunter, capa do livro

Little Journeys to the Homes
of Great Businessman

Behrens nomeado designer industrial na

Allgemeine Elektrizitts-Gesellschft
/ mostra cartaz Lmpada AEG, 1910

Revoluo
Russa
1917

1917 / EUA

James Montgomery Flagg, cartaz I want you

for U.S. Army
1896 / FRANA

1897 / ALEMANHA

Thophile Steilen, cartaz Cabaret

du Chat Noir

Thomas Heine, cartaz Simplicissimus

REPRESENTANTES PRINCIPAIS

austria Julius Klinger / alemanha Lucian Bernhard, Ludwig

Hohlwein, Hans Rudi Erdt / sua Otto Baumberger
c. 1905 c. 1920

1905 / ALEMANHA

1910 / ALEMANHA

Sachplakat (cartaz Objeto)

Lucian Bernhard, cartaz Fsforos Priester

Hans Josef Sachs publica

Das Plakat (O cartaz)

REPRESENTANTES PRINCIPAIS

itlia Fortunato Depero, Filippo Marinetti

c. 1910 c. 1930

1909 / FRANA

1914 / ITLIA

1927 / ITLIA

Futurismo

Filippo Marinetti publica

seu Manifesto Futurista
no jornal francs Le Figaro

Filippo Marinetti, Detalhe de

pgina do Zang Tumb Tumb
Edizioni Futuriste de Poesia

Fortunato Depero, Livro

Depero Futurista

REPRESENTANTES PRINCIPAIS

alemanha Raoul Hausmann, John Hearteld, Kurt Schwitters,

Theo van Doesburg / sua Jean Arp, Hugo Ball, Tristan Tzara
/ eua Marcel Duchamp, Man Ray

001-039.indd 11

c. 1915 c. 1925

1918 / SUA

1919 / ALEMANHA

Dada

No terceiro nmero de revista

Dada, Tristan Tzara publica o
Manifesto Dada 1918

Roul Hausmann, capa do n. 1 do Der Dada

18/11/10 13:05

1920 1940

Uma modesta linha ilustrada do tempo

12

1922 / EUA

REPRESENTANTES PRINCIPAIS

O termo design grco

usado pela primeira vez
por W. A. Dwiggins 141
num artigo para o Boston
Evening Transcript

frana Jean Carlu, A.M. Cassandre /

reino unido E. McKnight Kauffer
c. 1925 c.1940

1923 / FRANA

Art Deco

A M Cassandre, cartaz Au Bucheron

1923 1932 / ALEMANHA

Kurt Schwitters publica o peridico Merz

/ mostrado capa do n. 11 de Merz
REPRESENTANTES PRINCIPAIS

russia Gustav Klutsis; El Lissitzky; Alexander Rodchenko;

Stenberg Brothers: Georgii Stenberg, Vladimir Stenberg;
Varvara Stepanova; Vladimir Tatlin

Georgii e Vladimir Stenberg

cartaz O homem com a cmera
de cinema
1929 / RUSSIA

c. 1920 c. 1930

1919 / RUSSIA

1923 / RUSSIA

Construtivismo

El Lissitzky cartaz Derrotar os

Brancos com a Cunha Vermelha

Alexander Rodchenko, cartaz para a

aerolinha Dobrolet

REPRESENTANTES PRINCIPAIS

holanda Piet Mondrian, Gerrit Rietveld, Bart van der Leck, Theo van Doesburg
c. 1920 c. 1930

1917 1931 / HOLANDA, ALEMANHA

1919 / HOLANDA

De Stijl

Theo van Doesburg publica a revista de

Stijl (O estilo) at sua morte em 1931

Theo van Doesburg (Logomarca De Stijl) e Vilmos Huszar

(xilogravura) detalhe do peridico de artes de Stijl

REPRESENTANTES PRINCIPAIS

alemanha Josef Albers, Herbert Bayer, Max Bill, Walter Gropius, Johannes Itten, Wassily Kandinsky,
Ludwig Mies van der Rohe, Lszl Moholy-Nagy, Oskar Schlemmer, Joost Schmidt
c. 1920 c.1940

1919 / ALEMANHA

1923 / ALEMANHA

1923 / ALEMANHA

1925 / ALEMANHA

Bauhaus

Walter Gropius cria a escola

Staatliches Bauhaus Weimar e
publica o manifesto Bauhaus

A Bauhaus realiza sua primeira

exposio pblica de trabalhos
estudantis

Joost Schimidt, cartaz de exposio

A escola muda
para Dessau

REPRESENTANTES PRINCIPAIS

alemanha Herbert Bayer, El Lissitzky,

Lszl Moholy-Nagy, Jan Tschichold

001-039.indd 12

c. 1920 c. 1930

1923 / ALEMANHA

Tipograa Nova

Herbert Bayer, Cdula de 2 milhes de Marcos para o Governo

Estadual da Turngea em Weimar

18/11/10 13:05

1920 1940

Uma modesta linha ilustrada do tempo

13

Segunda Guerra
Mundial 1939 1945
Heinz Schulsz-Neudamm,
cartaz do lme Metropolis
1925 / FRANA

1926 /ALEMANHA

1932 / FRANA

A M Cassandre, cartaz do Dubonnet

A exposio
Internacional
de Artes decorativas
e Industriais
Modernas
realizada em Paris

1927 / EUA

Sol Cantor e Dr. Robert L. Leslie fundam

The Composing Room, uma empresa de
composio tipogrca

1929 / EUA

M. F. Agha junta-se Conde Nast e

torna-se diretor de arte de Vogue,
Vanity Fair e House and Garden

1934, 1986 /
SUA, EUA

Herbert Matter, cartaz de turismo suo; Paula Scher, cartaz dos relgios Swatch

1934 1942 / EUA

Dr. Leslie publica a revista PM

(Production Manager), mais tarde
renomeada A-D (Art Director) /
mostrado Lester Beall, capa da
PM, Novembro 1937
1930 / EUA

Revista Fortune criada por Henry Booth

Luce / Mostrado John F. Wilson (Ilustrao),
Capa da Fortune, Outubro, 1940
1936 / EUA

Sequncia com o letreiro de abertura do lme

My Man Godfrey (O galante vagabundo BR)
1935 / ALEMANHA

A bandeira nazista com a swastika

tornada a bandeira nacional alem
por decreto

1925 1934 / ALEMANHA

1932 / ALEMANHA

1933 / ALEMANHA

1937 / EUA

1937 / EUA

A Deutscher Werkbund publica o

peridico Die Form / mostrado Joost

A escola muda
para Berlin

Sob presso
nazista, a
Bauhaus fecha

Emigrado, Lszl Moholy-Nagy cria

em Chicago a Nova Escola Bauhaus
(renomeada Instituto de Design em 1944)

Lester Beall, cartaz Rural Eletrication

Running Water (Eletricao Rural
gua Corrente)

Schmidt, capa de Die Form, 1926

1937 / EUA

William Golden junta-se CBS

1935 / SUA

1924 / ALEMANHA

1928 / ALEMANHA

Herbert Bayer, carto de visitas

Tschichold publica Die Neue Typographie:

Ein handbuch fr Zeitgemss Schaffende
(A Nova Tipograa: Um Manual para o
Designer Contemporneo)

001-039.indd 13

Dois anos aps fugir da Alemanha

Tschichold publica Typographische
Gestaltung (Forma Tipogrca) no
qual ele escreve: Para meu assombro
total I detectei os paralelos mais
chocantes entre os ensinamentos da
Nova Tipograa e do Nacional
Socialismo e Facismo

18/11/10 13:05

Uma modesta linha ilustrada do tempo

14

1940 1960

REPRESENTANTES PRINCIPAIS

Segunda Guerra Mundial

alemanha Max Bill, Otl Aicher / itlia Max Huber / sua Theo Ballmer, Max Bill,
Karl Gerstner, Armin Hofmann, Richard Paul Lohse, Josef Mller-Brockmann, Hans Neuburg,
Emil Ruder, Carlo Vivarelli / eua Rudolph de Harak

1939 1945

c. 1950s EARLY 1970s

1946 / SUA

1953 / ALEMANHA

Estilo
Tipogrco
International

Armin Hoffman e
Emil Ruder criam a
Escola de design da
Basileia 128

Max Bill e Otl Aicher

criam a Hochschule
fr Gestaltung (HfG)
em Ulm

1945 / EUA
1942 / EUA

Georg Olden junta-se CBS

Jean Carlu, cartaz Americas Answer! Production

1947 / EUA

Paul Rand publica seu

primeiro livro de design,
Thoughts on Design

1941 / EUA

Charles e Ray Eames Casam

1948 / ITLIA

Max Huber, cartaz Gran Premio DellAutodromo

1941 / EUA

1947 / UK

Walter Landor funda a Landor

Associates em San Francisco,
Califrnia

Tschichold junta-se
Penguin Books 274

1942 / EUA

J. Howard Miller, cartaz We can do it!

1943 / EUA

1949 1971 / EUA

A revista semanal Saturday Evening Post publica,

em quatro edies consecutivas, a srie de cartazes
Four Freedoms, de Norman Rockwell.

Como consultor de design para a Companhia

Upjohn burtin torna-se diretor de arte da revista da
empresa, Scope / mostrada capa da Scope, vol. IV,
n. 2, Vero, 1954

REPRESENTANTES PRINCIPAIS

polnia Roman Cielewicz, Wiktor Grka, Tadeusz Gronowski, Wojciech Fangor, Jan Lenica,
Eryk Lipiski, Jan Modoeniec, Jzef Mroszczak, Franciszek Starowieyski, Waldemar wierzy,
Henryk Tomaszewski, Tadeusz Trepkowski, Wojciech Zamecznik, Bronisaw Zelek
1942 / UK

Abram Games, cartaz Grow your own food

001-039.indd 14

c. 1940s c. 1960s

1946 / POLNIA

Escola Polonesa
de Cartazes

Henryk Tomaziewski comea a criar cartazes de lme

para o departamento polons de cinema

18/11/10 13:05

1940 1960

Uma modesta linha ilustrada do tempo

15

Joseph Miller-Brochman
cartaz Musica Viva

Armin Hofman,
cartaz Die Gute Form
1954 / SUA

1955 / EUA

1957 / SUA

Hoffman comea
a lecionar na Yale
School of Art 129

Edouard Hoffman e
Max Miedinger lanam
o tipo Neue Hass
Grotesk rebatizado de
Helvtica em 1960 373

1958 / SUA

1958 1965 / SUA

Richard Paul Lohse,

Josef Muller-Brochman,
Hans neuburg e Carlo Vivarelli
publicam Neue Grak 97

REPRESENTANTES PRINCIPAIS

alemanha Otl Aicher / reino unido F.H.K. Henrion,

Wolff Olins / eua Saul Bass, Lester Beall, Ralph Eckerstrom,
Chermayeff & Geismar, John Massey, Paul Rand,
Elinor Selame, Unimark, Massimo Vignelli, Lance Wyman
MEADOS DOS ANOS 1950 AO INCIO DOS ANOS 1980

1950 1980 / EUA

1954 / EUA

1956 / EUA

Crescimento
da Identidade
Corporativa

Sob o patronato e liderana de Walter

Paepcke, a Container Corporation of
America (fundada em 1926) estabelece uma
identidade corporativa abrangente com
Ralph Eckerstrom e John Massey se
sucedendo no papel de diretores de design

Herbert Matter, Identidade

Paul Rand comea a trabalhar na

identidade da IBM > 341

da ferrovia de New Haven

Railroad 350

1954 / FRANA

Adrian Frutiger lana a famlia

de tipos Univers > 372

1951 / EUA

1952 / EUA

1954 / EUA

1962 / EUA

Paepcke cria a Conferncia

Internacional de Design (ICDA)
em Aspen

O Massachusetts Institute of
Technology (MIT) cria o seu escritrio
de publicaes cheado por Muriel
Cooper at 1958 e Jacqueline S. Cassey,
de 1972 a 1989 > 188

Brownjohn, Ivan Chermayeff e

Tom Geismar brincam com o
livreto Watching the Words Move

Stephen O. Frankfurt, sequncia inicial de ttulos para

To kill a Mockingbird

1952 / POLNIA

1952 / POLNIA

1957 / POLNIA

1964 / POLNIA

Tomaszewski e Jsef Mroszczak

entram para a Academia de
Belas-Artes de Varsvia como
professores e codiretores

Trepkowski Tadeusz, cartaz Nie!

Tomaszewski, cartaz
Symfonia Pastoralna

Jan Lenica, cartaz Alban Berg Wozzeck

001-039.indd 15

18/11/10 13:05

1960 1980

Uma modesta linha ilustrada do tempo

16

1958 / REINO UNIDO

REPRESENTANTES PRINCIPAIS

A campanha pelo desarmamento

nuclear > 348 e o comit de ao direta
contra a guerra nuclear organizam um
protesto e uma marcha at Aldermaston
contra os testes de armas nucleares

1960 / EUA

Ben Shahn, cartaz

Stop H-Bomb tests

1962 / EUA

eua Rick Griffin, Alton Kelly, Bonnie MacLean,

Peter Max, Victor Moscoso, Stanley Mouse Miller,
Wes Wilson / reino unido Hapshash and the
Coloured Coat: Michael English, Nigel Waymouth;
Osiris Visions
MEADOS DOS ANOS 1960 AT MEADOS DOS ANOS 1970

1967 / EUA

Psicodelia

Victor Moscoso, cartaz

The Steve Miller Blues Band

Andy Warhol pinta as latas

de sopa Campbells

Guerra do Vietn
1959 1975

MEADOS 1950 INCIO 1980

1960 / EUA

1960 /

1964 / EUA

1967 / EUA

1967 / REINO UNIDO

Crescimento
da Identidade
corporativa

Chermayeff & Geismar;

identidade do banco
Chase Manhattan

REINO UNIDO

Ralph Eckerstrom e
Massimo Vignelli
criam a Unimark
International

Massimo Vignelli, Unimark,

identidade da American
Airlines

Wolff Olins, identidade da

Bovis usando um beija-or
para identicar uma
companhia de construo

F.H.K Henrion, identidade

da KLM

1963 / FRANA

1967 / EUA

A. M. Cassandre, logotipo da Yves Saint Laurent

Landor Associates, logotipo da Levis

Paris, Maio 1968

Revoltas Estudantis
e de Trabalhadores
1968

1968 / FRANA
1960 / EUA

Saul Bass, sequencia inicial de ttulos de Psicose (Psycho)

Da cole des Beaux-Arts de Paris (Escola de Belas-Artes) ocupada por estudantes

e professores, o atelier Populaire (atelier popular) cria centenas de cartazes de
protesto em silkscreen

1966 / POLNIA

A primeira bienal internacional de cartazes se realiza

1962 / UK

1964 / EUA

Maurice Binder, sequncia inicial de ttulos de

O satnico Dr. No. Essa sequncia do tambor de revolver
passou a ser usada em todos os lmes subsequentes

Pablo Ferro, sequncia inicial de ttulos de

Dr. Strangelove

001-039.indd 16

1968 /EUA

1968 /SUA

Steward Brand publica a

primeira edio de
Whole Earth Catalog

Wolfgang Weingart 178

torna-se professor na recm
criada disciplina avanada
de Design grco na Escola de
Design de Basileia

18/11/10 13:05

Uma modesta linha ilustrada do tempo

1960 1980

17

1979 / EUA

Tilbor Kalman, com Carol

Bokuniewicz e Liz trovato, cria
a M&Co. 183

1979 / ALEMANHA
1967 / EUA

1969 / EUA

Bonnie MacLean, cartaz

Eric Burdon & the Animals,
Mother Earth, Hour Glass

Acontece o festival de Msica

e Arte de Woodstock

Erik Spiekermann 226

cria a MetaDesign

1975 / JAPO

Shigeo Fukuda, cartaz para a loja de

departamentos Keio

1971 / EUA

1972 / EUA

1974 / EUA

1977 / EUA

Carolyn Davidson, logotipo da

Paul Rand, o logotipo da IBM

ganha suas listras

Danne & Blackburn, logotipo da NASA

Rob Janoff, logotipo

da Apple

Nike 343

Anos 1970 / HOLANDA

1976 / EUA

1978 1982 / HOLANDA

Fundada em 1963 por Ben Bos, Wim Crouwel, Friso Kramer, Dick e
Paul Schwarz (irmos) e Benno Wissing, a Total Design cria a
abordagem minimalista, padronizada, que permeia as identidades
corparativas naquele pas

O editor Leonard Koren

publica o primeiro
nmero da revista de
vanguarda Wet

Rick Vermeulen, Willem Kars, Hens Elenga, Gerard Hadders e

Tom van des Haspel publicam a revista Hard Werken esse nome
ser adotado posteriormente para indicar o seu grupo

1970 1990 / FRANA

1971 / EUA

Pierre Bernard, Franois

Miehe e Grard Paris-Clavel
formam o design coletivo
socialmente consciente Grapus
todos eles foram membros
do Atelier Populaire e tinham
estudado com Henryk
Tomaszewski na Polnia

Katherine e Michael McCoy

so indicados chefes dos
programas bi e tridimensionais na
Academia de Arte Cranbrook 130

1972 / UK

criada a Pentagram 162

REPRESENTANTES PRINCIPAIS

reino unido Barney Bubbles, Mark

Perry, Jamie Reid / eua Frank Edie,
John Holmstrom, Winston Smith
MEADOS 1970 INCIO 1980

1977 / REINO UNIDO

Punk

Jamie Reid, capa do disco do Sex Pistols Never

Mind the Bollocks, Heres the Sex Pistols

1970 1972 / SUA

Os designers americanos
Dan friedman e April Greiman
estudam com Weingart

1972 / UK

1970 / UK

Bernard Lodge, sequncia inicial de ttulos da stima

temporada de Doctor Who.

001-039.indd 17

A MIT Press publica Learning

from Las Vegas: The Forgotten
Symbolism of Architectural form
de Robert Venturi, Steven Izenour
e Denise Scott Brown

1978 / EUA

R / GA, sequncia inicial de ttulos de Superman

18/11/10 13:05

Uma modesta linha ilustrada do tempo

18

1980 2000

1981 / EUA

Vai ao ar a MTV 352 s

00:01 de 1o de agosto
1987 / EUA

REPRESENTANTES PRINCIPAIS

eua Dan Friedman; April Greiman; Willi Kunz;

The Michaels (San Francisco): Michael Mabry,
Michael Manwaring, Michael Patrick Cronan,
Michael Vanderbyl; Jayme Odgers, Deborah Sussman

1986 / EUA

Pau Rand, logotipo da Next

LATE 1970s MID 1980s

1979 / EUA

New Wave

April Greiman, Catlogo da CalArts

REPRESENTANTES PRINCIPAIS

holanda / Hard Werken, Studio Dumbar / reino unido Jonathan Barnbrook,

Neville Brody, Peter Saville, Why Not Associates / eua Andrew Blauvelt,
David Carson, Elliott Earls, Ed Fella, Allen Hori, Tibor Kalman, Jeffery Keedy,
Laurie and P. Scott Makela, Katherine McCoy

Com o apoio do editor-chefe,

Sonny Mehta, Carol Devine Carson
cria o grupo interno de design na
Editora Random House, do Grupo
Editorial Knopf. Esse grupo
inclua Barbara deWilde, Archie
Fergunson and Chip Kidd 192

1984 / EUA

1986 2002 / REINO UNIDO

Rudy VanderLans
publica o primeiro tema
de Emigre 100 revista

Mark Holt, Simon Johnston e Hamish Muir criam

a empresa de design 8vo e publicam o peridico
internacional de tipograa Octavo

FINAL DOS ANOS 1970 MEADOS ANOS 1990

1981 / REINO UNIDO

1983 1985 / EUA

1985 / EUA

1985 1987 / EUA

Ps-Modernismo

Neville Brody torna-se

o diretor de arte da
The Face 332

Jeffery Keedy
frequenta a Academia
de Arte Cranbrook

Lorraine Wild junta-se ao Instituto de

Artes da Califrnia (CalArts) > 131 para
renovar o curso de design grco

Ed Fella > 185

frequenta a Academia
de Arte Cranbrook

A Adobe cria a
linguagem PostScript
1982

A Apple apresenta
o Macintosh
1984

1981 / JAPO

1987 / EUA

Ikko Tanaka, cartaz Nihon Buyo

Tibor Kalman, quadro de cardpio para o ms de

novembro para o restaurante Florent

1987 / EUA

Gail Anderson e Fred Woodward vo para a revista

Rolling Stone 328

1989 / EUA

Mildred Friedman a curadora da exposio Graphic

Design in America: A Visual Language History, no

Walker Art Center 120
1981 / EUA

1983 / EUA

Paul Randa, cartaz Eye-Bee-M

Philippe Apeloig, cartaz Chicago, Birth of a

Metropolis 1872-1922

001-039.indd 18

18/11/10 13:05

1980 2000

Uma modesta linha ilustrada do tempo

19

1989 2002 / EUA

O American Center for Design

nasce de uma transformao da
The Society of Typographic Arts
e nalmente fecha devido a
problemas econmicos

A Bolha da Internet ou a Bolha Ponto-Com

1995 2000

1996 / EUA

Paul Rand, logotipo da Enron

Esse foi o ltimo trabalho de Rand
antes de falecer. Foi feito para a
Doug Evans + Partners Evans era
um antigo funcionrio de Rand

1996 / MUNDO

2003 / EUA

Sendo algumas dos poucos tipos de letras

instalados em quase todos os computadores,
Arial, Times New Roman, Verdana e Georgia
ganham proeminncia na tipograa

Jeffrey Zeldman escreve

Designing With the Web Standards

1998 / EUA

Sergey Brin e Larry Page criam o

sistema de buscas Google

1994 / REINO UNIDO

Neville Brody realiza a

primeira conferncia FUSE,
com uma sequncia no ano
posterior em Berlin

1993 / UK, EUA

1995 / EUA

1995 / EUA

2000 / EUA

O ensaio Cult of the Ugly, de

Steven Heller, publicado na Eye

Elliot Earls, cartaz The Conversion

of Saint Paul

P. Scott e Laurie Haycock

Makela so indicados
designers residentes no
lugar dos McCoys

Allen Hori, cartaz Not Yet the

Periphery

1999 / HOLANDA, REINO UNIDO, EUA

publicado o Manifesto First Things

First 2000 48

1990 / EUA

Sheila Levrant de Brettville

nomeada diretora de estudos
sobre Design Grco na
Yale School of Arts 129

2000 / EUA

Stefan Sagmeister ca um ano

sem clientes
1990 / REINO UNIDO

Rick Poynor lana Eye 103

1995 / EUA

Kyle Cooper, sequncia inicial de ttulos de Seven. O autor cria a Imaginary

Forces um ano mais tarde

1991 / REINO UNIDO

Steve Baker, Dirk Van Dooren,

Karl Hyde, Richard Smith,
Simon Taylor, John Warwicker e
Graham Wood criam a Tomato

2003 / EUA

Futurebrand recria o logotipo de

Paul Rand para a UPS > 342 iniciando
uma febre de importantes e coincidentes
recriaes de identidades corporativas

1997 / ALEMANHA

Steffen Sauertig, Svend Smital

e Kai Vermehr criam a eBoy
especializada em complexas
ilustraes com pixels

1992 / EUA

Com David Carson como

diretor de arte, o editor Marvin
Scott Jarrett lana Ray Gun 330

2005 / EUA

A Emigre deixa de ser publicada

1993 / EUA

O editor Louis Rossetto, juntamente

com John Plunkett como diretor de
arte, lana a revista wired
1997 / EUA

Milton Glaser, cartaz Art is whatever

001-039.indd 19

18/11/10 13:05

001-039.indd 20

18/11/10 17:50

22

60

78

De Design

De Tipograa

De Produo de Impresso

O Design grco vem evoluindo por mais de cem anos nos ltimos trs sculos do
seu reconhecimento inicial como arte comercial no nal do sculo XIX, criao
do termo por W. A. Dwiggins em 1922, at a sua posio atual como uma disciplina
que engloba uma mirade de especialidades. Atravs das dcadas, a prosso foi
transformada com mudanas acadmicas, prticas e tecnolgicas que gradualmente
criaram uma srie de princpios pelos quais o design grco pode ser ensinado,
entendido, categorizado e praticado. Compreender a gama de termos, denies
tcnicas e processos essencial para entender o design grco.

001-039.indd 21

18/11/10 13:05

001-039.indd 22

18/11/10 13:05

PRINCPIOS

De Design
24

50

56

Disciplinas

Layout

Cor

uma anedota comum dizer que nem

mesmo os pais de designers sabem o que seus
lhos e lhas fazem. Alguma coisa com
computadores uma das respostas mais
precisas. Essa incerteza pode ser causada pela
enorme gama de especialidades e disciplinas
nas quais os designers podem se envolver criar
logotipos, capas de livros, embalagem de
alimentos, crditos de lmes, exposies em
museus , o que diculta o estabelecimento de
uma denio clara. A possibilidade de
trabalhar com diferentes meios de produo,
para uma variedade de clientes e usurios nais
um dos grandes atrativos do design grco.

Por toda a mirade de disciplinas do design

grco e suas numerosas manifestaes, um
fundamento permanente: layout. No importa
como seja o projeto grande ou pequeno,
online ou impresso, em pgina simples ou
mltipla, plano ou tridimensional, quadrado
ou redondo imagens e/ou texto devem ser
dispostos e organizados conscientemente.
O layout pode ser descrito, de maneira objetiva,
como as propriedades fsicas (espaamento,
tamanho, posicionamento) e disposio dos
elementos de design numa determinada rea e,
nalmente, como um design acabado. Isso leva
avaliao subjetiva de como efetivamente essas
propriedades so dispostas naquela rea e a
acaloradas discusses entre designers. Enquanto
um layout pode ser executado de innitas
maneiras, uns poucos princpios devem ser
considerados para decidir como explor-lo.

Alm da tipograa, a cor pode ser a mais

indispensvel e inuente varivel no design
grco, uma vez que tem o poder de transmitir
uma variedade de emoes, sinais visuais
especcos e estabelecer uma conexo imediata
com o observador. Por causa da extenso das
interpretaes e associaes que as cores geram,
uma avaliao denitiva de sua inuncia e
signicado impossvel. A tarefa mais sensata e
benca para os designers entender como a
cor composta e categorizada, e testar como
as cores se comportam sozinhas e em
combinao nos contextos desejados.

Detalhe do CARTAZ PARA A EXPOSIO

BILDER-SCHRIFT, DE CARTAZES CHINESES NA SUA
NA ASSOCIAO DE CARTAZES DE LUCERNA /

Hesign International / Alemanha, 2005

001-039.indd 23

18/11/10 13:05

24

princpios

No processo de
identicao de um
produto, servio ou
organizao, o design de identidade mais do que simplesmente criar um
logotipo ainda que no exista nada de simples nisso. Atravs da aplicao,
juntamente com um logotipo, de um conjunto consistente e conciso de
elementos distintos cores, tipograa e outros elementos visuais os
designers de identidade criam um sistema visual que torna um produto,
servio ou organizao facilmente identicveis. A identidade pode ser

Design de Identidade

de design

disciplinas

manifestada em cartes de visita, uniformes, materiais de marketing e

outros materiais de comunicao. O design de identidade dividido
em linhas gerais em identidade corporativa e identidade de varejo ou
marca. A primeira especializada em designs para corporaes e
negcios enquanto a outra trata do design para o contato direto com os
consumidores. Em ambos os casos o design de identidade um aspecto
inuente de nossa prosso, pois cria manifestaes tangveis para valores
intangveis de um determinado produto, servio ou organizao, no
importa se grande ou pequena.

RECRIAO DA IDENTIDADE DA DELTA AIRLINES / Lippincott / EUA, 2007 / Foto no aeroporto: Albert Vecerka / Esto

PROGRAMA DE IDENTIDADE DO BUTTERFILED MARKET / Mucca Design: direo criativa, Matteo Bologna; Direo de arte, Christine Celic; design,

Christine Celic, Lauren Sheldon / EUA, 2007

001-039.indd 24

18/11/10 13:05

princpios

de design

disciplinas

25

MTK, PROGRAMA DE IDENTIDADE DA UNIO CENTRAL DOS PRODUTORES AGRCOLAS E DONOS DE FLORESTAS / Porkka & Kuutsa / Finlndia, 2007

001-039.indd 25

18/11/10 13:05

26

princpios

Relacionado
tipicamente aos
produtos de consumo
e servios embora os mesmos princpios apliquem-se s corporaes e
negcios e mesmos s personalidades o objetivo de branding formar
uma percepo geral de um dado produto, servio ou organizao na mente
do consumidor por uma srie de meios. Estes vo do comportamento do staff
s condies de iluminao numa loja, msica que toca num comercial de

Branding

de design

disciplinas

TV, fotograa numa campanha impressa, ao tom de voz com o qual algo
comunicado. Branding geralmente resultado da colaborao entre
designers grcos, estrategistas, pesquisadores e escritores, em que todas
as disciplinas web, publicidade, relaes pblicas, design de identidade
juntam-se de forma coesa para posicionar e transmitir as aspiraes,
valores e benefcios de um produto, servio ou organizao. Branding de
sucesso cria associaes positivas e estabelece expectativas consistentes
para o consumidor. E, sim, branding de sucesso tambm gera lucros.

BRANDING PARA BRIGADE QUARTERMASTERS / Thomas W. Cox / EUA, 2002-2003

001-039.indd 26

18/11/10 13:05

princpios

de design

disciplinas

27

BRANDING PARA A CAMPANHA DE NOVA YORK COMO CIDADE SEDE DA OLIMPADA DE 2012 / BIG, Ogilvy & Mather Worldwide: direo criativa, Brian Collins; direo de design,
Jennifer Kinon; design, Kristin Johnson, Erika Lee, Christine Koroki, Abigail Smith, Luis Moya; consultoria de design, Rick Boyko, RG / A, TwoTwelve Associates, Giampetro
+ Smith, Stuart Rogers, Bobby C. Martin Jr.; texto, Charles Hall, Sophia Hollander / EUA, 2004 / Imagens: cortesia de NYC2012

001-039.indd 27

18/11/10 13:05

28

princpios

Todos os produtos,
servios e organizaes
devem comunicar
alm do que a marca, identidade e propaganda so capazes e, nesse sentido,
o design colateral pode ser uma das disciplinas mais variadas e ativas no
design grco. Atravs de uma gama ilimitada de abordagens, os designers

Design Colateral

de design

disciplinas

criam catlogos, panetos, manuais e relatrios anuais de todos os

tamanhos, nmeros de pginas e tcnicas de produo, do exagerado ao
compacto, do informativo ao emocional, o design colateral oferece
innitas possibilidades expressivas e comunicativas talvez at demais.

JUST HOLD ME, CATLOGOS DA EXPOSIO OBJECTSPACE / Utiliza mltiplos tipos de papis de trabalhos anteriores / Inhouse Design Group Ltda.: design, Alan Deare /

Nova Zelndia, 2006

PROGRAMA DO LEGRAIN THATHRE DE LA VOIX PARA O ESTDIO DE MICHEL BOUVET / Ellen Tongzhou Zhao / Paris, 2007

001-039.indd 28

18/11/10 13:05

princpios

de design

disciplinas

29

HAIA EM FATOS E NMEROS, RELATRIO ANUAL DA CIDADE DE HAIA / Toko: design, Eva Dijkstra / Holanda, 2004

SQUARE FEET, CATLOGO DE INTERFACE / Valentine Group / EUA, 1998

001-039.indd 29

18/11/10 13:05

30

princpios

A despeito do nome,
design ambiental no
est necessariamente
preocupado com iniciativas ecolgicas, mas se refere s aplicaes de
design para um ambiente especco. Seja a servio de um museu, um
aeroporto, uma estao de trem ou metr, um parque de diverses, um
cinema, um shopping center ou de todo um bairro, o design de ambiente
ajuda e enriquece o modo pelo qual o destino experimentado, navegado
e entendido. Seja na forma de sinalizao e informao de trajetos,

Design Ambiental

de design

disciplinas

design de exposio, grasmo de restaurantes, varejo e mesmo

decorao de interior, entre outras manifestaes, esta disciplina confere
uma excelente oportunidade de resultados para o design na medida em
que interage com as construes e se benecia de materiais e texturas que
podem ser produzidos em em qualquer tamanho todo designer de
ambiente ir dizer que a Helvetica em negrito (ou qualquer outro tipo
de letra) ser ainda mais incrvel se especicada com alguns metros de
tamanho do que nas tradicionais medidas de tamanho de corpo.

SINAIS DE FACHADA DE LOJA BROOKLYN SUPERHERO STORE & CO. PARA A 826NYC / Sam Potts, Inc. / EUA, 2004

ICONOGRAFIA, SINALIZAO E INTERIORES DO CENTRO

SINALIZAO E MURAL DO CENTRO INTERNACIONAL DE CONVENES DE BARCELONA / Mario Eskenazi, Ricardo

DE CONVENES DE CINCINNATI / Sussman/Prejza &

Company, Inc.; arquitetura, LMN Archtects / EUA,
2006 / Fotos: J. Miles Wolf

Alavedra / Espanha, 2003-2004

001-039.indd 30

18/11/10 13:05

princpios

de design

disciplinas

31

GRFICOS DE AMBIENTE E ORIENTAO NATIONAL GALLERY OF VICTORIA / emerystudio / Austrlia, 2003

GRFICOS DE EXPOSIO DO VICTORIA AND ALBERT MUSEUM, GALERIA POTER, EXPOSIO OUT OF THE ORDINARY: SPETACULAR CRAFT / Sara de Bondt / Reino Unido, 2007 /

Fotos: V&A Museum

001-039.indd 31

18/11/10 13:05

32

princpios

As dificuldades em
criar sistemas coesos
com dzias de cones
que devem comunicar uma grande quantidade de informaes variadas
num estilo nico e unificado, com o menor nmero possvel de elementos
visuais, fazem com que a iconografia seja uma especialidade rara.
cones so desenvolvidos para uma srie de aplicaes interfaces de
usurios de computador e dispositivos portteis, aplicativos de software,

Iconografia

de design

disciplinas

manuais de instruo, sinais de alerta em equipamentos, sinalizao,

informao do clima, entre outras e que devem ser adaptveis aos
vrios meios em que so empregados, de grficos baseados em pixel
num relgio de pulso aos identificadores em metal num aeroporto.
A iconografia tem um papel importante tambm em grandes programas
grficos, como o dos os jogos olmpicos > 356 ou de um zoolgico,
porque ningum gosta de confundir esgria com arremeso de dardo,
ou ursos com lmures.

SISTEMAS DE SINALIZAO E IDENTIDADE DO AEROPORTO DE COLNIA-BONN / Integral Ruedi Baur Paris, Berlin, Zrich: Reudi Baur, Chantal Grossen, Eva Kubinyi, Toan

Vu-Huu, Simon Burkart, Axel Steinberger / Alemanha, 2000-2004

001-039.indd 32

18/11/10 13:05

princpios

de design

disciplinas

33

ICONOGRAFIA E INTERFACE GRFICA DO USURIO PARA O APLICATIVO DE

IPHONE DO NEW YORK TIMES / Felix Stockwell, LLC; The New York Times:
Direo criativa, Khoi Vinh; design, Caryn Tutino / EUA, 2008

PICTOGRAMAS PARA OS JOGOS OLMPICOS DE 2004 / k2design: direo criativa, Yiannis

Kouroudis; design, Yiannis Kouroudis, Dimitra Diamanti, Chrysas Chrysas / Grcia, 2003

ICONOGRAFIA E CARDPIO DA LOCAL VINE BRAND / Turnstyle: direo de arte, Ben Graham; design, Jason Gmez, Ben Graham, Lesley Feldman / EUA, 2007

001-039.indd 33

18/11/10 13:05

34

para considerao adicional

princpios

SINALIZA AO DE BANHEIROS
Logo aps o nal da Primeira Guerra Mundial o
cientista social e lsofo vienense, Otto Neurath,
foi nomeado secretrio-geral da associao
austraca das Sociedades de Habitao
Cooperativa e Concesso de Jardins, sendo
incumbido de disseminar informao num pas
cuja classe trabalhadora era majoriatariamente
no escolarizada. Uma de suas primeiras
exposies pblicas usou mapas com desenhos
simples; por exemplo, o aumento da produo
de frangos foi representado por meio de uma

pilha de desenhos de aves. A exposio foi um

sucesso e, em 1924, Neurath criou o Museu
Social e Econmico, em Viena, para aprofundar
sua pesquisa e desenvolver o potencial de
indicao pictrica de informao quantitativa
com o menor envolvimento da linguagem.
Na dcada seguinte, juntamente com sua esposa,
Marie Neurath, Neurath desenvolveu o sistema
internacional de Educao Pictrica Tipogrca
(ISOTYPE), que consiste de milhares de

AMOSTRA MASCULINA DO ISOTYPE / Gerd Arntz / ustria, c. 193

pictogramas a maioria deles desenhada por

Gerd Arntz simbolizando dados industriais,
demogrcos, polticos e econmicos. ISOTYPE
tambm sugeria a apresentao apropriada dos
pictogramas e muitos jornais e revistas adotaram
esse mtodo de visualizao. A evoluo
subsequente de uma gura humana arquetpica
veio nos pictogramas, seguindo um grid angular
rgido que Otl Aicher 166 criou para a Olimpada
de 1972 em Munique 356. Esses cones serviram
de base para outros sistemas pictricos

CONES DE BANHEIRO DA COLEO DE SINAIS SIMBLICOS /

AIGA / The professional Association for Design; Departamento
de Transportes dos EUA / EUA, 1974

AEROPORTO, UM FILME DE CURTA METRAGEM INCORPORANDO OS SMBOLOS DE DOMNIO PBLICO DA AIGA / Iain Anderson / Austrlia, 2005

001-039.indd 34

18/11/10 13:05

princpios

abrangentes criados por Archer

para a ERCO e para o Aeroporto de Munique.
Esto em ambientes pblicos como os
aeroportos, hospitais e grandes complexos onde
a comunicao pictrica pode romper as
barreiras da lngua e mesmo do analfabetismo.
No mundo todo, sistemas pictricos foram
desenvolvidos, geralmente do zero, resultando
em diferentes interpretaes visuais de um
mesmo conceito. Nos Estados Unidos, sob o
Programa Federal de Melhora do Design, de
1972, o Departamento de Transportes incumbiu
o Instituto Americano de Artes Grcas
(AIGA) 244 de supervisionar o desenvolvimento

para considerao adicional

de uma conjunto coeso e universal de sinais

simblicos que poderiam se tornar os padres
para os projetos de orientao. Os designers
Roger Cook e Don Shanosky trabalharam com
um comit composto por Tom Geismar 156,
Seymour Chwast > 171, Rudolph de Harak,
John Lees e Massimo Vignelli 160, para criar
o conjunto inicial de 34 sinais simblicos.
Estes foram lanados em 1974, seguidos de
outros 16, em 1979.
Enquanto todos os 50 sinais desempenham
funes importantes, nenhum aparenta ter
atingido a popularidade e a ubiquidade do
smbolo para lavatrios. Uma evoluo clara

35
do ISOTYPE de Neurath, o homem e a mulher
so representados sem detalhes, tendo apenas
suas roupas como elementos de diferenciao
calas para ele e vestido para ela. Devido
sua absoluta simplicidade, eles so propensos
a se tornar alvos de stiras e humor ou de
comentrios sociais ou polticos, uma vez que
representam todos, no ofendem ningum. E, a
despeito da clareza dos smbolos de banheiros,
os designers e proprietrios de estabelecimentos
encontram a todo tempo formas inteligentes de
indicar o gnero dos lavatrios.

COMERCIAL DE TV PARA A TARGET RACE 2 THE 2DAY SALE / Lobo / Brasil, 2007

MUSEU DE ARTE MODERNA, Nova York / EUA, 2008 /

Foto: Kate Shanle

MUSEU DA FUNDAO SERRALVES / Portugal, 2008 /

MUSEU DO BROOKLYN / EUA, 2006 / Foto:

Foto: Usurio Riddle do Flickr

J. Brandon King

BANHEIRO PBLICO NO SOHO LONDRINO / Reino Unido,

2008 / Foto: Leah Buley

001-039.indd 35

18/11/10 13:05

36

princpios

Enquanto os designers
gerenciam e organizam
informaes em todos
os projetos, uma disciplina especca trata da apresentao de informaes
complexas estatsticas, resultados de pesquisas, comparaes de
dados, formulrios etc. da maneira mais eciente e mais fcil de ser
entendida. Atravs de diagramas, grcos, iconograa e ilustraes ou
fotograas, inovadoras, alusivas e atraentes, o design informativo apresenta
visualmente fatos, nmeros, eventos e dados que ajudam a entender um

Design Informativo

de design

disciplinas

determinado tpico. Usado tipicamente em contextos editoriais como

elemento de apoio de artigos em jornais, revistas e peridicos, o design
interativo bem-sucedido no domnio interativo. A internet tem criado
um novo tipo de design informativo que pode analisar dados, sejam
estticos ou dinmicos, de vrias fontes e apresent-los de maneira
dinmica, mostrando como os dados esto mudando e evoluindo a cada
segundo. Com a interatividade, o design informativo pode agora atrair os
usurios de maneiras que poucas outras disciplinas so capazes.

AS REDES INTERNACIONAIS DA UNIVERSIDADE DE PRINCETON ABRIGAM EM ARQUIVOS OS MAPAS INFORMATIVOS QUE ILUSTRAM A FILOSOFIA EXPERIMENTAL DE MAPEAMENTO
DA INSTITUIO / Number 25 / EUA, 2003

INFOGRFICOS DA PRIMEIRA PEQUISA ANUAL DE EDUCAO PARA A REVISTA ARCHITECT / Catalogtree / Holanda, 2007

001-039.indd 36

18/11/10 13:05

princpios

de design

disciplinas

37

RELATRIO ANUAL DE 2007 DA FELTRON / Nicolas Feltron / EUA, 2008

001-039.indd 37

18/11/10 13:05

38

princpios

tarefa do designer
editorial, juntamente
com os editores,
escritores, fotgrafos, ilustradores e designers de informao, dar forma
ao layout e ritmo de revistas, jornais e livros itens adquiridos, lidos e
colecionados por milhes de pessoas. Com revistas e jornais, o desao e a
graa esto em criar layouts nicos sob um estilo consistente, regidos por
grids rgidos e com prazos muito curtos. Para os livros, os prazos podem

Design Editorial

de design

disciplinas

ser mais dilatados, mas as demandas de contedo extenso, a necessidade

de ritmo consistente e o imperativo de se manter uma execuo visual
uniforme, permitindo que o contedo seja o protagonista, formam o
problema para o designer de livros. Criar uma hieraquia visual de sucesso
para as informaes, pontuada por tratamentos grcos ousados como
pginas duplas, fotograas de pgina cheia, apenas para mencionar alguns
exemplos que guiam os leitores do comeo ao nal, mantendo a ateno
destes e atiando sua curiosidade.

DESIGN ANTERIOR DO JORNAL

LE MONDE DIPLOMATIQUE

REDESENHO DO JORNAL LE MONDE DIPLOMATIQUE / SpiekermannPartners / Alemanha, 2005

001-039.indd 38

18/11/10 13:05

princpios

de design

disciplinas

39

REVISTA PLASTIQUE / Studio8 Design: direo de arte, Matt Willey; design, Matt Curtis / Londres, 2007

DESIGN DO LIVRO FLORAS SCHNSTE BLTEN PARA A PRESTE l / LIQUID Agentur fr Gestaltung / Alemanha, 2007

001-039.indd 39

18/11/10 13:05

40

princpios

Como forma bastante

badalada de design
e por conta do
grande espao em branco dado ao designer, o design de cartazes uma
empreitada cobiada. Sejam anunciando concertos, lmes, produtos ou
eventos esportivos ou servindo s causas de ativismo ou conscincia
pblica, os cartazes tm grande impacto e ressonncia. Os propsitos

Design de Cartazes

de design

disciplinas

dos cartazes so: ser um dispositivo utilitrio para transmitir

informao, ser uma voz provocadora de chamamento ou um canto
sedutor para se escolher um determinado produto ou servio.
Includos em colees permanentes de museus, apresentados em
galerias e organizados em bienais ao redor do mundo, os cartazes so
embaixadores para a prosso do design, testemunhas do potencial
criativo e comunicativo que a prosso confere.

CARTAZES DE CONFERNCIA DA UNIVERSIT DEGLI STUDI DE MACERATA / Iceberg: direo de arte e design, Marcello Piccinini, Simona Castelani, Paolo Rinaldi / Itlia, 2002-2006

CARTAZ SOUND OPTIONS RADIO SHOW POSTER / 2007

CARTAZ SHELLAC / 2007

CARTAZ CHICAGO SHORT FILM BRIGADE / 2008

The Bird Machine: Jay Ryan / EUA

040-079.indd 40

18/11/10 15:08

princpios

de design

disciplinas

41

CARTAZES DE ARTISTAS VISITANTES NO FASHION INSTITUTE OF TECHNOLOGY / Piscatello Design Center: design, Rocco Piscatello / EUA, 2004-2007

CARTAZ NEW GRAPHIC PARA A REVISTA NEW GRAPHIC /

CARTAZ DO 75 O ANIVERSRIO DA ACADEMIA DE ARTES DA CHINA / Hesign International / Alemanha, 2003

Hesign International / Alemanha, 2004

040-079.indd 41

18/11/10 15:08

42

princpios

Mais do que qualquer

outra disciplina, a
embalagem est ligada
intimamente ao consumidor geral, pois ocupa quase todos os momentos
do dia das pessoas. Ela manifesta-se numa interminvel srie de produtos
que as pessoas compram ou usam, de frascos de xampu caixa de leite,
latas de tinta, latinhas de refrigerante todos os itens concebveis que
esto disponveis para consumo. Nas suas aplicaes mais incrveis, a
embalagem serve para unicar grandes famlias de produtos, obedecendo
rigorosos requisitos legais por meio de sistemas visuais consistentes que

Embalagem

de design

disciplinas

permitem variao (tamanhos, sabores, quantidades etc.) e criam uma

presena nica e reconhecvel nas prateleiras de lojas de vrias regies e
pases. A embalagem tambm pode servir a lojas e boutiques menores por
meio de produtos de distribuio limitada, oferecendo uma identidade
diferenciada. A despeito do volume ou alcance de um dado produto, a
embalagem oferece a possibilidade de enriquecer cada design pelo uso de
materiais, acabamentos e tcnicas de produo diferentes que interagem
com a presena tridimensional do produto. O desao do design da
embalagem, que persuadir o consumidor a escolher, entre dzias de
outros, o produto que ela contm, o seu principal motor.

SRIE DE GARRAFAS DE VINHO DA EDIO ANUAL DA BLOSSA GLGG PARA A VIN&SPIRIT / BVD: direo criativa, Catrin Vagnemark; design, Sussana Nygren Barrett, Mia

Heijkenskjld / Sucia, 2003-2008

EMBAGELENS DA CERVEJARIA MACK / Tank Design / Noruega, 2006

040-079.indd 42

18/11/10 15:08

princpios

de design

disciplinas

43

EMBALAGEM DAS FRAGNCIAS SULA PARA A SUSANNE LANG PARFUMERIE / Concrete Design Communications, Inc.: direo criativa, Diti Katona, John Pylypczak; design, Agnes

Wong, Natalie Do / Canad, 2007

TRS DOS MAIS DE 25.000 PRODUTOS OFERECIDOS PELA EMPRESA JAPONESA DE COMRCIO POR CORREIO ASKUL / StockholmDesignLab / Sucia, 2006 at o presente

040-079.indd 43

18/11/10 15:08

44

princpios

Sendo a disciplina mais

nova, o design
interativo vem se
redenindo desde
meados dos anos 1990, evoluindo vigorosamente juntamente com a
tecnologia e crescimento da internet embora o trabalho interativo viesse
a ser feito antes do advento da internet na forma de quiosques interativos,
CD-ROMs e formas iniciais de interface de usurio. Enquando websites
possam ser as expresses mais comuns de design interativo, a disciplina
aparece na forma de interfaces de usurio para equipamentos eletrnicos

Design
Interativo

de design

disciplinas

(cmeras digitais, dispositivos portteis e computadores), aplicativos

de software, quiosques de venda eletrnica de bilhetes, menus na tela
para DVD e guias de programao de TV por assinatura e ainda como
mostradores interativos de informaes. O crucial no design interativo a
considerao pelo usurio nal. O designer se concentra na usabilidade
e acessibilidade do design, buscando a interao minimamente obstruda
e mais intuitiva com a informao. O design interativo se baseia na
colaborao dos designers grcos, programadores de computador e
arquitetos de informao ou com um indivduo realmente inteligente
que realize essas funes.

THE ART OF DINING E BOOK OF THE DEAD, INSTALAES INTERPRETATIVAS E INTERATIVAS PARA O INSTITUTO DE ARTES DE DETROIT / Pentagrama: Lisa Strausfeld / EUA, 2007

VERSO ONLINE DO THE CHICAGO MANUAL OF STYLE / Universidade de Chicago / EUA, 2007

040-079.indd 44

18/11/10 15:08

princpios

de design

disciplinas

45

LEITOR VISUAL DE NOTCIAS MSNBC SPECTRA, UM MTODO ALTERNATIVO PARA OBTER NOTCIAS DA MSNBC. COM / SS+K / EUA, 2008

REPROJETO DA INTERFACE DE USURIO DO SISTEMA DE GERENCIAMENTO DE CONTEDO DA AIGA / Weightshift: direo de arte e design, Naz Hamid / EUA, 2007

040-079.indd 45

18/11/10 15:08

46

princpios

Software acessvel,
poderoso e fcil de usar,
em conjunto com um
crescente nmero de
canais de divulgao a web, dispositivos mveis, centenas de canais
de TV, teles digitais, sales de entrada de edifcios , trouxe uma ateno
e um interesse crescentes aos grcos em movimento, uma disciplina
praticada desde os anos 1920. Sejam como abertura ou encerramento de

Grficos em
Movimento

de design

disciplinas

lmes ou de programas de TV, animao em dois segundos de um logotipo,

a composio completa de curta metragem ou vdeo musical, os grcos
sobre imagem lmada ou os identicadores de canais de TV, os grcos em
movimentos prosperam na integrao e orquestrao de tipograa,
imagens, som, efeitos digitais e contedo com movimento e tempo, dando
aos designers a oportunidade de desempenhar papel excitante e glamuroso
de diretor algo que no existe nas outras disciplinas ainda que a maior
estrela do elenco seja Mrs. Eaves 381.

SEQUNCIA DE ABERTURA PARA THE CAT IN THE HAT / Universal Pictures / Imaginary Forces / EUA, 2003

ANIMAO PARA A ESPNEWS / Trollbck + Company: diretor de criao, Jakob Trollbck, Joe Wright; assistente de direo de criao, Matthew Tragesser; design, Tetsuro
Mise, Tolga Yildiz, Paul Schlacter, Lloyd Alvarez, Dan Degloria; animao, Lloyd Alvarez, Dan Degloria, Lu Liu, Fu-Chun Chu, Peter Alfano; produo, Danielle Amaral;
produo executiva, Marisa Fiechter / ESPN: Rick Paiva, David Saphirstein, Wayne Elliott / EUA, 2008

040-079.indd 46

18/11/10 15:08

princpios

de design

disciplinas

47

ANIMAO PARA ESPERA DE CONTEDO SENDO BAIXADO NA YAHOO / GRETEL: Greg Hahn, Diana Park, Joe Di Valerio / EUA, 2006

Sentido horrio UNIVERSO DO ENTRETENIMENTO PARA PLAYSTATION 3, IREDEL PARA A SPRINT, STOP PARA PARA A PROPAGANDA DA STOP&SHOP / Superfad /
EUA, 2007, 2008, 2008

040-079.indd 47

18/11/10 15:08

48

princpios

para considerao adicional

MANIFESTO FIRST THINGS FIRST

Durante um encontro da Sociedade dos Artistas
Industriais no Instituto Londrino de Artes
Contemporneas, em 29 de novembro de 1963, o
designer grco, Ken Garland, escreveu e
declamou o manifesto First Things First. Diante
de uma economia britnica em crescimento e
aumento no consumo, Garland reagiu contra a
noo estabelecida de que a maioria das
aplicaes lucrativas do talento do designer

estave ligada a coisas to desnecessrias como

comida para gato, desodorantes e cigarros.
Ele argumentou que os designers deveriam
dispor seus servios para atividades de maior
valor, como sinais para ruas e edifcios, auxlios
educacionais e publicaes cientcas e
educacionais. O manifesto foi assinado naquele
encontro e foi publicado e distribudo em
janeiro de 1964; seus 22 signatrios incluam

designers experientes, fotogrfos e estudantes.

Atraiu ateno rpida e fervorosa quando foi
publicado posteriormente, naquele mesmo ms,
no jornal Guardian e mencionado no noticirio
da BBC naquele mesmo dia. Publicaes ao
redor do mundo logo reproduziram o manifesto.
Em 1998, a rebelde revista Adbusters
reimprimiu o manifesto original numa

REIMPRESSO RECENTE DO MANIFESTO ORIGINAL PUBLICADO EM 1964

040-079.indd 48

18/11/10 15:08

para considerao adicional

princpios

edio na qual os editores Kalle Lasn e o

diretor de arte Chris Dixon mostraram mais
tarde a Tibor Kalman 183, que sugeriu que
eles atualizassem o manifesto para o contexto
do nal do sculo. Juntamente com
Rick Poynor 237 e com a aprovao de Garland,
a Adbusters rascunhou um texto revisado que
levava em conta as mudanas havidas em mais
de 30 anos. Numa poca em que a economia da
internet e do consumismo que ela gerava
Hummers e Cadeiras Aeron de Herman Miller,

49

entre outros excessos de luxo atingiam um

crescimento sem limites, First things First
2000 conclamava para uma reverso de
prioridades para longe da publicidade,
marketing e branding de tais produtos para
mudar a ateno para causas sociais, culturais
e ambientais. Com 33 assinaturas de todo o
mundo, o manifesto foi publicado juntamente
pela Adbusters, AIGA Journal of Graphic
Design 105, Blueprint, Emigre 100, Eye 103,
Form e Items entre 1999 e 2000.

Nas suas duas verses, First Things First

desencadeou debate acalorado na indstria
e mostrou as escolhas prossionais que os
designers grcos tm que fazer. Eles podem
escolher entre uma variedade de disciplinas,
cada uma gerando seus prprios desaos
conceituais e tcnicos, resultando numa
gama diversa de resultados tangveis, mas
to importantes como escolher para quem
se trabalha.

ADBUSTERS, N. 27 / Canad, Outono 1999 / Imagem: cortesia da Adbusters Media Foundation

JOURNAL OF GRAPHIC DESIGN,

EMIGRE, N. 51 / EUA, Vero 1999

EYE 33, VOL. 9 / Reino Unido, Autumn 1999

EDIO CULT AND CULTURE: POP

GOES THE CULTURE 17, N. 2 / EUA,
1999 / Imagem: cortesia do arquivo
AdamsMorioka, AIGA

040-079.indd 49

18/11/10 15:08

50

princpios

A reao imediata
noo de grid
sentir-se restringido,
limitado e destinado a um tedioso conjunto de colunas modulares e eixos
horizontais. Felizmente, nada poderia estar mais distante da verdade.
O Design baseado em grids est ligado intimamente ao estilo tipogrco
internacional (ou mais coloquialmente, design suo) do incio dos
anos 1950, que buscava simplicidade visual e uniformidade por meio
do emprego de elementos de design, num grid construdo
matematicamente, resultando em layouts extremamente precisos para
deleite subjetivo ou horror de designers ao longo do tempo. O grid ,

Grid

de design

layout

no mximo, uma infraestrutura sobre a qual se constroem layouts, tanto

austeros como complexos, que permitem hierarquia e acessibilidade
atravs de exibilidade e consistncia.
Por meio dos seus proponentes mais entusiasmados, incluindo Max Bill,
Karl Gerstner e Josef Mller-Brockmann 152, o estilo tipogrco
internacional tipica a abordagem baseada em grid, mas seu uso
remonta ao Construtivismo e de Stijl, seguidos pela Bauhaus, crescendo
at as armaes mais fortes e prticas sobre sua importncia na
Die Neue Typographie (A Nova Tipograa), como expressado por
Jan Tschicholds 140 na sua obra inuente Elementare Typographie.

SUBTRACTION EXPOSED GRID (em rosa) / Khoi Vinh /

EUA, 2005

REVISTA CREATIVITY / direo de arte, Jeanine Dunn / EUA, Maio 2008

040-079.indd 50

18/11/10 16:38

princpios

de design

Esse tratado de 24 pginas explicava e demonstrava o uso de composio

tipogrca assimtrica em colunas mltiplas com o alinhamento de todos
os elementos na pginas, ao mesmo tempo que rejeitava a noco antiquada
de composies com eixo central. O livro de Tschichold de 1928, Die Neue
Typographie, avanou a necessidade dessa nova abordagem.
O uso do grid tornou-se mais enrazado com o crescimento da
identidade corportativa nos anos 1950 e 1960, quando empresas de
design, tais como a Unimark e Chermayeff & Geismar 156 e designers,
como Lester Beall 146 e Paul Rand 159, criaram identidades
para corporaes nacionais e globais, conando no seu poder para

layout

51

estabelecer programas estritos de design corporativo que

especicavam, algumas vezes com preciso milimtrica, onde e
como cada elemento de design deveria ser disposto e como deveria
ser usado em todos os manuais corporativos que eram, eles mesmos,
manifestaes de grid. Em 1972, o design de Otl Aicher para os
Jogos Olmpicos em Munique 356 deu ao grid uma audincia mundial,
enquanto Wim Crouwel 153, nos anos 1980 e a Experimental Jetset,
nos anos 1990, deram ao grid um sentido de adequao. Acima de tudo,
o grid evoluiu para ser uma estrutura indispensvel para auxiliar
os designers na produo de layouts racionalizados. Ignorar o uso do
grid algo prximo ao suicdio prossional.

HEWITT ASSOCIATES, INC. RECURSO DE IDENTIDADE

VISUAL BASEADO EM LAYOUT DE PGINAS WEB
ONELOOK. PGINAS DE DEMOSTRAO DE CONCEITO /

Crosby Associates / EUA, 2007

040-079.indd 51

18/11/10 15:08

layout

de design

princpios

52

Seja da pgina de
uma revista, de um
rtulo de embalagem
ou uma pgina da
web, um layout pode ser feito por meio de uma srie de elementos comuns
que auxiliam e apoiam seu design. Manipulando os valores de margens,
nmeros de colunas e suas larguras, espao entre colunas e guias
horizontais basicamente os elementos de um grid , cada layout pode
se adaptar ao seu contexto e produzir inmeras variaes aprimoradas
pela criatividade de cada designer.

Anatomia de
um Layout

B
D

Aps denir o tamanho do layout, deve-se iniciar denindo as margens (A), o espao
no layout que limita o contedo e o produto nal. As margens podem ser grandes ou
pequenas, conforme se deseje (e no devem ser vistas como imutveis, pois layouts
de pgina cheia podem ser poderosos), mas consideraes de impresso devem ser
levadas em conta de modo que elementos de design no estejam perigosamente
prximos da mutilao. No interior das margens, um nmero de colunas (B) deve ser
especicado para ajudar a organizar, alinhar e distribuir o contedo eciente,
consistente e logicamente.

040-079.indd 52

O nmero de colunas uma deciso pessoal; pode ser 1, 12 ou 33, desde que se
preste ateno ao espao entre elas (C). Uma vez que as decises sobre o vertical
tenham sido tomadas, linhas horizontais (D), que denem posies horizontais
importantes no layout, devem ser estabelecidas. Elas ajudam especialmente na
criao de consistncia em projetos de mltiplas pginas. Finalmente, uma linha
de grid subjacente (E), que conra espaamento horizontal consistente, pode
adicionar um sentido mais profundo de coeso ao layout.

18/11/10 15:08

princpios

de design

Estabelecer uma
hierarquia que seja fcil
de navegar e entender
pode soar como uma premissa simples, mas a maioria das falhas dos designs
resulta de elementos necessrios que foram erroneamente enfatizados,
priorizados ou apresentados por exemplo, as confusas cdulas de votao
da Flrida na eleio presidencial americana de 2000, que no ofereciam
nenhuma indicao visual para que a seleo desejada fosse feita e, em vez
disso, complicavam o processo. Uma hierarquia de sucesso favorece o

Hierarquia

layout

53

usurio nal e permite que ele interaja de maneira adequada com

um dado design. Isso obtido por meio da implementao adequada e
consciente de elementos visuais que enfatizam contedos signicativos
no design, ao mesmo tempo que minimizam gradualmente a ateno
necessria para outros elementos, seja pelo exagero no tamanho do texto
ou da imagem, pelo isolamento de um elemento de design ou pelo
emprego de grcos adicionais que chamam a ateno para um local
especco no layout. Um design sem hierarquia plano, imemorvel e,
como no exemplo aqui mencionado, potencialmente perigoso.

Acima, esquerda CDULA ELEITORAL ORIGINAL DO CONDADO COOK NO ANO 2000

Acima, direita REDESIGN PROPOSTO PARA A CDULA ELEITORAL DO CONDADO COOK / Marcia Lausen / EUA, 2000

SISTEMA DE EMBALAGEM DA SHEILA JAM / Company,

Londres / Reino Unido, 2008

SKI-CLUB TRAMELAN: 100 ANS DHISTOIRE ET DE SPORT / Onlab: Nicholas Bourquin, Linda Hintz / Alemanha, 2008

FOLHETO ILUSTRATIVO PARA ESTUDANTES ESTRANGEIROS DA DE PAUL UNIVERSITY / End Communications: design, Kyle Eetermoed, Kyle Romberg / EUA, 2007

040-079.indd 53

18/11/10 15:08

54

princpios

de design

Algo comparvel
esquiva baleia branca
em Moby Dick, o espao
em branco (tecnicamente chamado de espao negativo) a eterna busca
dos designers grcos que batalham para justicar aos clientes ou aos
superiores o valor dos espaos vazios em catlogos, pginas de web, artigos
de papelaria e outros projetos de design. O espao em branco , em
essncia, o espao onde no existe texto ou imagem. A necessidade bsica
designers iro dizer que a do cliente preencher esses vazios, ainda

Espao em Branco

layout

que seja imperativo reconhecer que o espao negativo entre imagens to

importante quanto a localizao e tamanho das imagens e textos. O uso
legtimo do espao em branco, tratado objetivamente, confere hierarquia e
ritmo ao permitir ao usurio nal que descanse ao navegar pelo design ou
ao isolar um elemento que demanda ateno. Subjetivamente, pode dar
tenso ou mesmo efeito dramtico. Num ambiente visual onde a maioria
dos anncios, produtos de consumo e cartazes expressa uma necessidade
de preencher todos os espaos, designs que empregam espaos em branco
comunicam melhor.

365: THE AIGA IN DESIGN 23 / Rigsby Hull: ilustrao, Andy Dearwater; foto:

ProGraphics / EUA, 2002

FOLHETOS DOMINION PARA JOAN MOREY / Albert Folch Studio / Espanha, 2005

040-079.indd 54

18/11/10 15:08

princpios

layout

de design

O conceito de contraste
num layout opera em
dois nveis: primeiro,
como os elementos no layout contrastam e, segundo, como o layout em si
contrasta com o contexto. Ambos os cenrios respondem ao uso de formas
opostas de comparao que podem ser executadas visualmente grande ou
pequeno, vazio ou cheio, preto ou branco, prpura ou laranja e da em

Contraste

PROSPECTO DO ESCRITRIO OWP/P ARCHITECTS / Relevo e estampado em

folhas de Plike, um material semelhante ao plstico / End Communications /
EUA, 2008

55

diante forando a distino entre uma coisa e outra como forma de

comunicar uma mensagem. Num layout, isso permite que o design tenha
um ou mais pontos de distino, enquanto no contexto permite que o
produto nal se destaque do que o cerca. Uma tangente adicionada ao
contraste aquela que pode seguir em duas direes: baixo contraste e alto
contraste. Cada uma tem vantagens e desvantagens e ambas as abordagens
podem solidicar as intenes e o clima de um dado design.

EMBALAGEM DA DRY SODA / Turnstyle: direo de arte, Steve Watson, Ben Graham; design,
Steve Watson / EUA, 2004-2006

MATERIAL DE APRESENTAO DO FILME MICHAEL HANEKE: NOW, YOU CAN LET GO / Nikolay Saveliev / EUA, 2007

040-079.indd 55

18/11/10 15:08

princpios

56

cor

de design

Cor

CARTAZ DA BIENNALLE DE LA JEUNE CRATION / Fanette

Resumir a teoria das cores numa nica pgina, enquanto dzias de livros foram escritos sobre o assunto,
impossvel. Considere o perodo seguinte como uma introduo a esse assunto complexo e rico. A estrutura
bsica da cor pode ser representada por meio de uma roda de cores (A), que consiste de doze unidades: trs cores
primrias (B), trs cores secundrias (C) e seis cores tercirias (D). Combinaes comuns podem ser derivadas
desta estrutura: complementaridade (E) ao escolher cores em pontos diretamente opostos da roda; conito (F)
ao selecionar um cor em cada lado de sua cor complementar; anlogo (G) selecionando trs cores adjacentes; e
trade (H), em que as trs cores selecionadas so equidistantes na roda. Combinaes ilimitadas podem ser feitas
por meio da escolha de uma nuance qualquer (I), matiz ou saturao (J), e sombra
ou brilho (K). Isso, claro, no deve impedir qualquer um de combinar rosa com vermelho.

Mellier / Frana, 2006

LANAMENTO DA CAMPANHA SPECTRUM DA MSNBC /

1 de 39 anncios criados / SS+K: direo de criao,
Sam Mazur, Matt Ferrin: direo de arte, Matt Ferrin;
escrita, Sam Mazur / EUA, 2007

CATLOGO DA EXPOSIO ROCK MY WORLD NO CCA WATTIS INSTITUTE FOR CONTEMPORARY ARTS / Volume, Inc.;

direo de criao, Adam Brodsley, Eric Heiman; design, Eric Heiman / EUA, 2007
LEITURA RECOMENDADA

040-079.indd 56

390

18/11/10 15:08

princpios

de design

A seleo de uma faixa

de cores para aplicar
num design parte
integrante de seu sucesso, impacto e propriedade, na medida em que
diferentes combinaes de cores sugerem, desencadeiam e signicam uma
diversa faixa de temperamentos, referncias e associaes tudo relativo ao
contexto e audincia. Paletas de cor podem ser to simples quanto um par de
cores ou to complexas como um sistema de mltiplas cores separadas em

Paleta de Cores

cor

57

conjuntos primrios e secundrios de cores que chegam s dzias. Paletas

podem se estender de combinaes monocromticas a selees muito
variadas. No raro associar adjetivos a paletas de cores, tais como quente,
na moda ou sosticada, mas se a cor em si subjetiva, comunicar com
uma paleta de cores ainda mais: o que pode aparentar ser uma paleta
quente para uma pessoa pode parecer rstica ou terrena para outra.
No existe certo ou errado quando se dene uma paleta de cores desde que
nenhuma retina seja danicada no processo.

EMBALAGEM E IDENTIDADE DA COMPANHIA CERVEJEIRA COLUMBUS / Element: direo de criao, John McCollun. Meg Russell; design, Jeremy Slagle / EUA, 2007

SUB-BRANDING, CATLOGO, CARTAZES E WEBSITE DA UTS SCHOOL OF ARCHITECTURE / Toko: design, Michael Lugmayr / Austrlia, 2008

040-079.indd 57

18/11/10 15:08

58

princpios

de design

cor

Gradiente
Para conferir um sentido de profundidade,
textura e movimento alm do que a cor simples
pode atingir, um gradiente bem concebido pode
emitir uma armao visual forte ou conferir
um brilho audacioso e divertido. A beleza e o
perigo dos gradientes est na suas interaes
ilimitadas; seja por conterem todas as cores num
arco-ris que lentamente se modicam umas nas
outras ou com qualquer cor indo para o branco
ou preto. Gradientes podem se transformar
em muletas visuais quando no h intenses
mais fortes no design. A versatilidade dos
gradientes os torna especialmente atraentes
porque podem ser reproduzidos numa variedade
de meios. Eles cam perfeitos numa tela e em
aplicaes online e quase toda tcnica de
impresso pode realiz-los tambm, incluindo
o silkscreen e impresso de tipos. Poucas coisas
se mostram to encantadoras quanto um cartaz
cuidadosamente feito em split fountain.

PORTFLIO AUTO-PROMOCIONAL / Livretos individuais contm cada projeto, enquanto os gradientes das capas
reetem as paletas de cores do interior / Abi Huynh / Canad, 2008

EMBALAGEM E LOGOTIPO DA CREATING WELLNESS /

End Communications: design, Kyle Eetermoed, Kyle
Romberg / EUA, 2003

Split Foutain
Seja executado em offset, silkscreen ou impresso de tipos, o efeito de split fountain obtido ao se colocar duas ou mais cores no reservatrio de tinta da impressora.
No offset, isso signica que as cores, separadas por divisores nos reservatrios, so misturadas pela oscilao da impressora; no silkscreen e na impresso de tipos, as
cores devem ser misturadas cuidadosamente mo.

SPLIT FOUNTAIN DE QUATRO CORES COM IMPRESSO DE TIPOS DE MADEIRA / Tom Rowe / Reino Unido, 2007

040-079.indd 58

18/11/10 15:08

princpios

cor

de design
CMYK: Subtrativo

59
RGB: Aditivo

Composio em Cores
Entender as sutilezas efmeras da cor essencial
para a prtica do design, mas to importante
quanto entender como traduzir estas em
designs funcionais que sejam reprodutveis numa
srie de formatos. Uma diviso clara existe entre
impresso e tela, onde os modelos de cores
CMYK e RGB, respectivamente, reinam em cada
um desses meios. Telas emitem cores e, assim,
baseiam-se no modelo RGB por este ser aditivo,
no qual a combinao de vermelho, verde e azul
resulta em branco. J o papel absorve cores, logo,
ele se baseia no modelo CMYK que subtrativo,
no qual combinaes de ciano, magenta e
amarelo resultam em preto. A despeito dos
mistrios da perecepo das cores pelo crebro
humano, uma importante lio que o CMYK
no deve ser usado em telas e o RGB no
funciona em impresso.
No design para tela o principal assegurar que
todo trabalho seja feito em RGB, de forma que
seja interpretado corretamente. Entretanto, no
que tange impresso, o modelo CMYK apenas
um dos diversos mtodos de se compor em cores.
CMYK, ou impresso em quatro cores, usa
uma placa para cada cor de maneira a produzir
qualquer combinao de cores de campos
contnuos de cor a fotograas e ilustraes.
Se uma cor muito especca for desejada, CMYK
no necessariamente o meio mais preciso ou
mais fcil para dar resultados consistentes; para
esses casos, manchas de cor so as mais precisas
pois usam sistemas de cobinao de cores como o
Pantone (tambm chamado de PMS), que
bastante usado nos EUA e na Europa; ou o Toyo,
que usado principalmente na sia. O problema
com esses sistemas que fotos em cor plena no
so possveis. Finalmente, impresso em escala de
cinza ou cor nica outra opo; essa abordagem
baseias-se na interpretao dos valores da cor, luz
e sombra enquanto tons de uma nica cor, do
claro ao escuro, reproduzidos na forma de
semitons, usando pontos de tamanhos variados.

CMYK e RGB comparados em impresso

Impresso em 4 cores

Construo fotogrfica

Construo de cor contnua

Impresso em uma cor

Escala de cinza

Spot color

Meio tom

Detalhe de meio tom exagerados

para apresentao

Frequentemente, o escopo e as especicaes de

um projeto, bem como seu uso nal, determinaro
a escolha da execuo das cores, mas tambm
podem ser especialmente selecionadas para
objetivos especcos de comunicao que apoiam
os conceitos do designer.

040-079.indd 59

18/11/10 16:43

040-079.indd 60

18/11/10 15:08