UM GUIA VISUAL PARA A LINGUAGEM, APLICAES

E HISTRIA DO DESIGN GRFICO

A REFERENCIA
NO DESIGN
GRAFICO
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
Rua Pedroso Alvarenga, 1.245, 4
o
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.
proibida a reproduo total ou parcial por quaisquer meios,
sem autorizao escrita da Editora.
Todos direitos reservados pela Editora Edgard Blcher Ltda.
Ficha Catalogrca
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
xx-xxxxx CDD-xxx.x
ndice para catlogo sistemtico
1. xxx.x
001-039.indd 2 18/11/10 13:05
A REFERENCIA
NO DESIGN
GRAFICO
Bryony Gomez-Palacio e Armin Vit
UM GUIA VISUAL PARA
A LINGUAGEM, APLICAES
E HISTRIA DO DESIGN GRFICO
001-039.indd 3 18/11/10 13:05
CONHECIMENTO
10
Uma Modesta Linha Ilustrada do Tempo
8
Apresentao
126
Nas Salas de Aula
118
Na Sala de Exposio
110
Online
92
Em Papel
90
20
78
De Produo Impressa
60
De Tipograa
22
De Design
PRINCIPIOS
001-039.indd 4 18/11/10 13:05
REPRESENTANTES
399
Lista de Colaboradores
392
ndice
390
Leitura Recomendada
242
De Designers
234
De Escrita
212
De Formas de Letra
138
De Design
136
250
362
Sobre Formas de Letra
338
Sobre Identidade
320
Nas Bancas de Revistas
272
Nas Estantes
252
Nas Paredes
PRATICA
001-039.indd 5 18/11/10 13:05
001-039.indd 6 18/11/10 13:05
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 Wolf; 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, Wolf Olins; Ian Lynam; David
Pearson; Heather Strelecki, AIGA; Sarah Cofman; Michelle
French; Mark Kingsley; Maaike de Laat; Allan Haley; Stef
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.
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 Tifany 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
AGRADECIMENTOS
001-039.indd 7 18/11/10 13:05
e notas sobre este livro
8
Apresentao
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
Leituras Recomendadas
Este cone aparece na base de alguns tpicos; ele indica a pgina 390,
onde voc poder encontrar sugestes acessveis.
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.
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
ESTRUTURA
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.
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.
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.
Notas sobre este livro e como us-lo
APRESENTACAO
001-039.indd 8 18/11/10 13:05
9
Apresentao e notas sobre este livro
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
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,
Imagens Contemporneas
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 ffound.com, manystuf.org, monoscope.com e thedieline.com.
Entretanto, pode ser que voc j tenha visto alguns destes.
Para Consideraes Futuras
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.
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.
Relacionado
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.
Imagens Histricas
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.
001-039.indd 9 18/11/10 13:05
c. 1880 c. 1910
REPRESENTANTES PRINCIPAIS
alemanha (jugendstil) Peter Behrens / frana Jules Cheret, Alphonse Mucha,
Thophile Steinlen, Henri de Toulouse-Lautrec / reino unido Aubrey Beardsley,
The Beggarstaf Brothers: William Nicholson, James Prydel / eua William Bradley /
vienna (secesso) Gustav Klimt
REPRESENTANTES PRINCIPAIS
alemanha Peter Behrens / reino unido William Morris / eua Dard Hunter, Bruce Rogers
Uma Modesta Linha Ilustrada do Tempo
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.
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
1891 / REINO UNIDO
William Morris funda a
Kelmscott Press
1895 / EUA
Elbert Hubbard estabelece a
comunidade Roycroft
c. 1890 c. 1915
Artes e Ofcios
Art Nouveau
1876 / EUA
Cartaz prospecto feito usando tipos
de madeira
1896 1926 / ALEMANHA
Georg Hirth
publica a revista
Jugend ( juventude)
1880 / EUA
Edward J. Hamilton funda a Hamilton
Company em Two Rivers, Wisconsin,
tornando-se o maior produtor de tipos
de madeira
1869 / EUA
fundada a
primeira agncia
de publicidade,
N.W. Ayer & Son
1896 / GRCIA
Os jogos da primeira olimpada apresentam
a primeira olimpada de vero 356
1887 / EUA
Tolbert Lanston inventa a mquina
de composio monotipo
1886 / EUA
Ottmar Mergenthaler inventa a primeira
mquina de composio, o linotipo
1860 1920
10
Uma modesta linha ilustrada do tempo
001-039.indd 10 18/11/10 13:05
1919 / ALEMANHA
Roul Hausmann, capa do n. 1 do Der Dada
1907 / ALEMANHA
Behrens nomeado designer industrial na
Allgemeine Elektrizitts-Gesellschft
/ mostra cartaz Lmpada AEG, 1910
1927 / ITLIA
Fortunato Depero, Livro
Depero Futurista
1914 / ITLIA
Filippo Marinetti, Detalhe de
pgina do Zang Tumb Tumb
Edizioni Futuriste de Poesia
1905 / ALEMANHA
Lucian Bernhard, cartaz Fsforos Priester
1897 / ALEMANHA
Thomas Heine, cartaz Simplicissimus
1904 / EUA
Dard Hunter, capa do livro
Little Journeys to the Homes
of Great Businessman
1896 / FRANA
Thophile Steilen, cartaz Cabaret
du Chat Noir
Revoluo
Russa
1917
Primeira Guerra Mundial
1914 1918
1909 / FRANA
Filippo Marinetti publica
seu Manifesto Futurista
no jornal francs Le Figaro
1910 / ALEMANHA
Hans Josef Sachs publica
Das Plakat (O cartaz)
c. 1905 c. 1920
c. 1910 c. 1930
c. 1915 c. 1925
Sachplakat (cartaz Objeto)
Futurismo
Dada
REPRESENTANTES PRINCIPAIS
alemanha Raoul Hausmann, John Hearteld, Kurt Schwitters,
Theo van Doesburg / sua Jean Arp, Hugo Ball, Tristan Tzara
/ eua Marcel Duchamp, Man Ray
REPRESENTANTES PRINCIPAIS
itlia Fortunato Depero, Filippo Marinetti
REPRESENTANTES PRINCIPAIS
austria Julius Klinger / alemanha Lucian Bernhard, Ludwig
Hohlwein, Hans Rudi Erdt / sua Otto Baumberger
1917 / EUA
James Montgomery Flagg, cartaz I want you
for U.S. Army
1918 / SUA
No terceiro nmero de revista
Dada, Tristan Tzara publica o
Manifesto Dada 1918
1903 / EUA
Frederic W. Goudy funda
a Village Press
11
Uma modesta linha ilustrada do tempo 1860 1920
001-039.indd 11 18/11/10 13:05
1923 / ALEMANHA
Herbert Bayer, Cdula de 2 milhes de Marcos para o Governo
Estadual da Turngea em Weimar
1923 / ALEMANHA
Joost Schimidt, cartaz de exposio
1919 / HOLANDA
Theo van Doesburg (Logomarca De Stijl) e Vilmos Huszar
(xilogravura) detalhe do peridico de artes de Stijl
Georgii e Vladimir Stenberg
cartaz O homem com a cmera
de cinema
1929 / RUSSIA
1923 / RUSSIA
Alexander Rodchenko, cartaz para a
aerolinha Dobrolet
1919 / RUSSIA
El Lissitzky cartaz Derrotar os
Brancos com a Cunha Vermelha
1923 1932 / ALEMANHA
Kurt Schwitters publica o peridico Merz
/ mostrado capa do n. 11 de Merz
1922 / EUA
O termo design grco
usado pela primeira vez
por W. A. Dwiggins 141
num artigo para o Boston
Evening Transcript
REPRESENTANTES PRINCIPAIS
frana Jean Carlu, A.M. Cassandre /
reino unido E. McKnight Kaufer
1920 1940
12
Uma modesta linha ilustrada do tempo
c. 1920 c. 1930
Construtivismo
REPRESENTANTES PRINCIPAIS
russia Gustav Klutsis; El Lissitzky; Alexander Rodchenko;
Stenberg Brothers: Georgii Stenberg, Vladimir Stenberg;
Varvara Stepanova; Vladimir Tatlin
c. 1920 c.1940
c. 1920 c. 1930
Bauhaus
De Stijl
REPRESENTANTES PRINCIPAIS
alemanha Herbert Bayer, El Lissitzky,
Lszl Moholy-Nagy, Jan Tschichold
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
REPRESENTANTES PRINCIPAIS
holanda Piet Mondrian, Gerrit Rietveld, Bart van der Leck, Theo van Doesburg
1917 1931 / HOLANDA, ALEMANHA
Theo van Doesburg publica a revista de
Stijl (O estilo) at sua morte em 1931
c. 1925 c.1940
Art Deco
1925 / ALEMANHA
A escola muda
para Dessau
1923 / ALEMANHA
A Bauhaus realiza sua primeira
exposio pblica de trabalhos
estudantis
1919 / ALEMANHA
Walter Gropius cria a escola
Staatliches Bauhaus Weimar e
publica o manifesto Bauhaus
c. 1920 c. 1930
Tipograa Nova
1923 / FRANA
A M Cassandre, cartaz Au Bucheron
001-039.indd 12 18/11/10 13:05
1924 / ALEMANHA
Herbert Bayer, carto de visitas
1932 / FRANA
A M Cassandre, cartaz do Dubonnet
1925 1934 / ALEMANHA
A Deutscher Werkbund publica o
peridico Die Form / mostrado Joost
Schmidt, capa de Die Form, 1926
1934, 1986 /
SUA, EUA
Herbert Matter, cartaz de turismo suo; Paula Scher, cartaz dos relgios Swatch
1937 / EUA
William Golden junta-se CBS
1937 / EUA
Lester Beall, cartaz Rural Eletrication
Running Water (Eletricao Rural
gua Corrente)
1936 / EUA
Sequncia com o letreiro de abertura do lme
My Man Godfrey (O galante vagabundo BR)
1930 / EUA
Revista Fortune criada por Henry Booth
Luce / Mostrado John F. Wilson (Ilustrao),
Capa da Fortune, Outubro, 1940
1935 / ALEMANHA
A bandeira nazista com a swastika
tornada a bandeira nacional alem
por decreto
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
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
13
Uma modesta linha ilustrada do tempo 1920 1940
1925 / FRANA
A exposio
Internacional
de Artes decorativas
e Industriais
Modernas
realizada em Paris
Heinz Schulsz-Neudamm,
cartaz do lme Metropolis
1926 /ALEMANHA
1935 / SUA
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
1937 / EUA
Emigrado, Lszl Moholy-Nagy cria
em Chicago a Nova Escola Bauhaus
(renomeada Instituto de Design em 1944)
1933 / ALEMANHA
Sob presso
nazista, a
Bauhaus fecha
1932 / ALEMANHA
A escola muda
para Berlin
1928 / ALEMANHA
Tschichold publica Die Neue Typographie:
Ein handbuch fr Zeitgemss Schafende
(A Nova Tipograa: Um Manual para o
Designer Contemporneo)
Segunda Guerra
Mundial 1939 1945
001-039.indd 13 18/11/10 13:05
c. 1940s c. 1960s
c. 1950s EARLY 1970s
Estilo
Tipogrco
International
Escola Polonesa
de Cartazes
Segunda Guerra Mundial
1939 1945
1942 / EUA
Jean Carlu, cartaz Americas Answer! Production
1945 / EUA
Georg Olden junta-se CBS
1948 / ITLIA
Max Huber, cartaz Gran Premio DellAutodromo
1947 / EUA
Paul Rand publica seu
primeiro livro de design,
Thoughts on Design
1943 / EUA
A revista semanal Saturday Evening Post publica,
em quatro edies consecutivas, a srie de cartazes
Four Freedoms, de Norman Rockwell.
1941 / EUA
Walter Landor funda a Landor
Associates em San Francisco,
Califrnia
1941 / EUA
Charles e Ray Eames Casam
1946 / POLNIA
Henryk Tomaziewski comea a criar cartazes de lme
para o departamento polons de cinema
1949 1971 / EUA
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
1947 / UK
Tschichold junta-se
Penguin Books 274
1942 / UK
Abram Games, cartaz Grow your own food
1942 / EUA
J. Howard Miller, cartaz We can do it!
1940 1960
14
Uma modesta linha ilustrada do tempo
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
REPRESENTANTES PRINCIPAIS
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
1946 / SUA
Armin Hofman e
Emil Ruder criam a
Escola de design da
Basileia 128
1953 / ALEMANHA
Max Bill e Otl Aicher
criam a Hochschule
fr Gestaltung (HfG)
em Ulm
001-039.indd 14 18/11/10 13:05
1950 1980 / EUA
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
1954 / EUA
Herbert Matter, Identidade
da ferrovia de New Haven
Railroad 350
Joseph Miller-Brochman
cartaz Musica Viva
1958 / SUA
1964 / POLNIA
Jan Lenica, cartaz Alban Berg Wozzeck
1957 / POLNIA
Tomaszewski, cartaz
Symfonia Pastoralna
1952 / POLNIA
Trepkowski Tadeusz, cartaz Nie!
1956 / EUA
Paul Rand comea a trabalhar na
identidade da IBM > 341
Armin Hofman,
cartaz Die Gute Form
1954 / SUA
MEADOS DOS ANOS 1950 AO INCIO DOS ANOS 1980
1962 / EUA
Stephen O. Frankfurt, sequncia inicial de ttulos para
To kill a Mockingbird
1954 / EUA
Brownjohn, Ivan Chermayef e
Tom Geismar brincam com o
livreto Watching the Words Move
1951 / EUA
Paepcke cria a Conferncia
Internacional de Design (ICDA)
em Aspen
1952 / POLNIA
Tomaszewski e Jsef Mroszczak
entram para a Academia de
Belas-Artes de Varsvia como
professores e codiretores
15
Uma modesta linha ilustrada do tempo 1940 1960
REPRESENTANTES PRINCIPAIS
alemanha Otl Aicher / reino unido F.H.K. Henrion,
Wolf Olins / eua Saul Bass, Lester Beall, Ralph Eckerstrom,
Chermayef & Geismar, John Massey, Paul Rand,
Elinor Selame, Unimark, Massimo Vignelli, Lance Wyman
1954 / FRANA
Adrian Frutiger lana a famlia
de tipos Univers > 372
1952 / EUA
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
1958 1965 / SUA
Richard Paul Lohse,
Josef Muller-Brochman,
Hans neuburg e Carlo Vivarelli
publicam Neue Grak 97
1955 / EUA
Hofman comea
a lecionar na Yale
School of Art 129
1957 / SUA
Edouard Hofman e
Max Miedinger lanam
o tipo Neue Hass
Grotesk rebatizado de
Helvtica em 1960 373
Crescimento
da Identidade
Corporativa
001-039.indd 15 18/11/10 13:05
1967 / REINO UNIDO
Wolf Olins, identidade da
Bovis usando um beija-or
para identicar uma
companhia de construo
1967 / EUA
Victor Moscoso, cartaz
The Steve Miller Blues Band
1967 / EUA
Massimo Vignelli, Unimark,
identidade da American
Airlines
1960 / EUA
Chermayef & Geismar;
identidade do banco
Chase Manhattan
1960 / EUA
Ben Shahn, cartaz
Stop H-Bomb tests
Guerra do Vietn
1959 1975
REPRESENTANTES PRINCIPAIS
eua Rick Grif n, 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
1960 /
REINO UNIDO
F.H.K Henrion, identidade
da KLM
1968 / FRANA
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
1958 / REINO UNIDO
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
1962 / EUA
Andy Warhol pinta as latas
de sopa Campbells
1962 / UK
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
1968 /EUA
Steward Brand publica a
primeira edio de
Whole Earth Catalog
1968 /SUA
Wolfgang Weingart 178
torna-se professor na recm
criada disciplina avanada
de Design grco na Escola de
Design de Basileia
1964 / EUA
Pablo Ferro, sequncia inicial de ttulos de
Dr. Strangelove
1960 / EUA
Saul Bass, sequencia inicial de ttulos de Psicose (Psycho)
1967 / EUA
Landor Associates, logotipo da Levis
1963 / FRANA
A. M. Cassandre, logotipo da Yves Saint Laurent
1964 / EUA
Ralph Eckerstrom e
Massimo Vignelli
criam a Unimark
International
MEADOS DOS ANOS 1960 AT MEADOS DOS ANOS 1970
MEADOS 1950 INCIO 1980
Crescimento
da Identidade
corporativa
1960 1980
16
Uma modesta linha ilustrada do tempo
Psicodelia
Paris, Maio 1968
Revoltas Estudantis
e de Trabalhadores
1968
001-039.indd 16 18/11/10 13:05
1974 / EUA
Danne & Blackburn, logotipo da NASA
1971 / EUA
Carolyn Davidson, logotipo da
Nike 343
1977 / REINO UNIDO
Jamie Reid, capa do disco do Sex Pistols Never
Mind the Bollocks, Heres the Sex Pistols
1967 / EUA
Bonnie MacLean, cartaz
Eric Burdon & the Animals,
Mother Earth, Hour Glass
1977 / EUA
Rob Janof, logotipo
da Apple
1972 / EUA
Paul Rand, o logotipo da IBM
ganha suas listras
REPRESENTANTES PRINCIPAIS
reino unido Barney Bubbles, Mark
Perry, Jamie Reid / eua Frank Edie,
John Holmstrom, Winston Smith
MEADOS 1970 INCIO 1980
1969 / EUA
Acontece o festival de Msica
e Arte de Woodstock
1975 / JAPO
Shigeo Fukuda, cartaz para a loja de
departamentos Keio
1979 / ALEMANHA
Erik Spiekermann 226
cria a MetaDesign
1979 / EUA
Tilbor Kalman, com Carol
Bokuniewicz e Liz trovato, cria
a M&Co. 183
1978 1982 / HOLANDA
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 / UK
Bernard Lodge, sequncia inicial de ttulos da stima
temporada de Doctor Who.
1978 / EUA
R / GA, sequncia inicial de ttulos de Superman
1970 1972 / SUA
Os designers americanos
Dan friedman e April Greiman
estudam com Weingart
1972 / UK
A MIT Press publica Learning
from Las Vegas: The Forgotten
Symbolism of Architectural form
de Robert Venturi, Steven Izenour
e Denise Scott Brown
1976 / EUA
O editor Leonard Koren
publica o primeiro
nmero da revista de
vanguarda Wet
1972 / UK
criada a Pentagram 162
1971 / EUA
Katherine e Michael McCoy
so indicados chefes dos
programas bi e tridimensionais na
Academia de Arte Cranbrook 130
Anos 1970 / 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
1970 1990 / FRANA
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
17
Uma modesta linha ilustrada do tempo 1960 1980
Punk
001-039.indd 17 18/11/10 13:05
1979 / EUA
April Greiman, Catlogo da CalArts
1981 / EUA
Paul Randa, cartaz Eye-Bee-M
A Adobe cria a
linguagem PostScript
1982
A Apple apresenta
o Macintosh
1984
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, Jefery Keedy,
Laurie and P. Scott Makela, Katherine McCoy
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
FINAL DOS ANOS 1970 MEADOS ANOS 1990
LATE 1970s MID 1980s
New Wave
Ps-Modernismo
1987 / EUA
Tibor Kalman, quadro de cardpio para o ms de
novembro para o restaurante Florent
1989 / EUA
Mildred Friedman a curadora da exposio Graphic
Design in America: A Visual Language History, no
Walker Art Center 120
1987 / EUA
Gail Anderson e Fred Woodward vo para a revista
Rolling Stone 328
1986 2002 / REINO UNIDO
Mark Holt, Simon Johnston e Hamish Muir criam
a empresa de design 8vo e publicam o peridico
internacional de tipograa Octavo
1987 / EUA
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
Rudy VanderLans
publica o primeiro tema
de Emigre 100 revista
1985 / EUA
Lorraine Wild junta-se ao Instituto de
Artes da Califrnia (CalArts) > 131 para
renovar o curso de design grco
1985 1987 / EUA
Ed Fella > 185
frequenta a Academia
de Arte Cranbrook
1983 1985 / EUA
Jefery Keedy
frequenta a Academia
de Arte Cranbrook
1981 / REINO UNIDO
Neville Brody torna-se
o diretor de arte da
The Face 332
1981 / EUA
Vai ao ar a MTV 352 s
00:01 de 1
o
de agosto
1981 / JAPO
Ikko Tanaka, cartaz Nihon Buyo
1986 / EUA
Pau Rand, logotipo da Next
1983 / EUA
Philippe Apeloig, cartaz Chicago, Birth of a
Metropolis 1872-1922
1980 2000
18
Uma modesta linha ilustrada do tempo
001-039.indd 18 18/11/10 13:05
2000 / EUA
Allen Hori, cartaz Not Yet the
Periphery
1995 / EUA
Elliot Earls, cartaz The Conversion
of Saint Paul
A Bolha da Internet ou a Bolha Ponto-Com
1995 2000
1994 / REINO UNIDO
Neville Brody realiza a
primeira conferncia FUSE,
com uma sequncia no ano
posterior em Berlin
1995 / EUA
P. Scott e Laurie Haycock
Makela so indicados
designers residentes no
lugar dos McCoys
2005 / EUA
A Emigre deixa de ser publicada
2003 / EUA
Futurebrand recria o logotipo de
Paul Rand para a UPS > 342 iniciando
uma febre de importantes e coincidentes
recriaes de identidades corporativas
2000 / EUA
Stefan Sagmeister ca um ano
sem clientes
2003 / EUA
Jefrey Zeldman escreve
Designing With the Web Standards
1996 / MUNDO
Sendo algumas dos poucos tipos de letras
instalados em quase todos os computadores,
Arial, Times New Roman, Verdana e Georgia
ganham proeminncia na tipograa
1998 / EUA
Sergey Brin e Larry Page criam o
sistema de buscas Google
1997 / ALEMANHA
Stefen Sauertig, Svend Smital
e Kai Vermehr criam a eBoy
especializada em complexas
ilustraes com pixels
1999 / HOLANDA, REINO UNIDO, EUA
publicado o Manifesto First Things
First 2000 48
1993 / UK, EUA
O ensaio Cult of the Ugly, de
Steven Heller, publicado na Eye
1993 / EUA
O editor Louis Rossetto, juntamente
com John Plunkett como diretor de
arte, lana a revista wired
1992 / EUA
Com David Carson como
diretor de arte, o editor Marvin
Scott Jarrett lana Ray Gun 330
1991 / REINO UNIDO
Steve Baker, Dirk Van Dooren,
Karl Hyde, Richard Smith,
Simon Taylor, John Warwicker e
Graham Wood criam a Tomato
1990 / REINO UNIDO
Rick Poynor lana Eye 103
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
1990 / EUA
Sheila Levrant de Brettville
nomeada diretora de estudos
sobre Design Grco na
Yale School of Arts 129
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
1995 / EUA
Kyle Cooper, sequncia inicial de ttulos de Seven. O autor cria a Imaginary
Forces um ano mais tarde
1997 / EUA
Milton Glaser, cartaz Art is whatever
19
Uma modesta linha ilustrada do tempo 1980 2000
001-039.indd 19 18/11/10 13:05
001-039.indd 20 18/11/10 17:50
78
De Produo de Impresso
60
De Tipograa
22
De Design
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
56
Cor
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.
50
Layout
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.
24
Disciplinas
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.

De Design
Detalhe do CARTAZ PARA A EXPOSIO
BILDER-SCHRIFT, DE CARTAZES CHINESES NA SUA
NA ASSOCIAO DE CARTAZES DE LUCERNA /
Hesign International / Alemanha, 2005
PRINCPIOS
001-039.indd 23 18/11/10 13:05
PROGRAMA DE IDENTIDADE DO BUTTERFILED MARKET / Mucca Design: direo criativa, Matteo Bologna; Direo de arte, Christine Celic; design,
Christine Celic, Lauren Sheldon / EUA, 2007

RECRIAO DA IDENTIDADE DA DELTA AIRLINES / Lippincott / EUA, 2007 / Foto no aeroporto: Albert Vecerka / Esto
disciplinas de design
24
princpios
Design de Identidade
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.
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
001-039.indd 24 18/11/10 13:05

MTK, PROGRAMA DE IDENTIDADE DA UNIO CENTRAL DOS PRODUTORES AGRCOLAS E DONOS DE FLORESTAS / Porkka & Kuutsa / Finlndia, 2007
25
princpios disciplinas de design
001-039.indd 25 18/11/10 13:05
BRANDING PARA BRIGADE QUARTERMASTERS / Thomas W. Cox / EUA, 2002-2003
Branding
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.
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 staf
s condies de iluminao numa loja, msica que toca num comercial de
disciplinas de design
26
princpios
001-039.indd 26 18/11/10 13:05
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
27
princpios disciplinas de design
001-039.indd 27 18/11/10 13:05
PROGRAMA DO LEGRAIN THATHRE DE LA VOIX PARA O ESTDIO DE MICHEL BOUVET / Ellen Tongzhou Zhao / Paris, 2007
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
Design Colateral
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.
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
disciplinas de design
28
princpios
001-039.indd 28 18/11/10 13:05
SQUARE FEET, CATLOGO DE INTERFACE / Valentine Group / EUA, 1998
HAIA EM FATOS E NMEROS, RELATRIO ANUAL DA CIDADE DE HAIA / Toko: design, Eva Dijkstra / Holanda, 2004
29
princpios disciplinas de design
001-039.indd 29 18/11/10 13:05
SINAIS DE FACHADA DE LOJA BROOKLYN SUPERHERO STORE & CO. PARA A 826NYC / Sam Potts, Inc. / EUA, 2004
ICONOGRAFIA, SINALIZAO E INTERIORES DO CENTRO
DE CONVENES DE CINCINNATI / Sussman/Prejza &
Company, Inc.; arquitetura, LMN Archtects / EUA,
2006 / Fotos: J. Miles Wolf
SINALIZAO E MURAL DO CENTRO INTERNACIONAL DE CONVENES DE BARCELONA / Mario Eskenazi, Ricardo
Alavedra / Espanha, 2003-2004
Design Ambiental
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.
disciplinas de design
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,
001-039.indd 30 18/11/10 13:05
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
31
princpios disciplinas de design
001-039.indd 31 18/11/10 13:05
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
Iconografia
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.
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,
disciplinas de design
32
princpios
001-039.indd 32 18/11/10 13:05
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
ICONOGRAFIA E CARDPIO DA LOCAL VINE BRAND / Turnstyle: direo de arte, Ben Graham; design, Jason Gmez, Ben Graham, Lesley Feldman / EUA, 2007
PICTOGRAMAS PARA OS JOGOS OLMPICOS DE 2004 / k2design: direo criativa, Yiannis
Kouroudis; design, Yiannis Kouroudis, Dimitra Diamanti, Chrysas Chrysas / Grcia, 2003
33
princpios disciplinas de design
001-039.indd 33 18/11/10 13:05
AEROPORTO, UM FILME DE CURTA METRAGEM INCORPORANDO OS SMBOLOS DE DOMNIO PBLICO DA AIGA / Iain Anderson / Austrlia, 2005
CONES DE BANHEIRO DA COLEO DE SINAIS SIMBLICOS /
AIGA / The professional Association for Design; Departamento
de Transportes dos EUA / EUA, 1974
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
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
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
para considerao adicional
34
princpios
AMOSTRA MASCULINA DO ISOTYPE / Gerd Arntz / ustria, c. 193
SINALIZA AO DE BANHEIROS
001-039.indd 34 18/11/10 13:05
COMERCIAL DE TV PARA A TARGET RACE 2 THE 2DAY SALE / Lobo / Brasil, 2007
MUSEU DA FUNDAO SERRALVES / Portugal, 2008 /
Foto: Usurio Riddle do Flickr
MUSEU DO BROOKLYN / EUA, 2006 / Foto:
J. Brandon King
MUSEU DE ARTE MODERNA, Nova York / EUA, 2008 /
Foto: Kate Shanle
BANHEIRO PBLICO NO SOHO LONDRINO / Reino Unido,
2008 / Foto: Leah Buley
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.
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
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
35
princpios para considerao adicional
001-039.indd 35 18/11/10 13:05
INFOGRFICOS DA PRIMEIRA PEQUISA ANUAL DE EDUCAO PARA A REVISTA ARCHITECT / Catalogtree / Holanda, 2007
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
Design Informativo
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.
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
disciplinas de design
36
princpios
001-039.indd 36 18/11/10 13:05
RELATRIO ANUAL DE 2007 DA FELTRON / Nicolas Feltron / EUA, 2008
37
princpios disciplinas de design
001-039.indd 37 18/11/10 13:05
DESIGN ANTERIOR DO JORNAL
LE MONDE DIPLOMATIQUE
REDESENHO DO JORNAL LE MONDE DIPLOMATIQUE / SpiekermannPartners / Alemanha, 2005
Design Editorial
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.
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
disciplinas de design
38
princpios
001-039.indd 38 18/11/10 13:05
REVISTA PLASTIQUE / Studio8 Design: direo de arte, Matt Willey; design, Matt Curtis / Londres, 2007
DESIGN DO LIVRO FLORAS SCHNSTE BLTEN PARA A PRESTEl / LIQUID Agentur fr Gestaltung / Alemanha, 2007
39
princpios disciplinas de design
001-039.indd 39 18/11/10 13:05
CARTAZ SHELLAC / 2007
The Bird Machine: Jay Ryan / EUA
CARTAZ CHICAGO SHORT FILM BRIGADE / 2008
CARTAZ SOUND OPTIONS RADIO SHOW POSTER / 2007
CARTAZES DE CONFERNCIA DA UNIVERSIT DEGLI STUDI DE MACERATA / Iceberg: direo de arte e design, Marcello Piccinini, Simona Castelani, Paolo Rinaldi / Itlia, 2002-2006
Design de Cartazes
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.
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
disciplinas de design
40
princpios
040-079.indd 40 18/11/10 15:08
CARTAZES DE ARTISTAS VISITANTES NO FASHION INSTITUTE OF TECHNOLOGY / Piscatello Design Center: design, Rocco Piscatello / EUA, 2004-2007
41
princpios disciplinas de design
CARTAZ DO 75
O
ANIVERSRIO DA ACADEMIA DE ARTES DA CHINA / Hesign International / Alemanha, 2003 CARTAZ NEW GRAPHIC PARA A REVISTA NEW GRAPHIC /
Hesign International / Alemanha, 2004
040-079.indd 41 18/11/10 15:08
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
Embalagem
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.
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
disciplinas de design
42
princpios
040-079.indd 42 18/11/10 15:08
TRS DOS MAIS DE 25.000 PRODUTOS OFERECIDOS PELA EMPRESA JAPONESA DE COMRCIO POR CORREIO ASKUL / StockholmDesignLab / Sucia, 2006 at o presente
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
43
princpios disciplinas de design
040-079.indd 43 18/11/10 15:08
VERSO ONLINE DO THE CHICAGO MANUAL OF STYLE / Universidade de Chicago / EUA, 2007
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
Design
Interativo
(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.
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
disciplinas de design
44
princpios
040-079.indd 44 18/11/10 15:08
REPROJETO DA INTERFACE DE USURIO DO SISTEMA DE GERENCIAMENTO DE CONTEDO DA AIGA / Weightshift: direo de arte e design, Naz Hamid / EUA, 2007
LEITOR VISUAL DE NOTCIAS MSNBC SPECTRA, UM MTODO ALTERNATIVO PARA OBTER NOTCIAS DA MSNBC. COM / SS+K / EUA, 2008
45
princpios disciplinas de design
040-079.indd 45 18/11/10 15:08
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
SEQUNCIA DE ABERTURA PARA THE CAT IN THE HAT / Universal Pictures / Imaginary Forces / EUA, 2003
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.
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
disciplinas de design
46
princpios
Grficos em
Movimento
040-079.indd 46 18/11/10 15:08
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
ANIMAO PARA ESPERA DE CONTEDO SENDO BAIXADO NA YAHOO / GRETEL: Greg Hahn, Diana Park, Joe Di Valerio / EUA, 2006
47
princpios disciplinas de design
040-079.indd 47 18/11/10 15:08
REIMPRESSO RECENTE DO MANIFESTO ORIGINAL PUBLICADO EM 1964
para considerao adicional
48
princpios
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
040-079.indd 48 18/11/10 15:08
JOURNAL OF GRAPHIC DESIGN,
EDIO CULT AND CULTURE: POP
GOES THE CULTURE 17, N. 2 / EUA,
1999 / Imagem: cortesia do arquivo
AdamsMorioka, AIGA
EYE 33, VOL. 9 / Reino Unido, Autumn 1999
ADBUSTERS, N. 27 / Canad, Outono 1999 / Imagem: cortesia da Adbusters Media Foundation
EMIGRE, N. 51 / EUA, Vero 1999
49
princpios para considerao adicional
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.
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.
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,
040-079.indd 49 18/11/10 15:08
Grid
REVISTA CREATIVITY / direo de arte, Jeanine Dunn / EUA, Maio 2008
SUBTRACTION EXPOSED GRID (em rosa) / Khoi Vinh /
EUA, 2005
layout de design
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 ,
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.
040-079.indd 50 18/11/10 16:38
HEWITT ASSOCIATES, INC. RECURSO DE IDENTIDADE
VISUAL BASEADO EM LAYOUT DE PGINAS WEB
ONELOOK. PGINAS DE DEMOSTRAO DE CONCEITO /
Crosby Associates / EUA, 2007
51
princpios layout 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 Chermayef & Geismar 156 e designers,
como Lester Beall 146 e Paul Rand 159, criaram identidades
para corporaes nacionais e globais, conando no seu poder para
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.
040-079.indd 51 18/11/10 15:08
E
D
D
C
Anatomia de
um Layout
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.
B
A
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.
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.
layout de design
52
princpios
040-079.indd 52 18/11/10 15:08
Hierarquia
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.
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
SISTEMA DE EMBALAGEM DA SHEILA JAM / Company,
Londres / Reino Unido, 2008
FOLHETO ILUSTRATIVO PARA ESTUDANTES ESTRANGEIROS DA DE PAUL UNIVERSITY / End Communications: design, Kyle Eetermoed, Kyle Romberg / EUA, 2007
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
SKI-CLUB TRAMELAN: 100 ANS DHISTOIRE ET DE SPORT / Onlab: Nicholas Bourquin, Linda Hintz / Alemanha, 2008
53
princpios layout de design
040-079.indd 53 18/11/10 15:08
Espao em Branco
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.
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
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
layout de design
54
princpios
040-079.indd 54 18/11/10 15:08
Contraste
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.
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
MATERIAL DE APRESENTAO DO FILME MICHAEL HANEKE: NOW, YOU CAN LET GO / Nikolay Saveliev / EUA, 2007
55
princpios layout de design
EMBALAGEM DA DRY SODA / Turnstyle: direo de arte, Steve Watson, Ben Graham; design,
Steve Watson / EUA, 2004-2006
PROSPECTO DO ESCRITRIO OWP/P ARCHITECTS / Relevo e estampado em
folhas de Plike, um material semelhante ao plstico / End Communications /
EUA, 2008
040-079.indd 55 18/11/10 15:08
LEITURA RECOMENDADA 390
J
G
C
I
E
A
K
H
D
F
B
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.
Cor
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
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
CARTAZ DA BIENNALLE DE LA JEUNE CRATION / Fanette
Mellier / Frana, 2006
cor de design
56
princpios
040-079.indd 56 18/11/10 15:08
Paleta de Cores
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.
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
SUB-BRANDING, CATLOGO, CARTAZES E WEBSITE DA UTS SCHOOL OF ARCHITECTURE / Toko: design, Michael Lugmayr / Austrlia, 2008
EMBALAGEM E IDENTIDADE DA COMPANHIA CERVEJEIRA COLUMBUS / Element: direo de criao, John McCollun. Meg Russell; design, Jeremy Slagle / EUA, 2007
57
princpios cor de design
040-079.indd 57 18/11/10 15:08
SPLIT FOUNTAIN DE QUATRO CORES COM IMPRESSO DE TIPOS DE MADEIRA / Tom Rowe / Reino Unido, 2007
EMBALAGEM E LOGOTIPO DA CREATING WELLNESS /
End Communications: design, Kyle Eetermoed, Kyle
Romberg / EUA, 2003
Split Foutain
Seja executado em ofset, 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 ofset, 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.
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
cor de design
58
princpios
040-079.indd 58 18/11/10 15:08
59
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.
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.
princpios
Composio em Cores
cor de design
CMYK: Subtrativo
CMYK e RGB comparados em impresso
Impresso em 4 cores
Impresso em uma cor
Construo fotogrfica
Escala de cinza
Meio tom
Construo de cor contnua
Spot color
Detalhe de meio tom exagerados
para apresentao
RGB: Aditivo
040-079.indd 59 18/11/10 16:43
040-079.indd 60 18/11/10 15:08