Este documento fornece instruções sobre tipografia e design gráfico, discutindo conceitos como escolha de fontes, legibilidade, gramática visual, terminologia tipográfica e dicas para combinação de fontes. O documento também detalha os trabalhos finais do curso, que incluem um projeto de revista, alfabeto ou identidade visual.

1. CRP-0357 Produção Gráfica

2. Aula 10
Tipografia: parte 2

9. Tipografia
TIPOGRAFIA ≠ TIPOLOGIA
≠ TOPOLOGIA ≠ TOPOGRAFIA
!
LENTE = DENTE = FONTE

10. Como escolher?
Pense na função:
tom da mensagem vs. legibilidade.

21. Legibilidade
é essencial para textos, cartazes e infográficos.

33. Gramática visual:
• Harmonia = uniformidade, não paz.
• Equilíbrio = estabilidade, não simetria.
• Figura/fundo = diálogo, não interferência.
• Contraste = visibilidade, não choque.
• Hierarquia = ordem, não aleatório.

34. Gramática visual:
• Formas = identificação, não imaginação.
• Camadas = curiosidade, não pilhas.
• Ritmo = continuidade, não rigidez.
• Simplicidade = clareza, não obviedade.

36. Letras para ESTILO
Transmitem a tônica da mensagem.
Testar as palavras em seu tamanho final.

62. Terminologia

70. Corpo
tipográfico
É mais complexo do que
o “tamanho da letra”.
!
Altura do x, largura do n.

78. Estilo:
Outra gambiarra arqueológica.
!

83. Entrelinha:
Espaço entre as baselines,
não entre as linhas.
!

91. Espaçamento
entre letras e palavras
Kerning: ajuste individual entre pares de letras
Tracking: ajuste uniforme para todo o texto

98. http://type.method.ac/#

100. Letras para
legibilidade
Devem ser escolhidas pela “cor” da massa de
texto, ou a densidade do texto escrito.
Ela não pode ser muito intensa nem muito tênue.

106. Cor tipográfica:
Efeito combinado das variações
de peso, tamanho, espessura,
entrelinha e espaçamento.
!

110. Ligaduras e
ornamentos
Herança da tradição caligráfica.

122. Alinhamento
O fluxo do texto, como um rio.

128. Combinação
Não há regras, mas recomendações.

133. Dicas para combinação
• Combine Sans Serif com Serifa
• Evite famílias similares
• Defina papéis claros
• Use tamanhos e pesos contrastantes
• Varie a “cor” tipográfica
• Não misture humores
• Contraste personalidade com neutralidade
• Evite usar mais do que duas famílias
• Evite combinações bizarras

134. Combine Sans Serif com Serifa

135. Evite famílias similares

136. Defina papéis claros

137. Tamanhos e pesos contrastantes

138. Varie a cor tipográfica

139. Não misture humores

140. Personalidade vs. neutralidade

141. Evite usar mais que 2 famílias

142. Evite combinações bizarras

143. Diacríticos
Cuidado com eles.

145. Separação
O texto imita o discurso.

147. FIMpg.eca.luli.com.br

148. Tarefinha:
estrutura do layout
Marcar, em uma página impressa,
a estrutura de seu layout,
tentando identificar o projeto gráfico.
!
Faça com régua e uma caneta contrastante,
traga para a próxima aula.

150. Trabalho final:
• Revista (grupo, máximo 4 pessoas)
• Formato: não convencional / processo e suporte: livre
• Entrega: PDF + descritivo de gráfica
• Alfabeto (dupla)
• Entrega: PDF (dispor letras com linhas de apoio)
• Identidade visual (grupo, máximo 4 pessoas)
• Descrição de identidade visual para uma marca.
• Entrega: PDF + descritivo de gráfica

151. Descritivo de projeto gráfico
informações necessárias para a produção:
• Suporte: tipo, cor, densidade
• Processo: silk-screen,
flexografia, off-set, etc
• Cores: quantas, quais?
• Formato da folha de papel
original (aproveitamento)
• Formato aberto x fechado
do layout (em cm)
• Necessita processos especiais?
(relevo seco, timbre)
• Usa Tintas especiais?
(metálico, fosforecente)
• Imagens e sua resolução
• Acabamento
• Faca
• Encadernação e capa
• Tiragem
• Distribuição