Forum de Design
14

O que é tipografia?

Em design só se fala sobre tipografia e tipologia. Afinal, o que é isso? Qual a importância da tipografia na vida do designer gráfico? No que consiste a tipografia? Está na hora de responder suas perguntas.

O que é tipografia?

O que significa?

Tipografia é a impressão dos tipos. Está morrendo com o computador. Tipologia é o estudo da formação dos tipos. Cresce a cada dia. Mas no final, a nomenclatura usada é tipografia. Como fonte (família do tipo) é atualmente chamada de tipo.

O termo tipo é o desenho de uma determinada família de letras como por exemplo: verdana, futura, arial, etc. As variações dessas letras (ligth, itálico e negrito, por exemplo) de uma determinada família são as fontes desenhadas para a elaboração de um conjunto completo de caracteres que consta do alfabeto em caixa alta e caixa baixa, números, símbolos e pontuação.

Os tipos constituem a principal ferramenta de comunicação. As faces alternativas de tipos permitem que você dê expressão ao documento, para transmitir instantaneamente, e não-verbalmente, atmosfera e imagem

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 “ressonância” apropriada ao conteúdo abordado. No caso da mídia impressa, designers gráficos costumam se preocupar com a escolha do papel adequado, da tinta e dos métodos de impressão.

O conhecimento da tipografia é essencial aos designersO conhecimento adequado do uso da tipografia é essencial aos designers que trabalham com diagramação, ou seja, na relação de texto e imagem. Logo a tipografia é um dos pilares do design gráfico e uma matéria necessária aos cursos de design. Para o designer que se especializa nessa área, a tipografia costuma se revelar um dos aspectos mais complexos e sofisticados do design gráfico.

Classificação das fontes

Na tipografia, as fontes tipográficas (ou apenas fontes) são classificadas em 4 grupos básicos: as com serifas, as sem serifas, as cursivas e as fontes dingbats.

Tipos de fontes tipográficas

Elementos das fontes

Toda e qualquer fonte tipográfica é composto por elementos distintos, tais como:

  • Linha de Base (baseline)
  • Linha Central (meanline ou midline)
  • Ascendente (ascender)
  • Descendente (descender)
  • Letra Caixa Alta (upper-case)
  • Letra Caixa-baixa (lower-case)
  • Altura de x (x-height)
  • Cabeça ou Ápice (apex)
  • Serifa (serif)
  • Barriga ou Pança (bowl)
  • Haste ou Fuste (stem)
  • Montante ou Trave (diagonal stroke)
  • Base ou Pé (foot)
  • Barra (bar)
  • Bojo (counter)
  • Etc

Características da tipografia

O arranjo de tipos é a seleção de fonte, altura da letra (point size), largura da linha, espaçamento entre-linha (leading) e espaçamento entre-letras (kerning). Isto tudo visa melhorar a legibilidade do texto a ser escrito, facilitando o entendimento dele além de providenciar um conforto aos olhos de quem lê.

Não confunda leiturabilidade com legibilidade: Leiturabilidade é relacionada a língua em que o texto é escrito ou entendido – diz respeito a dificuldade da língua em si, e não sua aparência. A ergonomia é uma das disciplinas que estuda o efeito da tipografia nos seres humanos, examinando o conforto visual, o entendimento da mensagem, entre outras coisas.

Alinhamento

Há cinco maneiras básicas de organizar as linhas de composição em uma página:
1) Justificada: todas as linhas têm o mesmo comprimento e são alinhadas tanto a esquerda quanto a direita.
2) Não-justificada á direita: as linhas têm diferentes comprimentos e são todas alinhadas á esquerda e irregulares a direita.
3) Não-justificada á esquerda: as linhas têm diferentes comprimentos e são alinhadas á direita e irregulares a esquerda.
4) Centralizada: as linhas têm tamanho desigual, com ambos os lados irregulares.
5) Assimétrica: um arranjo sem padrão previsível na colocação das linhas.

Alinhamento de parágrafos

Dicas importantes

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 justificativa (caso as palavras fiquem com espaçamento grande d   e   m   a   i   s   entre elas)

Contraste: Nunca utilize tipo claro em fundo claro, ou tipo 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 emitida, enquanto o preto é ausente (o que supostamente deveria facilitar a leitura além de não consumir tanta energia elétrica). Mas isto ainda é disputado. De qualquer maneira, contraste sempre.

Use apenas uma categoria de fonte: Se você fizer um texto todo com uma fonte serifada, utilize apenas fontes serifadas no resto do texto. Não mude no meio do caminho, pois isso pode trazer uma confusão visual ao leitor. Claro que se você quiser usar uma fonte como título de um texto e prosseguir com uma fonte diferente, manda bala. Mas…

Se for mudar de fonte, deixe óbvio a mudança; Dá pra criar um texto com título em Georgia e corpo do texto em Helvetica (serifada e sem-serifa, respectivamente). 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 utilizar suas fontes.
Contraste

Não se esqueça dos princípios básicos do design. Já fiz um artigo sobre isto antes.

Vídeos tipográficos

Para finalizar, confira alguns vídeos interessantes:

O que é tipografia. Vídeo em inglês bem produzido explicando rápidamente o que vêm a ser tipografia. Link do YouTube.

Escola Tipográfica. Vídeo em inglês promovendo uma escola tipográfica. Link do YouTube.

Bibliografia

Artigos relacionados

Foto do autor

Canha

Canha é o criador do Design.blog e co-fundador do xCakeBlogs. Ele é designer e blogueiro. Arquivado na categoria Semana do designer Tipografia



9 Comentários

  1. André
    05/11/2007 às 16:23 | #

    Não terminei de ler seu artigo, pois é muito grande e estou sem tempo, mais salvei no meu PC, depois eu leio com calma.

    Só quero comentar, que muita gente confunde tipográfia com tipologia.

    E adicionar, que por mais feio que o JOB, flyer ou qualquer outra coisa for, a tipográfia bem trabalhada salva.

    E Também que para fazer uma boa tipográfia deve ter estuddos aprofundados de:
    - fontes
    - cores
    - formas
    - vetores
    - dinânismo
    - distância

    E é isso aew… Abraços..

  2. Kaiserlino
    06/11/2007 às 01:11 | #

    Ótima explicação sobre tipografia.
    Mesmo eu tendo visto isto na faculdade, é sempre bom lembrar.
    Por acaso postei ontém o mesmo vídeo que aqui, o qual já fazia parte dos meus favoritos antes mesmo da faculdade pela qualidade da explicação dada…

    Parabéns

  3. kenya
    13/11/2007 às 21:33 | #

    bom,
    sou admiradora da tipografia.
    e concordo com o andré com relação ao conflito entre as duas palavras o qual você explicou no início do post.
    e no workshop do nardi, ele explica logo de início.
    mas acho que as pessoas precisam se inofrmar melhor quanto a isso.
    a tipografia sim tem sua importância no meio gráfico, assim como outros fatores…
    e muitos a acham desnecessária.
    sendo que alguns da minah faluldade optaram pra que não houvesse essa disciplina.
    o designer, mesmo não gostando de certas coisas nesse ramo precisa ter noção geral de tudo o que o envolve.
    é de suma importância.
    :)

    sean.
    pra dizer a verdade.
    amei esse teu artigo!
    interessante que acho que muitos deveriam ler sua e-zine smepre que possível.
    trata de assuntos que as vezes não temos tempo para procurar, etc.
    e leitura é essencial também.
    cã,
    beijo grande…
    novamente de parabéns ;D

  4. Será que é só isso?
    18/03/2008 às 12:22 | #

    O artigo é superficial e impreciso. Não esclarece o que de fato é a tipografia e quais suas implicações em um projeto de design!
    Definir a tipografia apenas como “a impressão dos tipos” me parece uma abordagem ingênua e arcaica demais.

    Ao longo de sua história, a tipografia passou por diversos meios e formas de utilização, dos quais o digital é apenas o mais recente. Mas nem por isso deixou de ser tipografia. Para que se possa entender o que é de fato a tipografia – não como um meio mas como um conceito – é importante que haja antes uma comparação com outras formas de expressão escrita – caligrafia e lettering – que na sua essência não são tipográficas,

  5. Canha
    18/03/2008 às 14:23 | #

    Qualquer um é bem-vindo a ajudar com artigos, querido anônimo.
    Afinal de contas, se esconder atrás do computador pra falar mal, qualquer um consegue.
    Se quiser ajudar, por favor ajude. Dou total crédito ao autor.
    Abraços.

  6. Suellen
    05/08/2008 às 19:07 | #

    Poxa! Blog maravilhoso…
    estou no 2º semestre da faculdade e indico este blog a todos!
    maravilhoso! Continue publicando ^^

  7. Canha
    06/08/2008 às 09:38 | #

    Suellen,
    Muito obrigado!
    Abraços.

  8. Mithz
    17/10/2008 às 20:14 | #

    Vou usar alguns trechos desse texto para explicar um pouco o que é tipogafia no meu pré trabalho de conclusão de curso, apesar de ser somente um pré TCC, já será valido para pontuação em metodologia científica.

  9. Kenya
    09/10/2009 às 08:10 | #

    Acredito que, de acordo com as referências que pesquiso,
    a tipografia é o que você expôs no artigo, na real ela possui
    uma infinidade de definições, a gama de cultura que encontramos
    no mundo hoje reflete na variação das definições do campo tipográfico.

    Mas o que se torna indispensável independente da cultura
    é que ela consiste na representação visual da linguagem
    comunicativa e expressiva das idéias do ser humano.

    Bringhurst disse: “As letras têm vida e dignidade próprias.” (2005, p.24)

    Cada autor define de uma forma, mas sempre voltam ao mesmo ponto.

    Bom, gostaria de falar sobre a Classificação das Fontes, posso? Hehehe.
    Assim como você indicou algumas partes dos tipos, seria interessante
    indicar visualmente as guidelines (baseline, x-height, ascender line…).
    Exemplo na página 51 deste livro: http://twurl.nl/or5m2q

    Assim como você citou uma tipo de classificação de tipos, indicaria a
    classificação Vox/ATypI (junção do sistema criado por Maximiliem Vox e
    adaptado pela Association Typographique Internationale).
    A própria Wikipedia (em inglês) disponibiliza essas informações,
    são bem determinados quanto às categorias tipográficas.

    Por fim, acho que explorar talvez em um novo artigo ou neste, outros processos manuais onde obtém-se grafias exclusivas, tais como caligrafia e lettering.
    E porque não explorar também caligramas e ambigramas?
    Explorar o uso da tipografia em outros meios.
    Ia ser de muito agrado aos leitores assíduos e interessados (ou não) pela
    tipografia. :)

    Canha, desculpa ter escrito por demais.
    Mas me sinto a vontade de expor o que penso no teu blog.

    Continue crescendo sempre! Sucesso e parabéns :)

    Um abração!




Antes de comentar...

Antes de comentar, observe o seguinte:

  • Perguntas já respondidas na Lista de Perguntas Freqüentes serão ignoradas
  • Design é a profissão. O profissional é designer
  • Leia o artigo inteiro antes de comentar.
  • Em caso de pergunta, veja se já não foi respondido nos comentários acima
  • Comentários que começam com "Você pode..." ou variável, terá como resposta "Não. Faça sozinho". Use o Google e deixe de ser preguiçoso.
  • Spam, criancice e comentários em tiopês/miguxês serão apagados
  • É necessário ter o primeiro grau completo para comentar aqui. Se você abusar de frases sem pontuação ou mensagem em caps-lock, me reservo ao direito de escrachar você. Você foi avisado.

 

*
*


Fotos de emos estilo música mp3Forum de design, gráfico, webdesign, produto