SlideShare uma empresa Scribd logo
1 de 31
Composição e Projeto
VISUAL
Tipograf
ia
ª.Verg
ne
TIPOGRAFIA: DEFINIÇÃO 1
Tipografia compreende o desenho e a produção de letras e a
sua adequada distribuição e espaçamento sobre uma
superfície para transmitir informação e facilitar a
compreensão.
TIPOGRAFIA: DEFINIÇÃO 2
A tipografia (do grego typos — "forma" — e graphein — "escrita") é
a arte e o processo de criação na composição de um texto, física ou
digitalmente. Assim como no design gráfico em geral, o objetivo principal
da tipografia é dar ordem estrutural e forma à comunicação impressa
TIPOGRAFIA: Visão Geral
Na maioria dos casos, uma composição tipográfica deve ser especialmente
legível e visualmente envolvente, sem desconsiderar o contexto em que é lido e os
objetivos da sua publicação.
Em trabalhos de design gráfico experimental (ou de vanguarda-atuais) os
objetivos formais extrapolam a funcionalidade do texto, portanto questões como
legibilidade, nesses casos, podem acabar sendo relativas.
No uso da tipografia o interesse visual é realizado através da escolha adequada
de fontes tipográficas, composição (ou layout) de texto, a sensibilidade para o tom
do texto e a relação entre texto e os elementos gráficos na página. Todos esses fatores
são combinados para que o layout final tenha uma “atmosfera” ou ambiente
apropriado ao conteúdo abordado
Por muito tempo o trabalho com a tipografia, como atividade projetual e industrial
gráfica, era limitado aos tipógrafos (técnicos ou designers especializados), mas com o
advento da computação gráfica a tipografia ficou disponível para designers gráficos em
geral e leigos.
Hoje qualquer um pode escolher uma fonte (tipo de letra) e compor um texto
simples em um processador de texto. Mas essa democratização tem um preço, pois a
falta de conhecimento e formação adequada criou uma proliferação de textos mal
Diagramados e fontes tipográficas mal desenhadas.
Talvez os melhores exemplos desse fenômeno possam ser encontrados na internet.
Prensa mecânica em uso,
xilogravura*, 1568
Mesmo com o advento dos
Computadores e da edição eletrônica
de texto, a tipografia permanece viva
nas formatações,estilos e grafias.
*Xilogravura é a técnica de gravura
na qual se utiliza madeira como matriz
e possibilita a reprodução da imagem
gravada sobre papel ou outro
suporte adequado. É um processo
muito parecido com um carimbo.
É uma técnica em que se entalha
na madeira, com ajuda de instrumento
cortante, a figura ou forma (matriz) que
se pretende imprimir. Em seguida usa-se
um rolo de borracha embebecida em
tinta, tocando só as partes elevadas do
entalhe.
Xilogravuras do século XVI ilustrando a produção da xilogravura. No primeiro: ele esboça a gravura.
Segundo: ele usa um buril para cavar o bloco de madeira que receberá a tinta
SERIFA: DEFINIÇÃO
Na tipografia, as serifas são os pequenos traços e prolongamentos que
ocorrem no fim das hastes das letras. As famílias tipográficas sem serifas são
conhecidas como sans-serif (do francês "sem serifa"), também chamadas grotescas
(de francês grotesque ou do alemão grotesk). A classificação dos tipos em serifados e
não-serifados é considerado o principal sistema de diferenciação de letras.
Tipicamente, os textos serifados são usados em blocos de texto pois as serifas
tendem a guiar o olhar através do texto. O ser humano lê palavras ao invés de letras
individuais, assim as letras serifadas parecem juntar-se devido aos seus
prolongamentos, unindo as palavras. Por outro lado, os tipos sem-serifa costumam
ser usados em títulos e chamadas, pois valorizam cada palavra individualmente e
tendem a ter maior peso e presença para os olhos ("chamando a atenção"), já que
parecem mais limpos.
Tipo sem serifa
Tipo com serifa ou serifado
Serifas em vermelho
SERIFA: EXEMPLOS
Tipos serifados
Bembo
Bodoni
Caslon
DejaVu Serif
Didot
Garamond
Liberation Serif
Palatino
Times New Roman
Ex: ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
SERIFA: EXEMPLOS
Tipos sem serifa ou bastonados
Akzidenz Grotesk
Arial
Arial Black
Avantgarde
Calibri
DejaVu Sans
Franklin Gothic
Frutiger
Futura
Gill Sans
Helvetica
Impact
Liberation
Sans
MS Sans Serif
Optima
Segoe UI
Univers
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
SERIFA: EXEMPLOS- Ideia de junção da palavra
TIPOGRAFIA X TIPOLOGIA
Tipologia: processo de classificação ou estudo de um
conjunto, qualquer que seja a natureza dos elementos
que o compõem, para determinação das categorias em
que se distribuem, segundo critérios definidos.
O TIPO
Maiúsculas: ABCDEFGHIJLMNOPQRSTUVXZ
Minúsculas: abcdefghijlmnopqrstuvxz
Versaletes: caixa alta semelhante à altura-X
O TIPO
Ligaturas: minúsculas unidas, em geral, por suas ascendentes.
Acentos gráfico: ‘“é ~^à
Algarismos: 1,2,3,4,5,6,7,8,9,10. Podem ser alinhados ou não pela base.
Frações: 1/4, 1/2, 2/3
Sinais de pontuação: . : ; ? { ]
Símbolos monetários: $
Símbolos de operações matemáticas: +, =, <, >
Símbolos comerciais: &
TIPOGRAFIA: PARTES DO TIPO
TIPOGRAFIA: Exemplo de LOGOTIPO
Estudo e Analise
TIPOGRAFIA: VARIAÇÕES DO TIPO
quanto ao tamanho
quanto a forma
quanto ao peso
espessura dos traços
quanto a inclinação
quanto a largura do tipo
TIPOGRAFIA: FAMÍLIAS TIPOGRÁFICAS - CLASSIFICAÇÃO VOX/ ATYPI
1. Romanos
2. Lineares (ou sem serifa)
3. Incisos
4. Manuais
5. Manuscristos
6.Góticos
7.Não latinos
Áreas afins...
•Identidade Visual
•Sinalização
•Editorial (jornais,
revistas, livros, folders)
•Embalagem
•Internet
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação
Tipografia: definição, partes e classificação

Mais conteúdo relacionado

Semelhante a Tipografia: definição, partes e classificação

tipologiacores
tipologiacorestipologiacores
tipologiacorespedruga
 
Aula13abr2015 ortografia.introdução
Aula13abr2015 ortografia.introduçãoAula13abr2015 ortografia.introdução
Aula13abr2015 ortografia.introduçãoClaudio Menezes
 
textos de apoio_ tipografia.docx
textos de apoio_ tipografia.docxtextos de apoio_ tipografia.docx
textos de apoio_ tipografia.docxFrancisTirso
 
Aula - Direção e Finalização - Tipografia e Tipografia Digital
Aula - Direção e Finalização - Tipografia e Tipografia DigitalAula - Direção e Finalização - Tipografia e Tipografia Digital
Aula - Direção e Finalização - Tipografia e Tipografia DigitalGabriel Ferraciolli
 
Arte publicitária i princípios básicos do design e tipografia
Arte publicitária i   princípios básicos do design e tipografiaArte publicitária i   princípios básicos do design e tipografia
Arte publicitária i princípios básicos do design e tipografiaTaís Paranhos
 
A estrutura dos caracteres
A estrutura dos caracteresA estrutura dos caracteres
A estrutura dos caracteresxtessarix
 
DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxFrancisTirso
 
Apostila de desenho técnico pdf
Apostila de desenho técnico pdfApostila de desenho técnico pdf
Apostila de desenho técnico pdfEnfermare Home Care
 
1.jairo primeira aventura
1.jairo primeira aventura1.jairo primeira aventura
1.jairo primeira aventuraAline Villela
 
Apostila de desenho parte 01
Apostila de desenho parte 01Apostila de desenho parte 01
Apostila de desenho parte 01possofazermoda
 
Apostila desenho parte 1
Apostila desenho parte 1Apostila desenho parte 1
Apostila desenho parte 1arkanjomk
 

Semelhante a Tipografia: definição, partes e classificação (19)

Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
tipologiacores
tipologiacorestipologiacores
tipologiacores
 
Aula13abr2015 ortografia.introdução
Aula13abr2015 ortografia.introduçãoAula13abr2015 ortografia.introdução
Aula13abr2015 ortografia.introdução
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
textos de apoio_ tipografia.docx
textos de apoio_ tipografia.docxtextos de apoio_ tipografia.docx
textos de apoio_ tipografia.docx
 
Aula - Direção e Finalização - Tipografia e Tipografia Digital
Aula - Direção e Finalização - Tipografia e Tipografia DigitalAula - Direção e Finalização - Tipografia e Tipografia Digital
Aula - Direção e Finalização - Tipografia e Tipografia Digital
 
Corel 05
Corel 05Corel 05
Corel 05
 
Corel 05
Corel 05Corel 05
Corel 05
 
Arte publicitária i princípios básicos do design e tipografia
Arte publicitária i   princípios básicos do design e tipografiaArte publicitária i   princípios básicos do design e tipografia
Arte publicitária i princípios básicos do design e tipografia
 
A estrutura dos caracteres
A estrutura dos caracteresA estrutura dos caracteres
A estrutura dos caracteres
 
DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docx
 
Apostila de desenho técnico pdf
Apostila de desenho técnico pdfApostila de desenho técnico pdf
Apostila de desenho técnico pdf
 
Aula tipografia20121
Aula tipografia20121Aula tipografia20121
Aula tipografia20121
 
Aula03 tipografia
Aula03 tipografiaAula03 tipografia
Aula03 tipografia
 
Aula 04 linguagem visual
Aula 04   linguagem visualAula 04   linguagem visual
Aula 04 linguagem visual
 
1.jairo primeira aventura
1.jairo primeira aventura1.jairo primeira aventura
1.jairo primeira aventura
 
Apostila de desenho parte 01
Apostila de desenho parte 01Apostila de desenho parte 01
Apostila de desenho parte 01
 
Apostila desenho parte 1
Apostila desenho parte 1Apostila desenho parte 1
Apostila desenho parte 1
 

Último

Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 

Último (8)

Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 

Tipografia: definição, partes e classificação

  • 2. TIPOGRAFIA: DEFINIÇÃO 1 Tipografia compreende o desenho e a produção de letras e a sua adequada distribuição e espaçamento sobre uma superfície para transmitir informação e facilitar a compreensão.
  • 3. TIPOGRAFIA: DEFINIÇÃO 2 A tipografia (do grego typos — "forma" — e graphein — "escrita") é a arte e o processo de criação na composição de um texto, física ou digitalmente. Assim como no design gráfico em geral, o objetivo principal da tipografia é dar ordem estrutural e forma à comunicação impressa
  • 4. TIPOGRAFIA: Visão Geral Na maioria dos casos, uma composição tipográfica deve ser especialmente legível e visualmente envolvente, sem desconsiderar o contexto em que é lido e os objetivos da sua publicação. Em trabalhos de design gráfico experimental (ou de vanguarda-atuais) os objetivos formais extrapolam a funcionalidade do texto, portanto questões como legibilidade, nesses casos, podem acabar sendo relativas. No uso da tipografia o interesse visual é realizado através da escolha adequada de fontes tipográficas, composição (ou layout) de texto, a sensibilidade para o tom do texto e a relação entre texto e os elementos gráficos na página. Todos esses fatores são combinados para que o layout final tenha uma “atmosfera” ou ambiente apropriado ao conteúdo abordado Por muito tempo o trabalho com a tipografia, como atividade projetual e industrial gráfica, era limitado aos tipógrafos (técnicos ou designers especializados), mas com o advento da computação gráfica a tipografia ficou disponível para designers gráficos em geral e leigos. Hoje qualquer um pode escolher uma fonte (tipo de letra) e compor um texto simples em um processador de texto. Mas essa democratização tem um preço, pois a falta de conhecimento e formação adequada criou uma proliferação de textos mal Diagramados e fontes tipográficas mal desenhadas. Talvez os melhores exemplos desse fenômeno possam ser encontrados na internet.
  • 5. Prensa mecânica em uso, xilogravura*, 1568 Mesmo com o advento dos Computadores e da edição eletrônica de texto, a tipografia permanece viva nas formatações,estilos e grafias. *Xilogravura é a técnica de gravura na qual se utiliza madeira como matriz e possibilita a reprodução da imagem gravada sobre papel ou outro suporte adequado. É um processo muito parecido com um carimbo. É uma técnica em que se entalha na madeira, com ajuda de instrumento cortante, a figura ou forma (matriz) que se pretende imprimir. Em seguida usa-se um rolo de borracha embebecida em tinta, tocando só as partes elevadas do entalhe.
  • 6. Xilogravuras do século XVI ilustrando a produção da xilogravura. No primeiro: ele esboça a gravura. Segundo: ele usa um buril para cavar o bloco de madeira que receberá a tinta
  • 7. SERIFA: DEFINIÇÃO Na tipografia, as serifas são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês "sem serifa"), também chamadas grotescas (de francês grotesque ou do alemão grotesk). A classificação dos tipos em serifados e não-serifados é considerado o principal sistema de diferenciação de letras. Tipicamente, os textos serifados são usados em blocos de texto pois as serifas tendem a guiar o olhar através do texto. O ser humano lê palavras ao invés de letras individuais, assim as letras serifadas parecem juntar-se devido aos seus prolongamentos, unindo as palavras. Por outro lado, os tipos sem-serifa costumam ser usados em títulos e chamadas, pois valorizam cada palavra individualmente e tendem a ter maior peso e presença para os olhos ("chamando a atenção"), já que parecem mais limpos. Tipo sem serifa Tipo com serifa ou serifado Serifas em vermelho
  • 8. SERIFA: EXEMPLOS Tipos serifados Bembo Bodoni Caslon DejaVu Serif Didot Garamond Liberation Serif Palatino Times New Roman Ex: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
  • 9. SERIFA: EXEMPLOS Tipos sem serifa ou bastonados Akzidenz Grotesk Arial Arial Black Avantgarde Calibri DejaVu Sans Franklin Gothic Frutiger Futura Gill Sans Helvetica Impact Liberation Sans MS Sans Serif Optima Segoe UI Univers Verdana ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
  • 10. SERIFA: EXEMPLOS- Ideia de junção da palavra
  • 11. TIPOGRAFIA X TIPOLOGIA Tipologia: processo de classificação ou estudo de um conjunto, qualquer que seja a natureza dos elementos que o compõem, para determinação das categorias em que se distribuem, segundo critérios definidos.
  • 12. O TIPO Maiúsculas: ABCDEFGHIJLMNOPQRSTUVXZ Minúsculas: abcdefghijlmnopqrstuvxz Versaletes: caixa alta semelhante à altura-X
  • 13. O TIPO Ligaturas: minúsculas unidas, em geral, por suas ascendentes. Acentos gráfico: ‘“é ~^à Algarismos: 1,2,3,4,5,6,7,8,9,10. Podem ser alinhados ou não pela base. Frações: 1/4, 1/2, 2/3 Sinais de pontuação: . : ; ? { ] Símbolos monetários: $ Símbolos de operações matemáticas: +, =, <, > Símbolos comerciais: &
  • 15. TIPOGRAFIA: Exemplo de LOGOTIPO Estudo e Analise
  • 16. TIPOGRAFIA: VARIAÇÕES DO TIPO quanto ao tamanho quanto a forma quanto ao peso espessura dos traços quanto a inclinação quanto a largura do tipo
  • 17. TIPOGRAFIA: FAMÍLIAS TIPOGRÁFICAS - CLASSIFICAÇÃO VOX/ ATYPI 1. Romanos 2. Lineares (ou sem serifa) 3. Incisos 4. Manuais 5. Manuscristos 6.Góticos 7.Não latinos Áreas afins... •Identidade Visual •Sinalização •Editorial (jornais, revistas, livros, folders) •Embalagem •Internet