15 - escolha de tipos

125
Escolhendo tipos Comunicação Visual segunda-feira, 21 de janeiro de 13

description

Aula sobre escolha e combinação de tipos

Transcript of 15 - escolha de tipos

Page 1: 15 - escolha de tipos

Escolhendo tiposComunicação Visual

segunda-feira, 21 de janeiro de 13

Page 2: 15 - escolha de tipos

Existe receita de bolo?

segunda-feira, 21 de janeiro de 13

Page 3: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 4: 15 - escolha de tipos

Fique atento a qualquer forma de adquirir repertório visual. 

segunda-feira, 21 de janeiro de 13

Page 5: 15 - escolha de tipos

Ainda assim, existe uma regra de ouro

segunda-feira, 21 de janeiro de 13

Page 6: 15 - escolha de tipos

1Faça uma lista de tipos “familiares” que você confia e sabe que funcionará bem em uma variedade de projetos.

segunda-feira, 21 de janeiro de 13

Page 7: 15 - escolha de tipos

Começamos com a vontade de criar algo como se tivéssemos a responsabilidade de mudar o mundo, mudar as regras. Calma!

segunda-feira, 21 de janeiro de 13

Page 8: 15 - escolha de tipos

Bolo é feito com os mesmos ingredientes. O que muda é a forma como eles são usados. 

segunda-feira, 21 de janeiro de 13

Page 9: 15 - escolha de tipos

Não tem projeto anterior? Ganhe repertório!

segunda-feira, 21 de janeiro de 13

Page 10: 15 - escolha de tipos

Exemplos de fontes “confiáveis”:

segunda-feira, 21 de janeiro de 13

Page 11: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 12: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 13: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 14: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 15: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 16: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 17: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 18: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 19: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 20: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 21: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 22: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 23: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 24: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 25: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 26: 15 - escolha de tipos

Uma simples busca pela origem de uma família pode trazer boas respostas.

Tente uma busca em sites como Tipografos.Net ou na própria Wikipédia.

Já é um bom começo.

segunda-feira, 21 de janeiro de 13

Page 27: 15 - escolha de tipos

2Faça uma lista de tipos “não-familiares” que podem atender a objetivos específicos de determinados projetos.

segunda-feira, 21 de janeiro de 13

Page 28: 15 - escolha de tipos

Essa é a parte mais trabalhosa mas, ao mesmo tempo, pode ser a mais agradável e divertida.

segunda-feira, 21 de janeiro de 13

Page 29: 15 - escolha de tipos

A técnica parece com outras como a de seleção de fotos ou cores; você deve entender as necessidades do projeto e, a partir daí, escolher tipos que podem atender a essas necessidades.

segunda-feira, 21 de janeiro de 13

Page 30: 15 - escolha de tipos

Nada de buscas aleatórias! Em um projeto isso é perda de tempo!

segunda-feira, 21 de janeiro de 13

Page 31: 15 - escolha de tipos

Sites para referência e busca de boas fontes:

segunda-feira, 21 de janeiro de 13

Page 32: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 33: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 34: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 35: 15 - escolha de tipos

Nesses sites vocês podem encontrar exemplos como esses:

segunda-feira, 21 de janeiro de 13

Page 36: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 37: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 38: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 39: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 40: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 41: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 42: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 43: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 44: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 45: 15 - escolha de tipos

3Teste cada tipo em tamanhos grandes e pequenos.

segunda-feira, 21 de janeiro de 13

Page 46: 15 - escolha de tipos

Uma fonte pode funcionar muito bem para tamanhos grandes, mas não para textos pequenos e vice-versa.

segunda-feira, 21 de janeiro de 13

Page 47: 15 - escolha de tipos

Vejamos como se comportam algumas das fontes que falamos aqui:

segunda-feira, 21 de janeiro de 13

Page 48: 15 - escolha de tipos

Adobe Garamond Regular

segunda-feira, 21 de janeiro de 13

Page 49: 15 - escolha de tipos

Adobe Garamond Regular

segunda-feira, 21 de janeiro de 13

Page 50: 15 - escolha de tipos

Frutiger Roman

segunda-feira, 21 de janeiro de 13

Page 51: 15 - escolha de tipos

Frutiger Roman

segunda-feira, 21 de janeiro de 13

Page 52: 15 - escolha de tipos

ITC Edwardian Script Std

segunda-feira, 21 de janeiro de 13

Page 53: 15 - escolha de tipos

ITC Edwardian Script Std

segunda-feira, 21 de janeiro de 13

Page 58: 15 - escolha de tipos

4Teste em Caixa Alta e em Caixa Baixa

segunda-feira, 21 de janeiro de 13

Page 59: 15 - escolha de tipos

Esse é um teste simples mas muito importante para determinar a fonte. Algumas podem não funcionar em maiúsculas, por exemplo.

segunda-feira, 21 de janeiro de 13

Page 60: 15 - escolha de tipos

Não esqueça de observar numerações, caracteres especiais e acentuados.

segunda-feira, 21 de janeiro de 13

Page 61: 15 - escolha de tipos

No exemplo a seguir, temos uma fonte interessante, mas com sérios problemas por falta de glifos.

segunda-feira, 21 de janeiro de 13

Page 62: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 63: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 64: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 65: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 66: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 67: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 68: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 69: 15 - escolha de tipos

É extremamente importante que, antes de começar, você observe o tipo por completo, verificando acentos e também as variações da família.

segunda-feira, 21 de janeiro de 13

Page 70: 15 - escolha de tipos

Agora, vejamos um bom exemplo de uma família completa e com todos os seus caracteres:

segunda-feira, 21 de janeiro de 13

Page 71: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 72: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 73: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 74: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 75: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 76: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 77: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 78: 15 - escolha de tipos

5Saiba colocar um ponto final da sua busca

segunda-feira, 21 de janeiro de 13

Page 79: 15 - escolha de tipos

Se ainda sobrar alguma dúvida, tente utilizar um testador de fontes:

segunda-feira, 21 de janeiro de 13

Page 80: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 81: 15 - escolha de tipos

Ao final do processo, você deverá acabar com uma planilha de demonstração de tipos.

segunda-feira, 21 de janeiro de 13

Page 82: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 83: 15 - escolha de tipos

Tá bom de teste, não é?

segunda-feira, 21 de janeiro de 13

Page 84: 15 - escolha de tipos

Saber parar é tomar a decisão de escolher uma fonte é um passo produtivo no projeto.

segunda-feira, 21 de janeiro de 13

Page 85: 15 - escolha de tipos

Então eu uso só uma fonte no projeto?

segunda-feira, 21 de janeiro de 13

Page 86: 15 - escolha de tipos

Depende. Em alguns casos, uma família tipográfica pode ser útil para todo um projeto. Em outros, será necessário utilizar mais de uma fonte ou família.

segunda-feira, 21 de janeiro de 13

Page 87: 15 - escolha de tipos

Combinando fontes

segunda-feira, 21 de janeiro de 13

Page 88: 15 - escolha de tipos

Da mesma forma que não existia uma receita de bolo para escolher uma fonte, não existe uma para combinar famílias.

segunda-feira, 21 de janeiro de 13

Page 89: 15 - escolha de tipos

O que existem são algumas regras de boas práticas. Vamos a elas:

segunda-feira, 21 de janeiro de 13

Page 90: 15 - escolha de tipos

1Combine Serif com Sans-Serif

segunda-feira, 21 de janeiro de 13

Page 91: 15 - escolha de tipos

Sans-serif no título e Serif no corpo do texto: esta é uma das combinações mais comuns e quase nunca dará errado.

segunda-feira, 21 de janeiro de 13

Page 92: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 93: 15 - escolha de tipos

2Crie contraste

segunda-feira, 21 de janeiro de 13

Page 94: 15 - escolha de tipos

Um erro muito comum é a falta de diferenciação entre as partes do texto prejudicando a hierarquia.

segunda-feira, 21 de janeiro de 13

Page 95: 15 - escolha de tipos

As partes mais importantes, como o título, tem que ter um destaque maior que o restante do texto.

segunda-feira, 21 de janeiro de 13

Page 96: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 97: 15 - escolha de tipos

3Crie uma variedade de cores tipográficas

segunda-feira, 21 de janeiro de 13

Page 98: 15 - escolha de tipos

Não! Não estamos dizendo para deixar seu texto todo colorido.

segunda-feira, 21 de janeiro de 13

Page 99: 15 - escolha de tipos

Cor tipográfica é o efeito criado pelas variações de tamanho, peso, leading, kerning…

segunda-feira, 21 de janeiro de 13

Page 100: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 101: 15 - escolha de tipos

4Contraste distinto com neutro

segunda-feira, 21 de janeiro de 13

Page 102: 15 - escolha de tipos

Duas fontes com muitas personalidades podem criar um conflito.

segunda-feira, 21 de janeiro de 13

Page 103: 15 - escolha de tipos

A dica é balancear a personalidade das fontes, utilizando uma com mais personalidade e uma mais neutra.

segunda-feira, 21 de janeiro de 13

Page 104: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 105: 15 - escolha de tipos

5Use diferentes tamanhos de fonte

segunda-feira, 21 de janeiro de 13

Page 106: 15 - escolha de tipos

Varie o tamanho das fontes para separar os blocos do seu texto.

segunda-feira, 21 de janeiro de 13

Page 107: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 108: 15 - escolha de tipos

6Simplifique - Tente usar duas fontes

segunda-feira, 21 de janeiro de 13

Page 109: 15 - escolha de tipos

Nada de complicar, as vezes a escolha de duas boas fontes é o suficiente.

segunda-feira, 21 de janeiro de 13

Page 110: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 111: 15 - escolha de tipos

7Evite classificações semelhantes

segunda-feira, 21 de janeiro de 13

Page 112: 15 - escolha de tipos

Fontes de mesma classificação, mas de famílias tipográficas diferentes, normalmente não funcionam bem quando combinados.

segunda-feira, 21 de janeiro de 13

Page 113: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 114: 15 - escolha de tipos

8Não misture “moods”

segunda-feira, 21 de janeiro de 13

Page 115: 15 - escolha de tipos

Um erro tipográfico muitas vezes negligenciado é não reconhecer o “mood” inerente de um tipo.

segunda-feira, 21 de janeiro de 13

Page 116: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 117: 15 - escolha de tipos

9Evite combinações demasiadamente díspares

segunda-feira, 21 de janeiro de 13

Page 118: 15 - escolha de tipos

Quando muito contraste é criado em determinadas configurações, podemos criar um desequilíbrio visual que trabalha contra o projeto.

segunda-feira, 21 de janeiro de 13

Page 119: 15 - escolha de tipos

segunda-feira, 21 de janeiro de 13

Page 120: 15 - escolha de tipos

O fato de que não há regras rígidas e rápidas para combinar tipos pode tornar o processo demorado e até cansativo.

segunda-feira, 21 de janeiro de 13

Page 121: 15 - escolha de tipos

Entretanto é bom ter um prático conjunto de princípios, bem como uma compreensão das situações tipográficas para um resultado tipográfico agradável.

segunda-feira, 21 de janeiro de 13

Page 122: 15 - escolha de tipos

Referências

segunda-feira, 21 de janeiro de 13

Page 124: 15 - escolha de tipos

Smashing Magazine - Best Practices of Combining Typefaces

Webdesigner Depot - Eight Ways to Combine Typefaces

Ina Saltz - Design e Tipografia. 100 fundamentos do Design com Tipos

Robert Bringhurst - Elementos do Estilo Tipográfico

Kathryn Riley & Jo Mackiewicz - Visual Composing

segunda-feira, 21 de janeiro de 13

Page 125: 15 - escolha de tipos

Escolhendo [email protected]

segunda-feira, 21 de janeiro de 13