tipografia tipologia e leandro müller. gutemberg (1455)
TRANSCRIPT
![Page 1: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/1.jpg)
TipografiaTipologia e
Leandro Müller
![Page 2: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/2.jpg)
Gutemberg (1455)
![Page 3: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/3.jpg)
Tipologia ou Tipografia?
![Page 4: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/4.jpg)
• Tipografia: impressão dos tipos.
• Tipologia: formação dos tipos.
![Page 5: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/5.jpg)
Tipo oufonte tipográfica
![Page 6: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/6.jpg)
• Letras do alfabeto: CAIXA ALTA e caixa baixa
• Números• Símbolos• Pontuação
Padrão, variedade ou coleção de caracteres tipográficos com o mesmo desenho ou atributos
![Page 7: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/7.jpg)
Anatomia do Tipo
![Page 8: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/8.jpg)
![Page 9: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/9.jpg)
Família de tipos:algumas classificações
ou Breve história moderna da classificação dos tipos
![Page 10: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/10.jpg)
Francis Thibaudeau (1921)
![Page 11: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/11.jpg)
Maximilien Vox (1954)
![Page 12: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/12.jpg)
Ruari McLean
Divisão do grupo Linéale
![Page 13: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/13.jpg)
Aldo Novarese
![Page 14: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/14.jpg)
Giuseppe Peliteri (1958)
![Page 15: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/15.jpg)
“Os classificadores de coisas, que são aqueles homens de ciência cuja ciência é só classificar, ignoram, em geral, que o classificável é infinito e portanto se não pode classificar.”
BERNARDO SOARES
![Page 16: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/16.jpg)
Variações nasfamílias de tipos
![Page 17: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/17.jpg)
• light• normal, regular ou redondo• italic, narrow ou itálico• bold ou negrito • heavy• expandida / condensada• etc.
![Page 18: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/18.jpg)
Essência das variações
• Espessura• Inclinação• Branco interno• Corpo• Comprimento das linhas
![Page 19: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/19.jpg)
Classificação com relação às serifas
![Page 20: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/20.jpg)
• Sem serifa (Futura)
• Semi-serifa (Libre Semi Serif)
• Com serifa: – Triangular (Baskerville) – Quadrada (Lubalin)– Linear (Courier New)
![Page 21: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/21.jpg)
![Page 22: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/22.jpg)
Padrões de fonte (fontes digitais)
![Page 23: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/23.jpg)
A principal diferença entre elas é o número de nós gerados por graus quando convertidas em curvas.
• True Type (Apple/Microsoft, extensão .TTF): nó a cada 45 graus (apropriada para web)
• Postscript Type 1 (Adobe, extensão .PFB, .PFM): nó a cada 90 graus (apropriada para impressão)
• Open Type (Microsoft/Adobe, extensão .OTF, .TTF, .TTC)
![Page 24: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/24.jpg)
Categoria de fontespor funcionalidade
![Page 25: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/25.jpg)
• Romana antiga e Romana moderna (textos contínuos e/ou longos)
• Egipiciana (roteiros)
• Sem serifa, bastão ou lapidária (textos curtos e títulos)
• Cursiva ou manuscrita (recurso de design)
• Fantasia (recurso de desing)
![Page 26: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/26.jpg)
![Page 27: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/27.jpg)
![Page 28: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/28.jpg)
![Page 29: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/29.jpg)
![Page 30: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/30.jpg)
![Page 31: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/31.jpg)
Tipo e design
![Page 32: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/32.jpg)
Legibilidade eLeiturabilidade
![Page 33: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/33.jpg)
Contraste
![Page 34: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/34.jpg)
Repetição
![Page 35: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/35.jpg)
Entreletra ou kerning
![Page 36: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/36.jpg)
Entrelinha ou leading
• Mínima = ao corpo
• Ideal = 120% do corpo
![Page 37: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/37.jpg)
Corpo• 8 pontos: mínimo aceitável para leitura
(usado em legendas)• 9 pontos: melhor para colunas estreitas• 10 e 11 pontos: ideais para leitura,
abrigam mais palavras em uma linha• 12 pontos: mais legível para linhas longas• 13 pontos ou mais: títulos, idosos, crianças
![Page 38: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/38.jpg)
Alinhamento• esquerda• direita• centralizado• justificado• assimétrico
![Page 39: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/39.jpg)
Utilizaçãodos tipos
![Page 40: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/40.jpg)
• Para uma legibilidade máxima, escolha tipos clássicos e testados ao longo do tempo, com um cadastro comprovado.
![Page 41: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/41.jpg)
• Um texto composto somente em caixa-alta atrasa muito a leitura. Utilize caixa-alta e baixa para obter a melhor leiturabilidade possível.
![Page 42: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/42.jpg)
• Tenha o bom senso de não utilizar muitos tipos diferentes ao mesmo tempo.
![Page 43: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/43.jpg)
• Evite utilizar tamanhos variados e pesos diferentes de tipos ao mesmo tempo.
![Page 44: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/44.jpg)
• Evite combinar tipos que têm um aspecto muito semelhante.
![Page 45: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/45.jpg)
• Realce os elementos no texto com descrição e sem perturbar o fluxo da leitura.
![Page 46: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/46.jpg)
• Para tipos de texto, utilize corpos que, de acordo com estudos de legibilidade e leiturabilidade, são os mais indicados.
![Page 47: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/47.jpg)
• Dê preferência à variante regular ou medium dos tipos de texto. Evite tipos com um aspecto muito pesado ou muito leve.
![Page 48: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/48.jpg)
• Utilize tipos de largura média. Evite tipos que pareçam extremamente largos ou estreitos.
![Page 49: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/49.jpg)
• Mantenha sempre a integridade do tipo. Evite alongar ou comprimir arbitrariamente as letras.
![Page 50: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/50.jpg)
• Evite os tipos adornados.
![Page 51: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/51.jpg)
• Utilize um espaçamento consistente entre letras e palavras de modo a conseguir uma textura sem interrupções.
![Page 52: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/52.jpg)
• Para tipo de texto, utilize um espaçamento entre linhas (entrelinha) que transporte facilmente os olhos do leitor de uma linha para a outra.
![Page 53: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/53.jpg)
• Utilize comprimentos de linha adequados. As linhas muito curtas ou compridas prejudicam o processo de leitura.
![Page 54: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/54.jpg)
• Ao trabalhar com tipo e cor, certifique-se de que há um contraste suficiente entre o caractere e o fundo.
![Page 55: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/55.jpg)
• Tipo claro sobre fundo escuro parece ligeiramente menor que o inverso.
![Page 56: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/56.jpg)
• Quanto mais simples for o desenho de uma fonte, mais legível ela será.
![Page 57: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/57.jpg)
• Para saber se uma letra é bem desenhada, analise-a em caixa-baixa.
(cobrindo-se 1/3 inferior é possível perceber sua legibilidade)
![Page 58: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/58.jpg)
• Letras pequenas demais tornam a leitura cansativa. Por outro lado, as letras exageradamente grande provocam certo mal-estar.
![Page 59: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/59.jpg)
• Fontes sem serifa parecem maiores. Ideais para corpos pequenos.
![Page 60: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/60.jpg)
• Textos serifados, em corpo pequeno ou sobre ilustrações são difíceis de visualizar.
![Page 61: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/61.jpg)
• Quanto mais inclinada for uma fonte, menor será sua legibilidade.
![Page 62: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/62.jpg)
• Espaços brancos excessivos colocados entre as linhas diminuem o impacto do texto, que deve funcionar como uma unidade visual.
![Page 63: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/63.jpg)
Mais importante de todos:
• Experiências de psicólogos da Gestalt confirmaram que a disposição e o arranjo das palavras são mais importantes para leiturabilidade tipográfica do que a forma e as características individuais das letras.
![Page 64: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/64.jpg)
Dicas de sitese bibliografia
![Page 65: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/65.jpg)
• Typographunnieshttp://type.salsen.comPiadas sobre tipografia.
• Deep Font Chalengehttp://www.deep.co.uk/games/font_gameUm jogo em flash relacionado com tipografia, no qual você deve atirar nas fontes indicadas.
Variedades
![Page 66: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/66.jpg)
• Tipógrafoshttp://tipografos.netSite de variedades sobre tipografia.
• Identifonthttp://www.identifont.comSite para identificação de fontes pela aparência, nome, similaridade, figura ou designer/publisher.
![Page 67: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/67.jpg)
Download de fontes
• Font Yüklehttp://www.fontyukle.net
![Page 68: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/68.jpg)
Criação de fontes• YourFonts http://www.yourfonts.com
• FontCreator http://www.high-logic.com/font-editor/fontcreator.html
• Font Struct http://fontstruct.com
• Corel
![Page 69: Tipografia Tipologia e Leandro Müller. Gutemberg (1455)](https://reader035.vdocuments.site/reader035/viewer/2022062418/552fc160497959413d8e94a8/html5/thumbnails/69.jpg)
Bibliografia recomendada• BRINGHURST, Robert. Elementos do estilo tipográfico
(versão3.0). São Paulo: Cosac Naify, 2005.• LUPTON, Ellen. Pensar com tipos. São Paulo: Cosac Naify, 2006.• MANGUEL, Alberto. Uma historia da leitura. São Paulo:
Companhia das Letras, 1997.• MÜLLER, Leandro. Como editar seu próprio livro: um manual
básico para quem quer publicar ou ser publicado. Rio de Janeiro: Prestígio, 2011.
Para consulta• GODFREY, Jason. BiblioGráfico - 100 Livros Clássicos Sobre
Design. São Paulo: Cosac Naify, 2009.