* { 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;}
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!
- 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!
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.
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.
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 .
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
É 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:
-
A a Z do Sketch: dicas e truques!
-
A a Z do After Effects: dicas, truques e truques
-
A a Z do InDesign: dicas, truques e truques!
-
Dicas e truques do Adobe Illustrator: de A a Z dos melhores truques!
-
A a Z do Affinity Publisher: dicas, truques e truques
-
O guia definitivo para tipografia básica
-
Uma breve história do tipo
-
O que são fontes variáveis?
