Mostrando postagens com marcador Tipografia. Mostrar todas as postagens
Mostrando postagens com marcador Tipografia. Mostrar todas as postagens

Font Fight: combate das fontes

Ano passado, durante a Semana Tipográfica, falamos do vídeo Font Conference, lembra? Ele tratava de um encontro da cúpula das fontes que foi interrompido pelo anúncio do sequestro da Courier e da Curlz pelo terrível Ransom. Neste episódio a famigerada Comic Sans acaba com os planos do inimigo e salva o mundo.

Arial Helvetica

Em maio deste ano o pessoal do College Humor filmou uma espécie de sequência da conferência das fontes chamada de Font Fight, onde Helvetica e sua turma de fontes "legais" encontram a turma "malvada" de sua clone/irmã menos prestigiada Arial. Rixas antigas entre os desafetos tipográficos são resolvidas a tapa, espadada, flechada e etc. Assista:


A ideia de associar às fontes estereótipos humanos semelhantes aos seus nomes e características morfológicas é uma fórmula que geralmente causa boas risadas. Por mais bobo e infantil que possa parecer este vídeo, as sacadas dos autores nas caracterizações dos personagens são de tirar o chapéu.

É fato que os nomes das fontes ajudaram muito a traçar estes perfis, como nos casos extremos da Magneto e da Poor Richard (Pobre Richard era um apelido de Benjamin Franklin, acredite), mas considero indispensável uma boa familiaridade com os ilustres tipos antes de começar a disfarçar atores para um curta.

Magneto

Poor Richard


Para o índio Tahoma, nome de um vulcão batizado por nativos americanos, foi necessário mais do que tinta no rosto e uma pena na cabeça para o personagem não passar desapercebido. O cowboy Playbill é sua antítese existencial na história. Que graça teria se um dos dois não estivesse presente?

Tahoma

Playbill

Já para o "General" Stencil e o "arrepiante" Creepy, as características das fontes serviram de inspiração em suas concepções. Stencil, tipo utilizado na estampa de caixas de armamentos, e  Creepy, fonte típica dos clássicos de horror e sorveterias no sul do Brasil, foram literalmente desenterrados dos arcabouços tipográficos para completarem seus times (faz tempo que não as vejo).

Stencil

Creepy

Depois de assistir umas vinte vezes ao Font Fight, pensei em possíveis caracterizações para fontes que costumo usar em meu dia-a-dia, como a Garamond e a Trebuchet MS. Alguma ideia?

A abertura da microssérie Capitu

Capitu

Um dos destaques televisivos do ano que passou foi a microssérie de Luiz Fernando Carvalho e escrita por Euclydes Marinho, Capitu. Uma mistura entre a prosa clássica e o estilo pós-moderno, a representação com ares de teatro e uma preocupação clara em inovar, fugir dos padrões "Globais" que resultou num projeto gráfico aclamado.

A homenagem a Machado de Assis começou com o projeto Mil Casmurros, onde qualquer pessoa poderia escolher seu trecho da obra, gravar e enviar para o site. O último trecho foi enviado no mesmo dia em que a série foi ao ar, completando assim a trajetória.

A história entre Capitu e seu amigo, amor e algoz Bentinho sofreu uma releitura que pôde ser vista nos cenários, figurino e caracterização dos personagens. Ela também refletiu principalmente no filme de abertura e nas cartelas, as pequenas passagens que entitulavam cenas e capítulos, como no livro.

O projeto é da Vetor Zero em parceria com a Lobo que também já produziram material para outra minissérie da Globo, Pedra do Reino.

Assim como mostra o vídeo, a abertura reúne papéis rasgados, montagens sujas e amareladas numa mistura confusa do que caracteriza a obra e o que se procura passar com a série. Feita a partir da técnica de stop motion, o filme resume a estética que o público irá ver viu nos capítulos.


O foco das cartelas é a riqueza tipográfica que, com a narração, criou um diferencial da série. Quem já leu o livro comenta que a minissérie serviu para coroar a obra, esclarecer as dúvidas que Machado de Assis sutilmente depositou dentro da cabeça dos leitores.


Outro fator digno de nota que só não perde pra abertura, foi a escolha da trilha sonora da trama. Partindo da canção "Elephant Gun" da banda Beirut, até clássicos do Queen, Sex Pistols e Ramones. Tudo parece cair como uma luva, a cada cena.

Depois de elogios da crítica me pergunto o que Machado de Assis teria achado dessa interpretação de sua história.

Leia os Direitos Humanos: Animação Tipográfica

O final do semestre está logo ali mas uma montanha de trabalhos ainda precisa ser feita. Falta pouco, mas ainda tem muita coisa pra rolar. Bendito dia que resolvi fazer tantas matérias...

Seguindo a série de fast-posts que sugeri para este mês da morte II, hoje trago uma belíssima animação tipográfica da declaração universal dos direitos humanos. O trabalho é uma espécie de video institucional para a Human Rights Action Center, criado pelo desginer Seth Brau. Assista:


Pena que na prática estes direitos são muitas vezes distorcidos, mal interpretados, favorecendo seres humanos que estão no limiar desta definição. Quem não conseguiu acompanhar a seqüência dos textos, no site das nações unidas encontrei a declaração em português.

Algumas coisas, apesar de não acontecerem naturalmente, são bastante óbvias. Você conhecia todos estes direitos?!

Fonte de inspiração: Nova Mídia - Novo Marketing

Fontes são estrelas de cinema em Bravefont

Em agosto, durante Semana Tipográfica, postei um vídeo muito divertido que tratava de uma conferência de fontes. Nele, atores personificavam fontes conhecidas, como Times New Roman e Arial Narrow, com características físicas que as identificavam. Merece uma olhada!

Pegando esta onda, a Extensis, fabricante do gerenciador de fontes Suitcase Fusion, produziu para o lançamento da nova versão da ferramenta o vídeo Bravefont. Em ritmo de super produção hollywoodiana, cenas e imagens cheias emoção acentuam o clima de lançamento e apresentam os créditos. Observando com atenção percebe-se que os nomes citados são de fontes conhecidas: Orlando Caps, Bauer Bodoni, Stone Serif, Lucida Blackletter, Gill Sans, etc. Confira:



Visitando a página de lançamento do Suitcase Fusion 2 encontramos mais informações no formato cartaz de cinema com trocadilhos tipográficos muito legais. Vale a pena uma visita.

Sobre a ferramenta, não tenho muito a dizer pois existe somente versão para Mac OS. Pelo que vi é muito parecida com o Bitstream Font Navigator da Corel. Se você a conhece, sinta-se a vontade para comentar!


Fonte: i love typography

Woww no Efetividade.net

No início deste mês a equipe publicou uma série de posts intitulada Semana Tipográfica, lembram?! Com ela, além de falar de um assunto muito querido por nós, colocamos em prática alguns conselhos disponíveis no blog de um "vizinho" muito querido nosso, o Efetividade.net.

Fonte infinita de informações para produtividade pessoal, truques para o dia-a-dia, técnicas de SEO e etc, é um blog onde cada texto lido é um trunfo que irá servir para sua carreira e vida.

Alguns que estão lendo este texto agora, devem ter nos conhecido pelo post Semana da Tipografia, que o Augusto Campos colocou no ar esta quarta-feira, em meio a sua mudança. Aos leitores que nos conhecem a mais tempo, deixamos uma mostra do belo presente dado pelo Efetividade ao Woww e o convite a uma visita lá.

Woww no Efetividade.net

TypeArt: arte feita com tipografia

Semana Tipográfica - Selo Horizontal
Para encerrar a Semana Tipográfica, trarei uma coletânea de trabalhos artísticos criados com tipografia, como aquele da Grase colocado no post de lançamento do logotipo do Woww. Depois que nossa designer falou tudo sobre El Filete Porteño de Buenos Aires, me inspirei para trazer mais arte tipográfica para o encerramento desta série de posts. Vejam!
  • Typographic Ilustration: A série inicial é composta de 6 trabalhos, cada um utilizando uma fonte formando belas animações flash. Ao fundo, trilhas sonoras bastante coerentes com o tema das peças. Vale a pena dar uma olhada nos outros quatro trabalhos da segunda série.
helvetica
Helvetica / Nirvana

big copy
Baskerville Old Face / Notorious B.I.G.

bush
Times New Roman / Led Zeppelin

bod_dylan
Garamond / Bob Dylan

darthbold2
darthbold3
Print

miss_bodoni
miss_gil
miss_franklin_gothic
miss_meta

  • Twenty-Six Types of Animals: a tese de mestrado do designer Jeremy Head trás 26 tipos que lembram animais. Segundo o autor, ele quer desmistificar a palavra tipografia relacionando ela com algo familiar as pessoas: animais.
zebra
cobra
rabbit

  • Fire in the Hole: um alfabeto contendo 26 caracteres feitos com soldadinhos de plástico derretidos.
fire_in_the_hole_all

Para finalizar vou colocar os trabalhos de typeart feitos pela equipe no segundo semestre da faculdade. Fiz a figura "Bitter Sweet Symphony" construindo cada uma das três palavra que formam o título da música com trechos de sua letra. Coloquei características das palavras amargo, doce e sinfonia nas cores e fontes usadas. O Travolta do Id e a Guitarra da Grase deixarei para eles comentarem no [Update] do post.
bittersweet22_original
Jhon Travolta
pictogramas
Conhece algum trabalho feito com type art?! Comente!

Espacejamento, Entrelinhamento e Alinhamento

Semana Tipográfica - Selo Horizontal
Quando em uma de nossas reuniões para traçar metas para o blog incluímos o projeto da Semana Tipográfica, ficou sob minha responsabilidade (por livre e expontânea pressão!) escrever sobre espacejamento, entrelinhamento e afins. Pensei eu que era mamão com açúcar redigir sobre algo que se gosta. Ledo engano quando o tema é uma das principais ferramentas de trabalho.

Tomando por base Pensar com Tipos, de Ellen Lupton e Elementos do Estilo Tipográfico, de Robert Bringhurst, excelentes livros que recomendo, reestudei estou reestudando o assunto e agora compatilho alguns dos tópicos indispensáveis para a análise e criação de uma peça.

De nada adianta um belo texto, escrito na mais culta das formas se nele encontram-se falhas no que diz respeito à Tipografia e, em consequência, na legibilidade. Um texto possui em sua mancha gráfica tanto os grafismos compostos pelas letras e pontuação, quanto os espaços em branco, que recebem igual importância no quesito legibilidade. Essa área negativa vai responder quanto um texto é agradável de se ler e quão bem foi composto.

As palavras, no âmbito da linguagem falada, recebem característica de texto fluido, sem pausas, diferente do que está no papel, onde aparecem inclusive sinais de pontuação. Tais espaços são fatores cruciais para legibilidade e harmonia visual.

O Espacejamento surgiu com o alfabeto grego onde houve a necessidade de tornar as palavras unidades distintas e inteligíveis. Experimentelersequeressalinhasemespacejamentoepercebasuaimportância. A partir disso, a tipografia tornou o texto algo material com dimensões conhecidas e localizações fixas.

Pode-se falar em Espaçamento de uma forma geral, mas o termo Espacejamento é nomenclatura exclusiva do assunto Tipografia. O termo trata do espaço global entre as letras.

Dentro disso também está o Kerning, fator responsável pela adição ou remoção de espaço entre pares de caracteres específicos. O espacejamento das letras L, T, V, W, Y em conjunto com a letra sucessora na palavra podem causar ruído se o Kerning não receber devida atenção.

Espacejamento
A Entrelinha ou leading recebe esse nome em referência às tiras de chumbo (lead) usadas para separar quando ainda se usavam tipos de metal. O Entrelinhamento padrão que mais encontramos é um pouco maior que a altura da versal do tipo, por volta de 120%.

Uma dica que torna o texto agradável é expandir a entrelinha-padrão, tornando mais leve. Mas cuidado com o exagero: distanciar demais uma linha da outra pode criar elementos lineares e visualmente distintos.

Alinhamento à Esquerda e Entrelinhamento 120%
Outro elemento diretamente ligado à legibilidade é o Alinhamento. Ele cuida da disposição das palavras e frases dentro de colunas. Pode ser justificado, à esquerda, à direita e centralizado. Cada qual traz benefícios únicos se bem empregados, mas também prejuízos em potencial ao design da página ou da tela se utilizados sem controle.

O primeiro traz bordas uniformes tanto na direita quanto na esquerda, por isso é recomendado para textos longos como em jornais ou livros. O cuidado a ser tomado nesse caso é a largura das colunas. Pode produzir vazios quando o comprimento da linha é muito curto em relação ao tamanho do tipo. A hifenização das palavras é um recurso que mantém os espaços sem denegrir a textura produzida pelo texto.

Alinhamento Justificado
O alinhamento à esquerda é utilizado quando o objetivo é respeitar o fluxo da linguagem fazendo com que o olho percorra a linha até o final, mesmo que irregular, e retorne ao início da próxima onde a margem é fixa. É mau porque pode criar figuras irregulares ao longo da margem direita, causando desconforto visual.

Alinhamento à Esquerda
Já o alinhamento à direita traz um grave problema por possuir sua margem esquerda irregular forçando o usuário procurar uma nova posição a cada nova linha de leitura iniciada. Cumpre muito bem sua função quando empregado em barras laterais, citações e outras passagens que comentem um texto principal.

Alinhamento à Direita
Por último, o alinhamento centralizado é conhecido por aparecer em títulos, convites de casamento, certificados e até mesmo em epitáfios. É interessante limitá-lo a esses usos.

Alinhamento Centralizado
Ainda dentro do alinhamento podemos incluir o alinhamento vertical, terror de alguns designers quando relacionado ao quesito ergonomia, e fator estético diferencial para outros. Não há uma regra que determine que a leitura seja de cima para baixo ou vice-versa, apesar das lombadas de livros desenvolvidas nos Estados Unidos, principalmente, sejam feitas de cima para baixo. Pode-se usar ambas direções em conjunto também.

Alinhamento Vertical
Com base nesses conceitos é sempre interessante ter um projeto tipográfico antes de iniciar a redação de uma obra. Já diz Bringhurst em seu livro: "Leia o texto antes de fazer seu projeto visual". A tipografia e suas "leis" estão aqui para contribuir com o projeto e, se bem estudadas e empregadas, tornam-se um diferencial em detrimento aos demais.

Font Conference: a conferência das fontes

Semana Tipográfica - Selo Horizontal
O pessoal do College Humor lançou mês passado um vídeo bastante oportuno para a semana tipográfica. Font Conference trata do encontro de um grupo de fontes chefiado por nada menos que Times New Roman. O objetivo era decidir se Dingbats merecia um convite para fazer parte da dita cúpula. Arial Narrow, Arial Black, French Script, Rage Italic, Futura e demais fontes tradicionais são personificadas por pessoas que traduzem suas características através do comportamento e aparência.

Assista ao vídeo abaixo:

Não tenho dúvida que na próxima vez que você encontrar a Futura na sua lista de fontes irá associá-la àquela japonesa futurista ou mesmo a Arial Black ao coitado do companheiro de quarto do intolerante Arial Narrow. O que falar da Wingdings e sua memorável fala: "Mailbox! Mailbox! Airplane! Open Mailbox!". O inesperado mesmo foi Comic Sans salvar "o mundo"! Quem conhece a história desta fonte sabe que ela tem sua importância.

Dois nomes não são exibidos no vídeo:
Ransom (sequestrador da Courier): diga se não é a cara da fonte aqui embaixo.

ransom
???? Curlz MT(sequestrada com Courier): você identificou ela?! Conta pra nós!
curlzmt
[Update] 30.09.08

Muito obrigado Marcelo Andrade Torres, identificou a famigerada fonte sequestrada com a Courier. Como a moça de vestido rosa e cachos loiros, a Curlz MT é característica pelos seus caracóis.

Como escolher a fonte certa

Semana Tipográfica - Selo Horizontal
A semana tipográfica não teria sentido se ao menos não tentássemos responder a esta questão. Depois que postei aquela sopa de letrinhas quarta-feira, pensei em escrever algo que pudesse ajudar a por em prática aqueles conhecimentos anatômicos das fontes na hora de decidir qual tipo selecionar. Foi então que lembrei de um artigo antigo que havia guardado em meus favoritos com dicas de como selecionar uma fonte pelos seus detalhes gráficos.

O artigo 15 tips to choose a good text type cita e exemplifica cuidados que devem ser tomados ao escolher uma fonte. Os exemplos são bastante coerentes e fáceis de enxergar. Tentei recriar as belas comparações feitas pelo autor do post, o designer chileno Juan Pablo de Gregorio, mas acabei ficando com os mesmos do texto original.

Das 15 dicas deste artigo selecionei 11 que considerei infalíveis para escolha da fonte certa (utilize o artigo Anatomia das Fontes para tirar possíveis dúvidas):
  • O Peso de uma fonte é medido pela relação entre as letras de um texto e a luz(brilho) da página em que ele está disposto. Ao usar a versão light de uma fonte em um texto longo e denso, sua leitura pode se tornar cansativa. Veja a diferença entre o primeiro e o segundo "h" da figura abaixo. Um texto que utiliza uma fonte de peso igual ao do segundo "h" certamente será menos entediante do que um escrito com uma de peso similar ao do primeiro exemplo.
peso
  • O Contraste de uma fonte trata das diferenças entre os traços verticais e horizontais, ou entre as partes pequenas e finas de uma letra. Bodoni é um bom exemplo de fonte com alto contraste. Quando tentamos ler a fotocópia da fotocópia de um texto que a utiliza, provavelmente sua legibilidade será prejudicada aparecendo apenas traços verticais. Boa alternativa para materiais onde cópias não são autorizadas. Perceba abaixo como as hastes do primeiro "n" são muito largas em comparação com a sua abertura externa.
contraste
  • O eixo em que a fonte foi desenhada pode afetar sua leitura. Traços verticais prevalecem em um texto escrito, se o eixo da fonte for diagonal o olho terá problemas em seguir a linha do texto. Fontes com mais de um eixo fazem com que a linha do texto pareça estar dançando no papel dificultando a leitura. Fontes com eixo ortogonal não dançam.
eixo
  • A área entre a linha base e a altura-x da fonte contém a maior parte da informação legível. É uma área bastante importante no momento da leitura. Fontes com ascendentes menores possuem uma altura-x maior tendo assim melhor legibilidade, como a Times New Roman no segundo exemplo. O primeiro é a Mr Eaves de ascendente "avantajado".
altura-x
  • Ao utilizar uma fonte com tamanho grande, por exemplo em um cartaz, tudo é ampliado. Os pequenos detalhes das fontes tornam-se evidentes, bem como as falhas. Antes de imprimir 1.500 cópias daquele cartaz é importante avaliar o resultado das ampliações em uma prova. Veja como o primeiro "S" parece ter sido moldado com um facão e o segundo com um laser preciso. Em tamanho menor ambos seriam idênticos e sem problemas. No tamanho abaixo, o primeiro arruinaria seu trabalho.
defeitos
  • Um bloco de texto a uma certa distância se parece com uma textura. Esta textura deve ser uniforme sem letras menores ou pontos que atraiam a atenção. Um teste como este pode revelar problemas de legibilidade imperceptíveis a primeira vista mas que distraem o leitor tornando a leitura cansativa.
textura
  • Em várias fontes, suas aberturas são tão curtas a ponto de causar confusão entre "o" e o "c". O terceiro "c" é um caso crítico de ângulo de abertura fechado. Em alguns casos vale a pena investir em outra fonte.
abertura
  • Um desenho mais acurado da abertura externa de uma fonte resulta numa melhor compreensão do texto. Por exemplo a letra "m" e as letras "rn" (até mesmo neste texto) podem ser confundidas. No meu caso, usuário de óculos a algum tempo, sinto dificuldade em alguns livros que abusam na redução do tamanho de fontes com esta característica.
m-rn
  • Selecionar uma fonte no meio daquele balaio, cheio e desorganizado que você tem no seu computador não é tarefa fácil. O que irrita mesmo é, após encontrar a fonte perfeita, perceber que ela não possui acentos ou algum outro caractere que você quer utilizar. Antes de chegar ao final de um projeto e perceber isso, é importante fazer um teste com todos os caracteres da fonte. Acentuação é artigo de luxo em fontes free.
fonte-incompleta
  • Se você partir para o uso de uma família completa, verifique se ela está completa mesmo e se suas variações, como itálico, não possui problemas de legibilidade. Algumas famílias podem esconder problemas que as vezes aparecem na pior hora.
família
  • Use sempre fontes com espaçamento e métrica corretos. Se você começar a utilizar uma fonte e perceber que o kerning dela está literalmente "bixado" não insista. O trabalho para tentar fazê-la funcionar direito é imenso, desista logo e procure outra fonte.
kerning
Confesso que não é tarefa fácil domar todos estes detalhes na hora de decidir qual das fontes utilizar. Tenho certeza que se você nunca tinha prestado a atenção nestas observações agora vai olhar para o um "c", "r","n" e "s" com olhos mais técnico.

Agora espero alguma sugestão sua: qual cuidado você toma na hora de definir a fonte de um projeto?!

Créditos ao excelente artigo 15 tips to choose a good text type.