HOME / BLOG / Desarrollo web

Tipografía, 24 términos que deberíamos conocer

La tipografía es uno de los grandes olvidados en el diseño web, sin embargo tiene una gran importancia para el conjunto.

La tipografía es uno de los factores más importantes del diseño web, sin embargo en muchas ocasiones no le asignamos la importancia que le corresponde. Nos limitamos a escoger las fuentes más básicas y genéricas, sin pararnos a pensar en cuáles son las que más se adaptan a nuestros proyectos, es decir cuál o cuáles son las más adecuadas.

Así, en este artículo, queremos mostraros datos extraídos de la infografía creada por TheLogoCompany, en la que se nos ofrece algunos de los términos más importantes de la tipografía:

  1. Apertura: se trata del área que está total o parcialmente encerrada por la forma de la letra o mediante un símbolo.

  2. Brazo: se trata del trazo horizontal de algunas letras que no están conectadas con otro trazo o a uno o a ambos finales.

  3. Ascenso: consiste en un trazo vertical dirigido hacia arriba, que se encuentra en  algunas de las letras minúsculas.

  4. Bola Terminal: un tipo de curva al final del trazado que no incluye la serif.

  5. Cuenco: la parte curvada que dibujan algunos caracteres al encerrar una parte circular de las letras

  6. Contador: consiste en un espacio abierto que se crea por el trazo circular de una letra.

  7. Travesaño: el trazado horizontal que se dibuja en el medio de la A y la H mayúsculas.

  8. Descenso: la parte de la letra que se extiende por debajo de la línea de base.

  9. Oreja: se trata del pequeño trazado que se extiende en la parte superior derecha, como en el caso de la g minúscula.

  10. Ojo: el pequeño espacio que se encuentra encerrado en las e minúsculas.

  11. Kerning: es el proceso de ajustar el espacio entre los caracteres de una palabra.

  12. Leading: el espacio entre dos líneas de palabras.

  13. Pierna: el trazo que se extiende hacia abajo al menos 90º. Podemos encontrarla en las letras k minúscula y en la K y R mayúsculas.

  14. Lazo: la parte inferior de la minúscula g.

  15. Ligadura: combinación de dos o más caracteres unidos que forman una unión no común.

  16. Serif & Sans Serif: es el pequeño trazado de los brazos, pies y tallos de los caracteres.

  17. Shoulder: es el trazado curvo que se dirige hacia abajo, hacia el pie de la letra.

  18. Espolón: una pequeña proyección del pie principal de la letra.

  19. Pie: se trata del trazado principal de la letra, que normalmente es vertical

  20. Cola: es una proyección que se dirige hacia el inferior de la letra y que aparece en la Q.

  21. Final: el final del trazado que no termina con la Serif.

  22. Título: pequeña marca distintiva que se usa en los diacríticos o en la minúscula de la i o la j.

  23. X-Altura: se define como la altura que alcanzan las letras minúsculas, y se basa en la de la x en minúscula (no incluye los ascendentes o descendentes)

  24. Línea X: línea que marca la cima de esas minúsculas.

En definitiva, hablamos de 24 términos que nos ayudarán a entender mejor la tipografía y sus principales particularidades.

Alejandro López

Director Creativo Ejecutivo

Se dice pronto, pero llevo 20 años participando de un modo u otro en el desarrollo de proyectos web, especialmente en la parte de diseño UI/UX. Lo cierto es que estoy medio sordo, pero tengo una vista biónica y una mente cuadriculada que me permiten ver rápidamente un píxel desajustado.

Yo nací con la tara del «pixel perfect», y básicamente esta es mi filosofía: hacer diseños prácticos, usables, viables técnicamente y por supuesto, bonitos y exclusivos para cada cliente.

Así que… ¿por qué no nos cuentas nuestro próximo proyecto?.

Suscríbete

Y recibe antes que nadie los consejos, novedades y técnicas que te ayudarán a hacer crecer tu negocio.