Aula 04 Tipografia FATEC ITU Curso Superior de Tecnologia em Eventos Disciplina Design Gráfico Prof. Ms. Luciane Panisson Tipografia A Kpografia (do gregos typos "forma" e graphein "escrita") é a arte e o processo de criação na composição de um texto, Wsica ou digitalmente. Assim como no design gráfico em geral, o objekvo principal da Kpografia é dar ordem estrutural e forma à comunicação escrita. 1
Escolhendo a fonte certa 1. Não uklize fontes fantasia Uso de fontes Hoje temos fontes para textos e ^tulos; para leitura em tela ou impressa; ideias para uso em corpo pt 6, 8, 12; desenhadas especialmente para jornais, livros, dicionários, cartazes; entre outras. A escolha do Kpo de letra e como fazê-la funcionar de acordo com o seu layout, grid, esquema de cores, tema do projeto e assim por diante fará toda diferença no resultado final. 2
Glifos (letras/caracteres) São signos alfabékcos projetados para reprodução mecânica. Glifos (letras/caracteres) É o conjunto de caracteres que possuem as mesmas caracterískcas de desenho independentemente das suas variações (peso, inclinação, corpo). 3
Família Tipográfica É o conjunto de caracteres que possuem as mesmas caracterískcas de desenho independentemente das suas variações (peso, inclinação, corpo). Fonte É conjunto de glifos que compõem uma família Kpográfica 4
Fonte Os Kpos são compostos por um conjunto de elementos. Confira abaixo: Elementos das Fontes 5
Ligaduras São as conexões de dois ou mais caracteres. Em português, a mais funcional é a FI, mas existem várias ligaduras (st, ae, oe, ff, ij, etc). Com ou sem serifa O elemento, dessa anatomia dos Kpos, que você vai mais ouvir falar, o mais importante e que você DEVE saber o que é a se chama Serifa. Existem Kpos com e sem serifa (ou sans-serif, do francês) e a classificação dos Kpos, em serifados e sem serifa, é a principal forma de diferenciação das letras. Serifas são os pequenos traços, ou prolongamentos, que existem no final das hastes dos glifos. 6
Com ou sem serifa Corpo O corpo é o tamanho do Kpo que começa do ponto mais alto (versal ou ascendente) até o ponto mais baixo (descendente). 7
Corpo Ascendentes: É a parte das letras b, d, f, k, h, l e t que se estendem acima da altura de x. Descendentes: É a parte das letras g, j, p, q, y e por vezes a letra J(caixa alta), que se estendem abaixo da altura de x. Corpo É a angulação do traço. Diz respeito ao eixo de inclinação principalmente das letras b, c, e, g, o, p e q. Eixo humanista: é o eixo oblíquo e que condiz com a inclinação da escrita manual. Eixo racionalista: é o eixo verkcal. Condiz com as formas neoclássicas e românkcas. 8
Caixa de Tipos Caixa Baixa É o conjunto de caracteres em letras minúsculas. Caixa de Tipos Caixa Alta É o conjunto de caracteres em letras maiúsculas. 9
Caixa de Tipos Versalete É o conjunto de caracteres em letras maiúsculas com a altura de minúsculas (altura de x). Algarismos Os algarismos (ou numerais) também são classificados em 3 grupos: old style, lining e small caps. Old style: São os numerais alinhados pelo texto. Por isso eles ultrapassam a linha de x e, consequentemente, possuem ascendentes e descendentes. 10
Algarismos Lining: São os numerais com o mesmo tamanho de uma versal (caixa alta) e não possuem ascendentes e descendentes. Algarismos Small Caps: São os numerais com o mesmo tamanho de uma versalete e não possuem ascendentes e descendentes. 11
Unidades de Medidas As unidades de medidas servem para determinar desde o tamanho do corpo, o tamanho dos caracteres até o tamanho das entrelinhas. As medidas primárias (irei chamá-las assim) são o ponto e cícero e a paica. Hoje em dia, graças ao digital, temos outras como em milímetros (mm) em pixel (px), etc. Por ora, e por questão mais de conhecimento, falaremos das primeiras: o ponto, a Paica (em inglês pica), usado na Inglaterra e nos países de língua inglesa, e o Cícero empregado na Europa conknental. Pontos: é a medida Kpográfica estabelecida pelo francês Francisco Ambrósio Didot. Um ponto equivale aproximadamente de 0,376mm. (ou 2,6 pontos = 1 mm). Cícero: também é uma medida do sistema Didot e que corresponde a 12 pontos. Paica (pica): é uma unidade de medida anglo-saxão usada na Inglaterra e nos países de língua inglesa. Corresponde a um sexto de polegada. Divide-se ambas medidas em 12 partes. E existe uma diferença pequena entre os tamanhos, sendo a paica um pouco menor que o cícero: 1 paica (4,22 mm) = 12 pontos (Inglaterra). 1 cícero (4,52 mm) = 12 pontos (Europa ConKnental). Unidades de Medidas 12
Fontes com serifa HUMANISTAS Simulam a caligrafia clássica feita a mão e fazem parte dos primeiros Kpos de metal produzidos na Itália e França entre os séculos XV e XVI. TRANSICIONAIS Possuem serifas mais finas e planas com acabamento agudo. Seu eixo verkcal é levemente inclinado. Fontes com serifa MODERNAS Esse esklo possue serifas retas e um alto e contraste na espessuras das hastes. Eixo na verkcal. MECANICAS Traço e serifas retangulares. São do século XIX e vieram para uso em propagandas. 13
Fontes sem serifa GROTESCO Uma variação das letras mecânicas sem as serifa. Oriundas do final do séc XIX. GOTHIC Possuem uma variação espessura dos seus traços. É uma variação das grotescas gravadas nos EUA no final do séc XIX. Fontes sem serifa HUMANISTAS Poussem leve variação no traço e resquícios de traços caligráficos. Tem como origem a estrutura das letras serifadas. GEOMÉTRICO Usam formas geométricas básicas para a suas estruturação. 14
Fontes sem serifa NEOGROTESCO É variação das grotesca que surgiu na década de 1950. Outros EsFlos de Fontes CURSIVA São Kpos que usam como referência a escrita manual, logo procuram reproduzir as caracterískcas da escrita manual. Costumeiramente, possuem uma legibilidade complicada, embora muito uklizada em convites de eventos. FANTASIA São Kpos diversos, com diversas inspirações, padrões e caracterískcas. O objekvo desses Kpos é um passar um forte impacto visual. São bem irregulares e vão de 8 à 80 : algumas possuem boa legibilidade enquanto que outras quase nenhuma legibilidade. Normalmente funcionam melhor só em tamanhos grandes. 15
Outros EsFlos de Fontes GÓTICA É um Kpo com caracterískcas dos manuscritos ankgos. Procuram reproduzir a escrita dos monges copistas da idade média (anterior à invenção da Kpografia). Normalmente são mais densas e com baixa legibilidade. HISTÓRICOS São Kpos inspirados nas escritas greco romanas. Também possuem muitas irregularidades e pouca legibilidade. 16
COR (TONALIDADE) Diz respeito a espessura (ou o peso) dos Kpos: light,, thin, medium,roman, bold, black, etc. EsFlos dos Tipos LARGURA Se refere à relação entre a base e altura da letra. Existem inúmeras famílias que já vem com essas variações. Evite condensar ou expandir um Kpo por conta própria. Isso irá deformá-lo e prejudicará a sua estrutura. EsFlos dos Tipos 17
EsFlos dos Tipos POSTURA Trata-se da inclinação do eixo central das letras. A postura básica dos caracteres é regular (como eixo central verkcal). Os caracteres regulares inclinados recebem o nome de oblíquos. O termo itálico é aplicado erradamente. Itálico diz respeito aos Kpos cursivos. E os caracteres inclinados (cursivos) recebem o nome de itálico ou grifo, em referência ao Kpógrafo italiano do séc. XV, Francesco Griffo, percursor com o trabalho de Kpos inclinados. Kerning,Tracking e Leading KERN Trata-se do espaçamento entre os caracteres. Existem partes das letras que ultrapassam o bloco para permikr um encaixe com outras letras, para que não fiquem muito afastas e assim prejudicar o visual. KERNING É o processo de ajustar os espaços entre pares de caracteres, ou seja, somente em algumas letras. O Kerning da fonte é definido pelo type designer quando está criando-a. Hoje em dia os so wares de computador também oferecem um opção de Kerning (ópkco) definido para amenizar defeitos de fontes mal produzidas. Porém, quando esses kernings não atendem nossas necessidades, é necessário ajustá-lo manualmente. 18
Kerning,Tracking e Leading TRACKING É o espaçamento entre letras e entre as palavras de todo um bloco de texto. Isso significa que alteramos o espaçamento de todo o conjunto de caracteres (palavra, frase, parágrafo) por inteiro. LEADING (ENTRELINHAS) A entrelinha é o espaço entre duas linhas de texto. A medida é a distância da linha de base de uma linha Kpográfica para outra. Normalmente o leading automakzado está cerca de 20% a mais que o tamanho do Kpo uklizado. Ex: tamanho 10pt leading 12pt. Quanto mais aumentamos a entrelinha, mais aberto e leve se torna o bloco de texto e quanto mais diminuímos a entrelinha (entrelinha negakva) mais apertado se torna o texto. Leading 19
Alinhamento Alinhamento CAPITULAR É o ênfase que se dá a letra inicial no começo de um capítulo aumentando o tamanho do corpo dessa letra, a inicial, no parágrafo. INDENTAÇÃO OU ENTRADA Se refere ao espaço em branco, um avanço do texto, no início do parágrafo. Normalmente a indentação é à esquerda e na primeira linha do parágrafo. 20
RECUO É prakcamente o inverso da indentação. A primeira linha fica alinhada à esquerda enquanto que as demais linhas são alinhadas um pouco à direita. Alinhamento DICAS IMPORTANTES Uma boa tákca a se usar na estruturação dos textos é usar o mínimo de sete palavras e no máximo dezenove palavras por linha. Claro que isso varia de acordo com as caracterískcas da Kpografia, do suporte e de cada projeto, logo não deve ser encarado como um dogma ( que você vai para inferno caso não uklize), mas com certeza uma média entre sete e quatorze palavras por linha é bem úkl na hora que você pensar na diagramação dos seus textos. Alinhamento: Evite alinhamento centralizado em textos longos. O excesso de espaço branco nas laterais tende a fazer a pessoa se perder. Opte por textos alinhados a esquerda, sem juskficakva (caso as palavras fiquem com espaçamento grande d e m a i s entre elas) 21
DICAS IMPORTANTES Contraste: Nunca uklize Kpo claro em fundo claro, ou Kpo escuro em fundo escuro. Opte sempre pelo contraste. Afinal de contas, texto é para ser lido! Para impressos, o melhor é sempre letra preta no papel branco. Já para os computadores, há muita divergência de opiniões: para muitos, letra branca em fundo preto é menor pois na tela o branco é uma luz emikda, enquanto o preto é ausente (o que supostamente deveria facilitar a leitura além de não consumir tanta energia elétrica). Use apenas uma categoria de fonte: Se você fizer um texto todo com uma fonte serifada, uklize apenas fontes serifadas no resto do texto. Não mude no meio do caminho, pois isso pode trazer uma confusão visual ao leitor. DICAS IMPORTANTES Se for mudar de fonte, deixe óbvio a mudança; Dá pra criar um texto com ^tulo em Georgia e corpo do texto em HelveKca (serifada e sem-serifa, respeckvamente). Mas deixe óbvio a mudança use uma cor diferente, um fundo diferente, ou um tamanho de letra diferente. Além de criar um impacto visual melhor, a pessoa não fica achando que o designer errou na hora de uklizar suas fontes. 22
APLICANDO OS CONCEITOS 1. ESCOLHA A VOZ DO PROJETO para quem se deskna, que linguagem visual deve apresentar 2. LEGIBILIDADE diferencie projetos para LER de projetos para VER 3. HIERARQUIA separe o conteúdo em partes e coloque uma hierarquia entre eles 4. REPETIÇÃO agrupe assuntos para repekr elementos gráficos e criar uma idenkdade ao projeto 5. CONTRASTE estabeleça contraste de cor e tamanhos com relação ao fundo 6. ESTABELEÇA TAMANHOS DE FONTES: Evitando as muito pequenas, muito grande e muitas em caixa alta 7. CRIE ÁREAS DE RESPIRO onde o espaço irá contrabalancear o peso das fontes EXERCÍCIO COM BASE NA PESQUISA DA AULA ANTERIOR SOBRE O TEMA: FESTA MARROQUINA, PESQUISE TIPOS DE FONTES QUE IRÃO SE ADEQUAR AO PROJETO E SELECIONE SUAS RESPECTIVAS IMAGENS. 23