Designices

Tipografia Comparada - Capa

Acredito que todo designer, uma vez na vida pelo menos, procurou detalhes nas tipografias favoritas para reconhecê-las e saber diferenciá-las entre tantas outras. É uma haste diferente aqui, uma barra horizontal mais esticada ali, uma perna mais grossa acolá. Aí chega o Claudio Rocha e “estraga a brincadeira”! Em mais espetacular de seus livros, o Tipografia Comparada – 108 Fontes Clássicas Analisadas e Comentadas ele detalha praticamente letra por letra de cada uma dessas tipografias, maiúsculas e minúsculas. Além do tipógrafo, ano, typefoundry e variações, também pode-se encontrar comparações entre a “mesma” fonte, mas criadas por typefoundries diferentes,   como a ADOBE Garamond e a ITC Garamond, por exemplo.

O livro é dividido em serif, slab serif e sans serif. Além das 108 fontes comparadas, tem também uma relação de anatomia das fontes, com todas as partes dos tipos nomeada.

Alguns exemplos:

Tipografia Comparada - Interna 1

Tipografia Comparada - Interna 2

Tipografia Comparada - Interna 3

Antes de começar, gostaria de deixar bem claro que todos os estudos que vou falar são de percepção de consumidor (e designer) e não foram baseados em leituras de reposicionamento de marca nem nada. Como entre o planejamento de uma mudança e o que o público entende pode haver uma abismo gigante de diferenças, fiz questão de não procurar nada dessas referências pra não influenciar meu posicionamento e análises.

Bem, tudo começou numa palestra que fui da type foundry inglesa Dalton Maag que, entre outras coisas, falou rapidamente da familia tipográfica que eles criaram pro Mc Donald’s, que precisaria ser bem estreita pra poder escrever bastante coisa e também tinha que ter uma ideia de natureza. Fui conferir de perto e de fato, conseguiram:

Copo com tipografia referenciando a natureza
Comecei a analisar outras características dessas (não tão) novas embalagens dos produtos e notei que se trataria de de uma ação de reposicionamento. Aí fiz um rápido feedback do que acontecera com o Mc Donald’s nos últimos anos:

Bem, era muito comum nossos pais, tios e todos os outros que têm atualmente mais de 50 anos falar que a comida de lá parece feita de plástico, tem “gosto de química”, que é muito artificial. Além disso, em 2004, o filme Super Size Me detonou a imagem do Mc Donald’s, mostrando tudo de ruim que poderia acontecer se você comesse lá muitas vezes num curto período. Depois disso era um tal de colocar as informações nutricionais no verso da lâmina (aquele papel que vem em cima da bandeja), depois eles colocaram essa mesma lâmina, só que com essas informações viradas pra cima, destacavam chamadas que diziam ser possível encaixar as refeições do Mc Donald’s dentro de uma dieta saudável, começaram a vender maçã, saladas, wraps “leves”… Imagino que tudo isso pra limpar a imagem de junk food, que você poderia ser saudável comendo no Mc Donald’s.

Enfim, e quanto aos ingredientes dos produtos? Talvez faltasse ainda ressaltar que tudo que lá é vendido é feito com “ingredientes naturais” mesmo, frescos, como você os vê na sua casa e que são fortalecidos pela tipografia da Dalton Maag. Repare nas laterais da caixinha dos sanduíches, nesse caso o Big Mac:

Embalagem Big Mac

Embalagem Big Mac

Note como tudo é como você vê na sua mesa de casa. Queijo, alface inteira, picles sendo cortado, cebola com casca.

A batata, que por mais que seus pais (ou você mesmo) tentem e nunca farão igual, tem uma imagem de uma batata crua sendo descascada. Qual outro lugar, além da sua casa, você vê isso? Nenhum, né? Confira na imagem:

Batada descascada na embalagem das Mc Fritas

Além de tudo isso outra família tipográfica entra nas embalagens, como anotações pessoais, algo bem próximo do consumidor:

Tipografia manuscrita na embalagem das Mc Fritas

Embalagem Big Mac - Detalhe da tipografia manuscrita
E não somente as embalagens dos produtos foi modificada. Repare que no site o apelo é o mesmo: Fotos dos ingredientes frescos, in natura, num fundo de papel meio reciclado/pessoal e elementos que lembram até o velho caderno de receitas da sua avó, como os ingredientes impressos e anotações ao redor:

Site do Mc Donalds

E você, acha que funcionou o apelo ao design para reposicionar a marca e os produtos do Mc Donald’s? Acha que eu viajei muito nas interpretações? Vamos continuar nos comentários, então.

Capa do livro História da Tipografia no Brasil

Sempre ouvimos falar da história da Garamond, Times, Helvetica, dos cartazes construtivistas russos, das belas composições da Bauhaus, entre muitos outros. A maior parte dos livros que temos acesso trata de designers gringos e de ótimos trabalhos projetuais pelo mundo. Mas e aqui na terra Tupiniquim, como essa ‘coisa toda’ aconteceu?

Infelizmente nas livrarias temos poucas coisas que falam diretamente das origens do design brasileiro. O “Design brasileiro antes do design”, de Rafael Cardoso, é um deles. Mas é fora das lojas de livros (novos) que podemos encontrar essa maravilha de publicação do MASP, no final dos anos 1970: A História da Tipografia no Brasil trata em 18 páginas (de texto) um pouco dos primórdios do uso de tipos móveis em território nacional brasileiro contextualizado pelo que acontecia no exterior, fala da repressão que era evidente na época (afinal, o meio mais forte da difusão de ideias eram os impressos). As outras mais de 240 páginas são de referências das publicações da época. E haja referência! São anúncios reais, decretos, certificados, capas de livro, receitas e uma infinidade de outros. A base das imagens é a partir de 1808, quando chegou no Brasil a família real e “trouxe” a Imprensa Régia.
Alguns exemplos das páginas e das imagens:

Folha de rosto do livro História da Tipografia no Brasil

Exemplo de página interna do livro História da Tipografia no Brasil

Exemplo de layout tipográfico do livro História da Tipografia no Brasil

Ilustração do livro História da Tipografia no Brasil

Exemplo de layout tipográfico do livro História da Tipografia no Brasil

Exemplo de layout tipográfico do livro História da Tipografia no Brasil

Exemplo de layout tipográfico do livro História da Tipografia no Brasil

Atualmente é difícil encontrar esse belo livro por menos de R$ 80,00 nos sebos, mas vale uma boa vasculhada. Dá pra tentar também online, no site Estante Virtual e também no Mercado Livre.

1000 Type Treatments - Capa

Depois de muitos livros em português, resolvi mudar o destino e postar um gringo.  E um baita livro de referências tipográficas. Os autores Wilson Harvey e Loewy acertaram em cheio.

Essa publicação é uma coleção com mil (mil mesmo!) exemplos de tratamentos dados à tipografia, todas categorizadas e separadas pelos temas flyers, livros + revistas, logos, brochuras, pôsteres + banners e 3d + tipografia digital. Todas as imagens têm informação sobre a equipe que fez. São 400 páginas impressas num papel bem legal.

O livro é relativamente pequeno, um quadrado de 15x15cm, muito fácil de carregar e de dimensões suficientes pra ver bem cada layout. Alguns exemplos:

1000 Type Treatments - Interna

1000 Type Treatments - Interna

1000 Type Treatments - Interna

1000 Type Treatments - Interna

1000 Type Treatments - Interna

1000 Type Treatments - Interna

Na Amazon custa US$ 13,59 na data desse post.

Depois de passar um sábado inteiro extremamente divertido e curioso compondo meu cartão de visita com tipografia manual, resolvi juntar a patota novamente para dois outros sábados, dessa vez, criando um cartaz. Se o resultado dos cartões de visita superaram as expectativas, decerto os cartazes também o fariam. Aproveito para mostrar, junto com o meu, alguns cartões de amigos que também cursaram o Módulo I:

Cartões de visita feitos com tipografia manual

A carga horária do Módulo II é o dobro do I (dois sábados), o que resulta num aprendizado fuido e eficaz, já que além da composição propriamente dita também existe a decisão individual do tema, escolha de cores e papéis para impressão. Na hora de imprimir (no segundo sábado), contamos com a experiência do Marcos Mello e da sua infalível pupila Edineide Oliveira, além do impressor-mestre Senhor Pérsio. Muito legal é trocar os cartazes com os outros profissionais que também cursam (aliás, como os meus foram impressos depois eu tô devendo pra todo mundo…). Os resultados:

Meu grande amigo Marco Moreira (do site MAGELSTUDIO) compôs com todo o alfabeto e o interferiu com a frase “Designers amadores geralmente são de opinião que letras maiores são mais legíveis”, retirada de um livro de tipografia:

Cartaz produzido com tipografia manual, por Marco Moreira

A designer Gina Muccillo brincou com o amor e o ódio e o inverso deles em seu cartaz:

Cartaz produzido com tipografia manual, por Gina Muccillo

Cássia D’Elia veio do Rio de Janeiro “só” para fazer o curso e aproveitou para executar um de seus trabalhos. A capa do CD Samba Quadrado (que além da composição manual tipográfica também contou com uma gravura em madeira) foi produzida em tamanho grande, como um “cartaz quadrado”:

Cartaz produzido com tipografia manual, por Cássia D'Elia

A artista plástica Giorgia Mesquita aproveitou a sua composição como item de decoração, que pode ser repetido como textura até preencher toda o espaço, como um papel de parede:

Cartaz produzido com tipografia manual, por Giorgia Mesquita

Já a Leony Corazza, grande amiga, inventou jogos panamericanos de 1976 em Denver para fazer sua composição com direito até aos atletas em ação dividindo o espaço com os tipos de madeira:

Cartaz produzido com tipografia manual, por Leony Corazza

Me baseei na medida 23,5mm, que significa a altura do tipo para a impressão, para compor o meu. Para indicar tal medida, fiz uma régua com o alfabeto, regulando os espaçamentos entre-letras para que todos os “milímetros” ficassem sempre do mesmo tamanho, já que cada tipo tem sua largura e não formariam espaços homogêneos, como uma régua de verdade. Na sequência tem parte da primeira rafe e detalhes das provas de impressão e por fim, meu cartaz:

Rafe e provas para cartaz produzido com tipografia manual, por Rogério Fratin

Cartaz produzido com tipografia manual, por Rogério Fratin

O “Módulo II – Cartaz tipográfico” tem duração de dois sábados (das 8:30 – 17:00, com material didático, café da manhã e almoço incluídos). Você ainda tem opção de comprar papéis como bem entender para imprimir seu cartaz, além das 20 cópias que fazem parte desse módulo. Dê uma olhada no Flickr da Oficina Tipográfica SP que tem bastante fotos de cartazes por lá. Quem quiser saber mais pode acessar os cursos da Oficina Tipográfica ou enviar e-mail para mello@oficinatipografica.com.br. Uma boa dica é arrumar uma turma e falar com o Marcos. Geralmente rola um bom descontinho pra todos.

Até faria um top 10, como fez meu grande amigo Marco Moreira, mas como o blog subiu em setembro, não teria post suficiente pra isso. De qualquer maneira, os posts que mais fizeram “barulho” no ano passado foram:

5: 20 ferramentas e sites grátis indispensáveis para designers

Fontes, imagens, otimizadores de tempo, combinadores de cores, plug-ins e salvadores-de-vida em geral.

4. 6 dicas pro webmaster não ser morto pelo designer

Sugestões amigáveis para os webmasters não cometerem “erros” na hora de codificar um layout.

3. 10 livros essenciais para designers por menos de R$50,00

Talvez os preços tenham sido alterados, mas a lista ainda é boa!

2. 10 dicas para um webmaster não querer te matar

Recomendações para os designers facilitarem o trabalho dos ‘codeiros’.

1. Como os micreiros prejudicam os designers

Em apenas uma semana ele teve mais acesso que os posts “normais” em dois ou três meses. E o mais legal foi que rendeu diversos comentários.

No último dia 15 foi lançada a Revista TIPOITALIA 2, do tipógrafo brasileiro Cláudio Rocha, que mora na Itália atualmente, onde editou toda essa publicação. O evento foi fantástico, muitos dos grandes nomes do design/tipografia nacional estavam lá, como o Alexandre Wollner, Tony de Marco, Marcos Mello… Tanta gente boa. Inclusive tem fotos do evento num post no Magelstudio. Além do evento prender a atenção por horas o local também foi propício: A loja Pintar é fantástica, dá pra perder horas, dias lá dentro vendo tanta coisa bacana. O triste da coisa é que não tem mais loja aqui no Brasil vendendo a revista (tinham algumas na Pintar, mas duvido que elas durem muito tempo depois desse post). Aliás, eu chamaria de LIVRO. Na dúvida, deixei as duas categorias nesse post! :)

Revista TIPOITALIA 2

É definitivamente essencial pros que admiram e querem ver referências europeias – mais precisamente italianas, de tipografia. Tem de tudo: Tipos em relógio, em selos de carta, em todo lugar. Junto com essas fantásticas fotos impressas num papel de alta qualidade, textos explicativos (em inglês e italiano) complementam a publicação. É tão inspirador quanto o “Novos Fundamentos do Design” ou de algum outro livro da Ellen Lupton… É só dar uma folheada e já dá vontade de pegar a camerazinha digital e sair pela cidade caçando boas referências.

Revista TIPOITALIA 1

Pra quem não foi ao lançamento da primeira edição da TIPOITALIA teve chance de comprá-la pelo mesmo valor da segunda, R$ 45,00. Vi que a segunda seguiu bem a fórmula da primeira, também recheada com referências de tipografia italiana de alta qualidade. Agora… Pra que perdeu esse evento, quem sabe no ano que vem o Cláudio Rocha não lança a TIPOITALIA3, hein?

Capa de Pensar com tipos, de Ellen Lupton

Falar que Pensar com tipos é o livro que aborda tipografia com mais profundidade não é verdade. A grande vantagem de mais um livro maravilhoso da Ellen Lupton é a refrescada que ele dá na cabeça em conceituar e exemplificar diversos pontos da tipografia, como formação do tipo em específico, os “faça” e “não faça” e muitas outras questões, com exercícios para praticar ao final cada capítulo. Tudo (tudo mesmo!) é muito bem ilustrado e dá pra devorar todo o livro quase sem perceber. Como de costume, Ellen Lupton mantém seu estilo didático com linguagem simples. Um detalhe interessante é que o “Pensar com tipos” tem várias cores na tipografia da capa. Isso é possível porque a capa é (mesmo!) feita com tipos móveis.

O sumário do livro:

Sumário de Pensar com tipos, de Ellen Lupton

Alguns exemplos de conteúdo das páginas internas:

Exemplo de página de Pensar com tipos, de Ellen Lupton

Exemplo de página de Pensar com tipos, de Ellen Lupton

Exemplo de página de Pensar com tipos, de Ellen Lupton

Esse livro somado ao “Elemento do estilo tipográfico” (que eu já falei no post “10 livros essenciais por menos de R$ 50 cada“) são o grande começo pra quem quer se aprofundar em tipografia.

Sempre voto na quebra brusca de padrões, maneiras e suporte para potencializar a capacidade de “criar coisas diferentes”. Depois de tanto tempo “só trabalhando com internet”, achei um curso incrível de composição tipográfica manual, juntei mais sete amigos e passamos um sábado inteiro na Oficina Tipográfica São Paulo, que fica na Rua Bresser, 2315, quase esquina com a Avenida Alcântara Machado (mais conhecida como Radial Leste), em São Paulo.

Fizemos o primeiro módulo, conhecemos os tipos, aprendemos a identificar, medir, montar, entintar e imprimir uma gravura criada pelo grupo. Também fizemos um cartão de visita com tipos móveis de madeira e metal junto de uma linha com o e-mail ou o site gerada numa linotipo dos anos 1940, operada e reparada por profissionais que atuaram em gráficas de jornais importantes na época da ditadura. Cada um ganha 50 cartões de visita em papéis especiais de cores diferentes e a linha da linotipo. Veja alguns trabalhos no Flickr da Oficina Tipográfica.

Quem dá a aula é o Marcos Mello, que eu já conhecia da Anhembi Morumbi. Além de formado num curso profissionalizante em artes gráficas na escola alemã Waldorfschulen, ele tem formação universitários nas áreas de arte e pedagogia, pós-graduação em design gráfico, mestrado em Educação, Arte e História da Cultura pela Faculdade Presbiteriana Mackenzie e ainda tá fazendo doutorado em História Social na USP.

Algumas fotos do curso:

Tipo em madeira - Letra DMarcos Mello, lecionando o Módulo I de composição tipográfica manualOficina Tipográfica São PauloLinotipo dos anos 1940Original HeiderlbergEntrelinhasAdornos tipográficos antigosCartões de visita tipográficosRogério Fratin e Marco MoreiraMeu cartão de visita tipográfico, pouco antes de passar pela primeira prova

Esse primeiro módulo do curso tem preço mais que justo, dura um sábado (das 8:30 – 17:00, com material didático, café da manhã e almoço incluídos). Estou fazendo o segundo módulo, de cartaz, logo posto aqui também. Quem quiser saber mais pode acessar os cursos da Oficina Tipográfica ou enviar e-mail para mello@oficinatipografica.com.br. Uma boa dica é arrumar uma turma e falar com o Marcos. Geralmente rola um bom descontinho pra todos.