40
Tipografia Henrique Magalhães

Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

  • Upload
    vanlien

  • View
    215

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Henrique Magalhães

Page 2: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Texto

Recurso fundamental do cartaz.

Síntese da mensagem, pode prescindir da ilustração.

O texto e sua hierarquia:

Título – introdução à mensagem.

Subtítulo – complemento do título.

Texto principal - mensagem do cartaz.

Tipografia

Page 3: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Texto secundário Complemento do texto principal.

Slogan – frase de efeito.

Crédito – Identificação do produtor: Acompanha logotipo, marca ou sigla da empresa.

O texto em suas várias apresentações

Tipografia

Page 4: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Fontes

Famílias de letras e suas derivações.

Relação com o público e regras de composição.

Alfabetos ocidentais – derivados do romano clássico.

Apresentação de serifas e hastes irregulares.

Tipografia

Page 5: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

São sete os principais grupos ou famílias de letras:

Romanas – facilidade de leitura, própria para textos editoriais e publicitários.

A B C D E F

a b c d e f(Times New Roman, normal, 60)

Tipografia

Page 6: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Latinas – fontes derivadas das romanas.

A B C D E F a b c d e f(Bodoni MT, normal, 48)

A B C D E F a b c d e f(Calisto MT, normal, 44)

A B C D E F a b c d e f(Garamond, normal, 46)

Tipografia

Page 7: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Góticas – traço rebuscado, dificuldade de leitura.

A B C D E F a b c d e f(Vivaldi Italic, 40)

A B C D E F a b c d e f(Diploma Regular, normal, 40)

A B C D E F a b c d e f(Blackadder ITC, 48)

Tipografia

Page 8: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Egípcias – serifas quadradas e pesadas.

A B C D E F a b c d e f(HumstSlab712, normal, 40)

A B C D E F a b c d e f(Aachen-Ligth, normal, 48)

A B C D E F a b c d e f(Rockwell Estra Bold, 38)

Tipografia

Page 9: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Grotescas – sem serifas, usadas em mensagens comuns.

A B C D E F a b c d e f(Futura Lt BT, normal, 44)

A B C D E F a b c d e f(Arial, normal, 44)

A B C D E F a b c d e f(Humanist 521 Light BT, 44)

Tipografia

Page 10: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Inglesas – seguem o padrão da escrita manuscrita.

A B C D E F a b c d e f(English11 Vivace BT, normal, 48)

A B C D E F a b c d e f(Brush Script MT, 48)

A B C D E F a b c d e f(French Script MT, 54)

Tipografia

Page 11: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Ornamentais (ou de fantasia) – elemento decorativo, não constitui uma única família.

A B C D E F a b c d e f(Arábia, normal, 40)

A B C D E F abcdef(Bauhaus, 44)

A B C D E F a b c d e f(Comics Sans, normal, 44)

Tipografia

Page 12: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

A B C D E F a b c d e f(AtticAntique, normal, 44)

A B C D E F a b c d e f(Broad Avenue, 36)

A B C D E F a b c d e f(Chiller, 54)

A B C D E F a b c d e f(Mickey, normal, 44)

Tipografia

Page 13: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

As famílias variam conforme a época e o autor.

Novos tipos são criados de acordo com as necessidades estéticas.

A criação de um tipo exige domínio de geometria e harmonia visual.

Adequação da fonte ao estilo da capa da revista

Tipografia

Page 14: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

As fontes grotescas servem bem para títulos e mensagens publicitárias. As fontes romanas ou latinas compõem o corpo do texto.A largura da coluna determina o tamanho do corpo da fonte.

Cada publicação tem seu estilo gráfico

Tipografia

Page 15: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Um longo texto em fonte grotesca leva à monotonia

Mais raramente os títulos vêm em romana e o corpo do texto em grotesca.

Tipografia

Page 16: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Corpo – variação do tamanho da fonte medida em pontos, que podem variar de 6 a 72.

Estilo do tipo – quanto à proporção, as letras podem ser Estreitas, Médias ou Largas.

A A A A A A A A A A A A A A A A A(corpo 8,9,10,12,14,16,18,20,24,28,32,36,40,44,48

Tipografia

Page 17: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Capitular – Letra ampliada colocada no início do capítulo ou parágrafo. Em geral ocupa a altura de duas ou três linhas.

Tipografia

Page 18: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Outras possibilidade de utilização de capitular

Tipografia

Page 19: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Quanto ao estilo – a fonte pode ser Roman (ou normal), Itálico, Sublinhado, Negrito e Negrito itálico.

A A A (normal, itálico, normal sublinhado)

A A A (negrito, negrito itálico, negrito sublinhado)

Letra vazada

ABCDE ABCDE(sem serifa, melhor visibilidade)

Tipografia

Page 20: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Composição – a disposição das manchas gráficas influi na relação com imagens e cores.

Quem sabe satisfazerseus impulsos é inteli-gente; quem os domi-na é sábio.Immanuel Kant(justificado)

O exercício do silêncio é tão importante quanto a prática da palavra.William James(marginado à esquerda)

Tipografia

Page 21: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Ninguém vale nada enquanto não for amado.

Tennessee Williams(marginado à direita)

Se queres ser universal, começa por

pintar a tua aldeia.Liev Tolstói

(centralizado)

Nem sempreo que vem depois

é progresso.Alessandro Manzoni

(irregular)

O dinheiroé bom criado,mas mal senhor.Francis Bacon(escalonado)

Tipografia

Page 22: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Hifenização – evita a distribuição irregular do texto.

Grande parte do pro-gresso está na von-tade de progredir.Sêneca(hifenizado)

Quanto mais se é feliz menosse presta atenção àfelicidade.(não hifenizado)

Tipografia

Page 23: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Efeitos visuais – dão destaque e reforçam o conteúdo da mensagem.

A A(sombra, brilho, contorno, reflexo)

Aplicação de arte às letras resulta em efeitos emocionais.

Tipografia

Page 24: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 25: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 26: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 27: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 28: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

O Grafite exprime quase sempre contestação e rebeldia. Antes perseguido, agora chega a ocupar galerias e são reconhecidos como arte.

Tipografia

Page 29: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 30: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 31: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 32: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 33: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 34: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 35: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 36: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 37: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 38: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 39: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia

Page 40: Tipografia - midiautoral.files.wordpress.com fileTexto. Recurso fundamental do cartaz. Síntese da mensagem, pode prescindir da ilustração. O texto e sua hierarquia: Título–introdução

Tipografia