Cal é a tipografía e, por extensión, o deseño tipográfico? Para usar a explicación máis básica, a tipografía é o deseño e uso de tipos de letra como medio de comunicación. Moitas persoas consideran que a tipografía comezou con Gutenberg eo desenvolvemento do tipo móbil, pero a tipografía remóntase moito máis alá. Esta rama de deseño realmente ten as súas raíces en letras de manuscritos. A tipografía engloba todo, dende a caligrafía a través do tipo dixital que hoxe vemos en páxinas web de todo tipo. A arte da tipografía tamén inclúe deseñadores de tipos que crean novas formas de letra que logo se transforman en arquivos de fontes que outros deseños poden empregar no seu traballo, desde traballos impresos ata os mencionados sitios web. Diferentes como as que poden ser, os fundamentos da tipografía apóianse a todos.
Os elementos da tipografía
Tipografías e fontes: se algunha vez falaches cun deseño que usa a tipografía nas súas obras, probabelmente escoitou os termos "tipo de letra" e / ou "fonte". Moitas persoas utilizan estes dous termos indistintamente, pero hai algunhas diferenzas entre estes dous elementos.
"Typeface" son os termos que dan a unha familia de fontes (como Helvetica Regular, Helvetica Italic, Helvetica Black e Helvetica Bold ). Todas as versións de Helvetica compoñen a tipografía completa.
"Font" é o termo usado cando alguén se refire a só un peso ou estilo dentro da mesma (como Helvetica Bold). Tantos tipos de letra están compostas por unha serie de fontes individuais, todas elas semellantes e relacionadas pero de diferente forma. Algúns tipos de letra só poden incluír unha única fonte, mentres que outros poden incluír numerosas variacións das letras que compoñen as fontes.
Isto soa un pouco confuso? Se é así, non se preocupe. En realidade, se alguén non é un experto en tipografía, é probable que usen o termo "fonte" independentemente de cal destes termos realmente significan - e ata moitos deseñadores profesionais utilizan estes dous termos indistintamente. A menos que estea falando cun diseñador de tipo puro sobre a mecánica da embarcación, probablemente estea bastante seguro usando o que prefire. Dito isto, se entendes a distinción e podes usar correctamente os termos correctos, iso nunca é malo.
Tipografías Clasificacións: Ás veces chamadas "familias de fontes xenéricas" , estas son grandes agrupacións de tipos de letra baseadas nunha serie de clasificacións xenéricas nas que caen diferentes fontes. Nas páxinas web , hai seis tipos de clasificacións de fontes que probablemente verá:
- serif
- sans-serif
- monospaced
- cursiva
- fantasía
- script
Hai tamén unha serie de outras clasificacións de fontes que son descomposicións destas. Por exemplo, as fontes "slab serif" son similares aos serifs, pero todas presentan un deseño recoñecible con serifs grosos e engurrados nas letras.
Un dos sitios web de hoxe, serif e sans-serif son as dúas clasificacións de fontes máis comúns que se usan.
Anatomía da tipografía : cada tipo de letra está composta por diferentes elementos que o distinguen doutras fontes de tipos. A non ser que estea especialmente destinado ao deseño de tipos e que busque crear novas fontes, os diseñadores web xeralmente non precisan coñecer as características específicas da anatomía da tipografía. Se estás interesado en aprender máis sobre estes bloques de tipos e tipos de letras, hai un excelente artigo sobre anatomía de tipo na páxina web de publicidade de sobreware.com.
Nun nivel básico, os elementos da anatomía da tipografía que debes ter en conta son:
- Cap e x-height: Este é o alto das maiúsculas na tipografía e no alto da letra x. Indica a altura das letras máis grandes, así como as letras maiúsculas e minúsculas. As fontes están dimensionadas en función destas dúas características.
- Decendentes e ascendentes: Estas son as porcións de letras que van por baixo e por riba da liña de altura x . Normalmente refírense a minúsculas. Por exemplo, a letra "b" ten un ascendente (a peza que se adhira "arriba" da letra) mentres que a letra "p" ten descenso (as partes que baixan "da letra").
Espazamento ao redor das cartas
Hai varios axustes que poden ser feitos entre e ao redor das letras que afectan a tipografía. As fontes dixitais créanse con moitas destas características no lugar e nos sitios web temos pouca capacidade para cambiar estes aspectos da fonte. Isto adoita ser bo xa que a forma predeterminada que se amosan as fontes adoita ser preferible.
- kerning - o espazo horizontal entre letras individuais
- seguimento - o espazo entre grupos de letras
- conducir - espazo vertical entre liñas de tipo (isto é coñecido como liña de altura nos termos do sitio)
- medida - a lonxitude das liñas de texto
- aliñamento: colocar visualmente o texto á esquerda, á dereita, ao centro ou á xustificación
- ligaduras: as letras móvense unidas para que se combinen as súas anatomías, que flúen esencialmente unha carta a outra
Máis elementos de tipografía
A tipografía é máis que os tipos de letra que se usan e o espazo en branco ao redor. Tamén hai outras cousas que debes ter en conta ao crear un bo sistema tipográfico para calquera deseño:
Rifificación: A hifenación é a adición dun guión (-) ao final das liñas para axudar a evitar problemas de lexibilidade ou xustificar mellor. Aínda que se atopa habitualmente en documentos impresos, a maioría dos diseñadores web ignoran a guionización e non o utilizan no seu traballo porque non é algo que se manexa ben de forma automática polos navegadores web.
Rag: o bordo vertical desigual dun bloque de texto chámase o trapo. Ao prestar atención á tipografía, debes consultar os teus bloques de texto no seu conxunto para asegurarte de que o trapo non teña impacto no deseño. Se o trapo está demasiado afiado ou desigual, pode afectar a lectura do bloque de texto e facelo distraer. Isto é algo que o navegador manexa automaticamente en termos de como se rapta de liña a liña.
Viúvas e orfos: unha única palabra ao final dunha columna é unha viúva e se está na parte superior dunha nova columna é orfo. As viúvas e os orfos parecen malas e poden ser difíciles de ler.
Obter as liñas de texto para mostrar perfectamente nun navegador web é unha proposta agotador, especialmente cando ten un sitio web sensible e diferentes pantallas para diferentes tamaños de pantalla. O seu obxectivo debe ser revisar o sitio en diferentes tamaños para intentar crear o mellor aspecto posible, ao aceptar que, en certos casos, o teu contido terá fiestras, orfos ou outras pantallas menos vistas. O seu obxectivo debe ser minimizar estes aspectos do deseño dun tipo, ao mesmo tempo ser realista no feito de que non pode alcanzar a perfección para cada tamaño de pantalla e mostrar.
Pasos para verificar a túa tipografía
- Elixe os tipos de letra con coidado, mirando a anatomía do tipo, así como a familia do tipo en que está.
- Se construíu o deseño usando o marcador de posición reservada , non aprobe o deseño final ata que vexa o texto real no deseño.
- Preste atención aos pequenos detalles da tipografía .
- Mire cada bloque de texto coma se non tivese palabras nel. Que formas fai o texto na páxina? Asegúrese de que as formas carguen o deseño de páxina enteiro.
Artigo orixinal de Jennifer Krynin. Editado por Jeremy Girard o 17 de febreiro