Tipografia de A a Z: termos, dicas, truques e truques!

* { dimensionamento da caixa: caixa de borda; } corpo {margem: 0;}*{tamanho da caixa:border-box;}corpo{margem-topo:0px;margem-direita:0px;margem-bottom:0px;margem-esquerda:0px;}

A tipografia é um dos elementos mais importantes do design gráfico. No entanto, existem inúmeros termos de tipografia. Nesta visão geral tipográfica abrangente, forneceremos um glossário de termos tipográficos que todo designer deve conhecer ao compor texto.

Cada termo tipográfico é mostrado em uma fonte diferente de ga-analytics#sendElementsClickEvent”>Envato Elements. Assine e, por uma pequena taxa mensal, você pode encontrar ga-analytics#sendElementsClickEvent”>fonts, ga-analytics#sendElementsClickEvent”>print modelos, ga-analytics#sendElementsClickEvent”>fotografia e outros recursos para seus projetos criativos.

Assista de A a Z da tipografia: termos, dicas, truques e truques!

Se preferir, você pode assistir a este vídeo para aprender de A a Z dos termos tipográficos. Acabou no Canal Envato Tuts+ no YouTube!

Vá para o conteúdo desta seção:

  • A é para Ascendente
  • B é para linha de base
  • C é para Cap-Height
  • D é para descendente
  • E é para ouvido
  • F é para pé
  • G é para Gadzook
  • H é para Gancho
  • Eu sou para itálico
  • J é para conjunto
  • K é para Kerning
  • L é para ligadura
  • M é para linha média
  • N é para pescoço
  • O é para Overshoot
  • P é para Proporcional
  • R é para romano
  • S é para um andar
  • T é para Terminal
  • U é para maiúsculas
  • V é para vértice
  • W é para largura
  • X é para altura X
  • É isso! Você sabe muito mais sobre termos de tipografia!
+ Mostrar mais

O que você aprenderá?

Neste artigo sobre os elementos do estilo tipográfico, você aprenderá:

  • Um glossário básico de termos tipográficos que o ajudará a se estabelecer como um designer experiente.
  • Algumas expressões tipográficas avançadas que ajudarão você a se comunicar com outros designers.
  • Dicas e truques de tipografia que podem ajudá-lo a aprimorar seu conhecimento tipográfico.

A é para Ascendente

Vamos começar com os termos da anatomia tipográfica. O ascendente é qualquer parte de uma letra minúscula que se estende acima da linha média de uma fonte – por exemplo, as letras b, d e h. Os ascendentes ajudam a tornar os personagens reconhecíveis uns dos outros.

A é para ascendenteA é para ascendenteA é para ascendente
ga-analytics#sendElementsClickEvent”>Fonte Noir Pro

B é para linha de base

Em termos de anatomia tipográfica, a linha de base é a linha sobre a qual as letras de uma fonte parecem repousar. A linha abaixo é o descendente. As letras maiúsculas ficam na linha de base, com exceção de Q e J, que às vezes podem se estender logo abaixo dela.

B é para linha de baseB é para linha de baseB é para linha de base
ga-analytics#sendElementsClickEvent”>Fonte Calasans

C é para Cap-Height

A altura da tampa é outro termo da anatomia tipográfica e é a medida da linha de base até o topo das letras maiúsculas planas, por exemplo M e I. Algumas letras maiúsculas são desenhadas com um overshoot para parecerem opticamente iguais ao resto dos caracteres .

C é para altura do bonéC é para altura do bonéC é para altura do boné
ga-analytics#sendElementsClickEvent”>Fonte Carters

D é para descendente

Descendentes são os traços verticais abaixo da linha de base de um caractere — por exemplo, g, j, p e q. O comprimento dos descendentes em uma fonte pode afetar a legibilidade entre as linhas do texto. Se os descendentes forem muito longos, eles poderão tocar a próxima linha do texto. É importante considerar isso no design tipográfico.

Neste caso, mais espaço à esquerda precisa ser adicionado. O tipo inicial é o processo de adicionar espaço às linhas de texto, e esse espaço pode variar dependendo dos ascendentes e descendentes.

D é para descendenteD é para descendenteD é para descendente
ga-analytics#sendElementsClickEvent”>Fonte Catesque

E é para ouvido

Outro termo essencial da anatomia tipográfica, a orelha é um traço final, geralmente no lado superior direito da tigela da letra minúscula de um g de dois andares. A orelha às vezes terá o formato de uma lágrima ou um floreio decorativo que combina com o estilo da fonte.

E é para ouvidoE é para ouvidoE é para ouvido
ga-analytics#sendElementsClickEvent”>Silk Remington PRO

F é para pé

Quando se trata de design tipográfico, o pé é a parte de uma haste que fica apoiada na linha de base. Normalmente é encontrado em fontes de estilo serif.

F é para péF é para péF é para pé
ga-analytics#sendElementsClickEvent”>Ripon Font Duo

G é para Gadzook

Um gadzook geralmente é encontrado em uma ligadura, resultado da combinação de dois caracteres. É a peça de ligação que une esses dois personagens sem que originalmente faça parte de nenhum deles. É crucial quando você está aprendendo os elementos do estilo tipográfico.

G é para GadzookG é para GadzookG é para Gadzook
ga-analytics#sendElementsClickEvent”>Fonte Roger & Lavienna

H é para Gancho

O gancho é um traço curvo no cabeçalho de algumas letras minúsculas como f e r. O gancho parecerá ter uma curva que leva a uma lágrima terminal ou a uma ponta afiada de um caractere. Você deve conhecer esse termo tipográfico ao pensar em design tipográfico.

H é para GanchoH é para GanchoH é para Gancho
ga-analytics#sendElementsClickEvent”>Fonte Polly

Eu sou para itálico

Este é um termo de tipografia que todo mundo conhece! Itálico é um estilo de tipo ligeiramente inclinado que toma suas formas básicas de uma forma estilizada de caligrafia caligráfica. Itálico é frequentemente usado para enfatizar o texto e pode parecer mais elegante em fontes serifadas. O itálico sem serifa geralmente é apenas inclinado e mantém a mesma forma de base. Alguns caracteres em itálico serifado mudarão de dois andares para um andar, como no caso do caractere “a” abaixo.

Eu sou para itálicoEu sou para itálicoEu sou para itálico
ga-analytics#sendElementsClickEvent”>Fonte Mondia

J é para conjunto

Aqui está outro termo de anatomia tipográfica. A junta é o local onde um traço une uma haste para se tornar uma.

J é para conjuntoJ é para conjuntoJ é para conjunto
ga-analytics#sendElementsClickEvent”>Fonte Liber

K é para Kerning

Quer saber o que é kerning? Este termo tipográfico é o processo de ajuste do espaço entre dois caracteres. Kerning em tipografia é frequentemente usado para corrigir problemas de espaçamento em uma combinação de letras, especialmente traços inclinados. Em um aplicativo de design, você pode ajustar o kerning manualmente ou selecionando a opção óptica. O kerning óptico consiste em letras pré-kerned criadas pelo designer da fonte.

K é para Kerning o que é kerningK é para Kerning o que é kerningK é para Kerning o que é kerning
ga-analytics#sendElementsClickEvent”>Fonte Quadran

L é para ligadura

Uma ligadura é um caractere especial resultante da combinação de dois caracteres individuais. Algumas letras podem esbarrar umas nas outras quando impressas (por exemplo, fi, fl), e as ligaduras permitem que fluam melhor juntas. Às vezes, podemos encontrar ligaduras de três caracteres – por exemplo, ffl e ffi.

L é para ligaduraL é para ligaduraL é para ligadura
ga-analytics#sendElementsClickEvent”>Fonte Wilkista

M é para linha média

A linha média é uma linha imaginária que fica no topo do corpo das letras minúsculas e acima da linha de base. A distância entre a linha de base e a linha média é chamada de altura x porque a letra x ocupará esse espaço.

M é para linha médiaM é para linha médiaM é para linha média
ga-analytics#sendElementsClickEvent”>Kindrich – Fonte Serif Vintage

N é para pescoço

O pescoço, também conhecido como link, é o pequeno traço curvo que conecta a tigela superior com o laço inferior no g minúsculo de dois andares.

N é para pescoçoN é para pescoçoN é para pescoço
ga-analytics#sendElementsClickEvent”>Fonte Bergen Mono

O é para Overshoot

Overshoot é um termo legal de anatomia tipográfica que representa a pequena extensão de um caractere que ultrapassa a linha superior ou abaixo da linha de base. Um overshoot ajuda os caracteres a parecerem opticamente do mesmo tamanho que outros caracteres com partes superiores ou inferiores planas.

Por exemplo, o e minúsculo ficará acima e abaixo das linhas em comparação com o x minúsculo. O mesmo também se aplica aos O e X maiúsculos.

O é para ultrapassagemO é para OvershootO é para Overshoot
ga-analytics#sendElementsClickEvent”>Benedict Sans Modern Sans Serif

P é para Proporcional

Os caracteres proporcionais são projetados para ocupar apenas o espaço necessário. Fontes não proporcionais usam a mesma largura definida – também conhecida como monoespaçada. Quando um caractere é proporcional, ele se torna mais legível.

P é para ProporcionalP é para ProporcionalP é para Proporcional
ga-analytics#sendElementsClickEvent”>Vistol Sans Font

R é para romano

Ao examinar os elementos do estilo tipográfico, você precisa aprender sobre o romano. O tipo romano é o estilo padrão que vemos ao ler textos longos. Às vezes, Roman também é usado para se referir ao peso normal de uma fonte.

R é para romanoR é para romanoR é para romano
ga-analytics#sendElementsClickEvent”>Silk Remington PRO

S é para um andar

Um personagem de um andar aparece em a e g minúsculos. Em alguns estilos, esses dois personagens podem ter um único balcão, ao contrário do tipo de dois andares, que possui dois contadores.

S é para um andarS é para um andarS é para um andar
ga-analytics#sendElementsClickEvent”>Mondia Font e ga-analytics#sendElementsClickEvent”>Polly Font

T é para Terminal

Um terminal é o fim de qualquer traço que não inclua uma serifa – por exemplo, Q ou t. Um terminal em forma de lágrima refere-se aos terminais em letras como r e f.

T é para TerminalT é para TerminalT é para Terminal
ga-analytics#sendElementsClickEvent”>Fonte Quatera Itálico

U é para maiúsculas

Este termo tipográfico dispensa apresentações. Letras maiúsculas são as maiúsculas de uma fonte. O nome vem da época dos tipos de metal, quando as letras maiúsculas eram mantidas na parte superior da caixa dos tipos.

U é para maiúsculasU é para maiúsculasU é para maiúsculas
ga-analytics#sendElementsClickEvent”>Fonte Prox

V é para vértice

No que diz respeito aos termos de tipografia, o vértice é a forma pontiaguda que resulta de uma interseção de dois traços na parte inferior ou superior de um caractere – por exemplo, A, v, V, w, W.

V é para vérticeV é para vérticeV é para vértice
ga-analytics#sendElementsClickEvent”>Fonte Sentral

W é para largura

Largura é um termo tipográfico básico. A largura no design tipográfico é o espaço ocupado por um único caractere, incluindo os espaços à esquerda e à direita. Dependendo do software, esse espaço é medido em milímetros ou em pontos.

W é para larguraW é para larguraW é para largura
ga-analytics#sendElementsClickEvent”>Martian B Thai Font

X é para altura X

Esta é a última adição a este glossário de termos tipográficos. A altura x é o espaço entre a linha de base e a linha média – a letra x geralmente ocupará essa altura específica. Alguns personagens terão uma ultrapassagem da linha média para aparecer opticamente mesmo com o resto dos personagens. Uma fonte com altura x grande tende a ser mais legível.

X é para altura XX é para altura XX é para altura X
ga-analytics#sendElementsClickEvent”>Fonte Uniclo

É isso! Você sabe muito mais sobre termos de tipografia!

É importante dominar um glossário de termos tipográficos para nos ajudar a fazer melhores escolhas de design tipográfico. Neste artigo, você aprendeu termos essenciais de tipografia que podem ajudá-lo a se comunicar na linguagem de design correta.

Depois de dominar esses termos de tipografia, acesse o Blog Envato e aprenda Como fazer uma fonte: mais de 10 tutoriais de tipografia e fontes para iniciantes. Ou navegue em alguns outros artigos do Envato Tuts+ que podem ajudá-lo a expandir ainda mais seu conhecimento:

[ad_2]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *