Famílias Tipográficas - de um jeito fácil e resumido
Salve! Estou compartilhando aqui um resumo de algumas coisas que aprendi sobre Famílias Tipográficas, espero ajudar de alguma forma, sua contribuição é bem-vinda! =D
🡢 Família Tipográfica é um conjunto de fontes tipográficas que compartilham características de traços. Podendo ser apresentadas com variações de altura, largura e outros detalhes.
Peso
O peso modifica o traçado da letra e portanto, sua densidade e leiturabilidade*¹.
Curiosidade: o peso regular tende a ter uma melhor leiturabilidade
Largura
A largura modifica a estrutura dos tipos, essas modificações implicam diretamente no desempenho do texto
Temos também fontes com largura fixa, todas as suas letras ocupam sempre a mesma quantidade de espaço, são conhecidas como Monospace.
Eixo
O eixo produz mudanças no ritmo de leitura da tipografia
Motivos para usar famílias tipográficas:
- Variedades harmônicas
- Hierarquia visual
- Identidade visual consistente
- Flexibilidade
- Suporte global
Algumas famílias tipográficas:
- Futura
- Helvetica
- Georgia
- Metro
- Verdana
- Arial
- Roboto
edit1 (contribuição do tetri)
Serifa:
São os pequenos traços e prolongamentos que
ocorrem no fim das hastes das letras.
Podendo estar presente ou não, dependendo da família tipográfica, como podemos observar abaixo:
.
Fontes com Serifa (serif)
Fontes com serifa são conhecidas principalmente por facilitarem a leitura impressa. Fontes serifadas também são conhecidar por salientar conceitos tradicionais.
Fontes sem Serifa (sans-serif)
Tipografias sem serifa são sinonimo de modernidade, foram criadas no seculo 19 e são conhecidas principalmente por facilitar a leitura digital. Muito utilizada em sistemas operacionais por exemplo e comumente escolhida por designers digitais para paragráfos.
E se eu misturar serif com sans-serif?
Sim, isso existe. Chamamos de combinação tipográfica, e não misturamos apenas serifadas com não serifadas, as combinações de familiás tipográficas não tem limites (desde que haja técnica e bom senso).
Utilizamos essa técnica principalmente para diferenciar títulos de paragráfos, mas essa técnica não se limita apenas a isso, dependendo da sua situação, dá para explorar de outras formas também, vou deixar abaixo alguns exemplos:
*¹ 🡢 Leiturabilidade diz respeito à facilidade com que o olho absorve a mensagem e se move ao longo da linha.
Curiosidade: Para uma boa leiturabilidade, evite extremos, como fontes black ou extralight